{"id":89,"date":"2026-06-25T08:56:56","date_gmt":"2026-06-25T08:56:56","guid":{"rendered":"https:\/\/toolskit.site\/index.php\/image-format-converter\/"},"modified":"2026-06-25T09:18:36","modified_gmt":"2026-06-25T09:18:36","slug":"image-format-converter","status":"publish","type":"page","link":"https:\/\/toolskit.site\/index.php\/image-format-converter\/","title":{"rendered":"Image Format Converter"},"content":{"rendered":"<div class=\"hth-single-tool-shell\" style=\"--hth-color:#00ffc8\">\n<div id=\"ifc-wrapper\">\n<style>#ifc-wrapper{width:100%;max-width:1200px;box-sizing:border-box;margin:0 auto;overflow:hidden;position:relative}#ifc-wrapper *{box-sizing:border-box;margin:0;padding:0;font-family:system-ui,-apple-system,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif}#ifc-wrapper{background:#1a1a2e;color:#e0e0e0;padding:24px;border-radius:16px;border:1px solid #333}#ifc-wrapper .ifc-content{position:relative;z-index:1}#ifc-wrapper .ifc-header{text-align:center;margin-bottom:24px}#ifc-wrapper .ifc-title{font-size:28px;font-weight:800;color:#00ffc8;margin-bottom:8px}#ifc-wrapper .ifc-subtitle{color:#888;font-size:14px}#ifc-wrapper .ifc-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media(max-width:900px){#ifc-wrapper .ifc-grid{grid-template-columns:1fr}}#ifc-wrapper .ifc-panel{background:#0a0a12;border:1px solid #222;border-radius:12px;padding:20px}#ifc-wrapper .ifc-panel-title{font-size:16px;color:#00ffc8;margin-bottom:16px;font-weight:700}#ifc-wrapper .ifc-dropzone{border:2px dashed #333;border-radius:12px;padding:30px 20px;text-align:center;cursor:pointer;transition:all 0.3s;margin-bottom:20px}#ifc-wrapper .ifc-dropzone:hover{border-color:#00ffc8;background:rgba(0,255,200,0.05)}#ifc-wrapper .ifc-dropzone-text{color:#888;font-size:14px}#ifc-wrapper .ifc-dropzone-text span{color:#00ffc8;font-weight:600}#ifc-wrapper .ifc-file-input{display:none}#ifc-wrapper .ifc-field{margin-bottom:16px}#ifc-wrapper .ifc-label{display:flex;justify-content:space-between;font-size:13px;color:#aaa;margin-bottom:6px;font-weight:600}#ifc-wrapper .ifc-select,#ifc-wrapper .ifc-input{width:100%;background:#12121a;border:1px solid #333;border-radius:8px;padding:10px 14px;color:#fff;font-size:14px;outline:none}#ifc-wrapper .ifc-input-row{display:flex;gap:10px}#ifc-wrapper .ifc-range{width:100%;accent-color:#00ffc8;margin-top:4px}#ifc-wrapper .ifc-file-list{max-height:300px;overflow-y:auto;margin-bottom:20px}#ifc-wrapper .ifc-file-item{background:#12121a;border:1px solid #2a2a35;border-radius:8px;padding:12px;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center}#ifc-wrapper .ifc-file-name{font-size:13px;color:#ccc;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}#ifc-wrapper .ifc-file-del{background:transparent;border:1px solid #333;color:#ff4444;width:24px;height:24px;border-radius:4px;cursor:pointer}#ifc-wrapper .ifc-empty{text-align:center;padding:30px;color:#555;font-size:14px}#ifc-wrapper .ifc-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}#ifc-wrapper .ifc-btn{padding:10px 18px;border-radius:8px;border:1px solid #333;background:#12121a;color:#ccc;font-size:14px;font-weight:600;cursor:pointer}#ifc-wrapper .ifc-btn:hover{border-color:#00ffc8;color:#00ffc8}#ifc-wrapper .ifc-btn-primary{background:rgba(0,255,200,0.1);border-color:#00ffc8;color:#00ffc8}#ifc-wrapper .ifc-btn:disabled{opacity:0.5;cursor:not-allowed}@media(max-width:600px){#ifc-wrapper{padding:16px}#ifc-wrapper .ifc-title{font-size:22px}}<\/style>\n<div class=\"ifc-content\">\n<div class=\"ifc-header\">\n<h2 class=\"ifc-title\">Image Format Converter<\/h2>\n<p class=\"ifc-subtitle\">Convert, Resize &#038; Strip Metadata instantly. Batch processing supported.<\/p>\n<\/div>\n<div class=\"ifc-grid\">\n<div class=\"ifc-panel\">\n<div class=\"ifc-panel-title\">Conversion Settings<\/div>\n<div class=\"ifc-dropzone\" id=\"ifc-dropzone\" onclick=\"document.getElementById('ifc-file').click();\">\n<div class=\"ifc-dropzone-text\">Drag &#038; Drop images here or <span>Browse<\/span><\/div>\n<\/div>\n<p><input type=\"file\" class=\"ifc-file-input\" id=\"ifc-file\" accept=\"image\/*\" multiple onchange=\"addIFCFiles(this.files)\"><\/p>\n<div class=\"ifc-field\">\n<div class=\"ifc-label\"><span>Convert To<\/span><\/div>\n<p><select class=\"ifc-select\" id=\"ifc-format\"><option value=\"image\/png\">PNG (Lossless)<\/option><option value=\"image\/jpeg\">JPG (Lossy)<\/option><option value=\"image\/webp\">WebP (Modern)<\/option><\/select><\/div>\n<div class=\"ifc-field\">\n<div class=\"ifc-label\"><span>Batch Resize (Optional)<\/span><\/div>\n<div class=\"ifc-input-row\"><input type=\"number\" class=\"ifc-input\" id=\"ifc-resize-w\" placeholder=\"Width\"><input type=\"number\" class=\"ifc-input\" id=\"ifc-resize-h\" placeholder=\"Height\"><\/div>\n<\/div>\n<div class=\"ifc-field\">\n<div class=\"ifc-label\"><span>Filename Prefix \/ Suffix<\/span><\/div>\n<div class=\"ifc-input-row\"><input type=\"text\" class=\"ifc-input\" id=\"ifc-prefix\" placeholder=\"Prefix (e.g., web_)\"><input type=\"text\" class=\"ifc-input\" id=\"ifc-suffix\" placeholder=\"Suffix (e.g., _final)\"><\/div>\n<\/div>\n<div class=\"ifc-field\" id=\"ifc-quality-field\">\n<div class=\"ifc-label\"><span>Quality<\/span><span id=\"ifc-quality-val\">90%<\/span><\/div>\n<p><input type=\"range\" class=\"ifc-range\" id=\"ifc-quality\" min=\"10\" max=\"100\" value=\"90\" oninput=\"document.getElementById('ifc-quality-val').textContent=this.value+'%'\"><\/div>\n<div class=\"ifc-field\"><label style=\"display:flex;align-items:center;gap:8px;font-size:13px;color:#ccc;cursor:pointer;\"><input type=\"checkbox\" id=\"ifc-strip-meta\" checked style=\"accent-color:#00ffc8;width:16px;height:16px;\">Strip EXIF Metadata (Privacy Safe)<\/label><\/div>\n<\/div>\n<div class=\"ifc-panel\">\n<div class=\"ifc-panel-title\">Files Queue<\/div>\n<div class=\"ifc-file-list\" id=\"ifc-file-list\">\n<div class=\"ifc-empty\">No files added yet<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"ifc-actions\"><button class=\"ifc-btn ifc-btn-primary\" id=\"ifc-convert\" disabled onclick=\"convertIFCAll()\">Convert &#038; Download All<\/button><button class=\"ifc-btn\" id=\"ifc-clear\" disabled onclick=\"clearIFCAll()\">Clear All<\/button><\/div>\n<\/div>\n<p><script>var ifcQueue=[];function addIFCFiles(files){for(var i=0;i<files.length;i++){if(files[i].type.startsWith('image\/'))ifcQueue.push(files[i]);}renderIFCList();}function renderIFCList(){var fileList=document.getElementById('ifc-file-list');if(ifcQueue.length===0){fileList.innerHTML='\n\n<div class=\"ifc-empty\">No files added yet<\/div>\n<p>';document.getElementById('ifc-convert').disabled=true;document.getElementById('ifc-clear').disabled=true;return;}document.getElementById('ifc-convert').disabled=false;document.getElementById('ifc-clear').disabled=false;fileList.innerHTML='';ifcQueue.forEach(function(f,idx){var div=document.createElement('div');div.className='ifc-file-item';div.innerHTML='<\/p>\n<div class=\"ifc-file-name\">'+f.name+'<\/div>\n<p><button class=\"ifc-file-del\" onclick=\"removeIFCFile('+idx+')\">X<\/button>';fileList.appendChild(div);});}function removeIFCFile(idx){ifcQueue.splice(idx,1);renderIFCList();}function clearIFCAll(){ifcQueue=[];document.getElementById('ifc-file').value='';renderIFCList();}function convertIFCAll(){if(ifcQueue.length===0)return;alert('Converting...');var format=document.getElementById('ifc-format').value;var ext=format.split('\/')[1];var quality=document.getElementById('ifc-quality').value\/100;var p=document.getElementById('ifc-prefix').value;var s=document.getElementById('ifc-suffix').value;var tW=parseInt(document.getElementById('ifc-resize-w').value);var tH=parseInt(document.getElementById('ifc-resize-h').value);var promises=[];for(var i=0;i<ifcQueue.length;i++){promises.push(convertIFCOne(ifcQueue[i],format,ext,quality,p,s,tW,tH));}Promise.all(promises).then(function(){alert('All Converted!');});}function convertIFCOne(file,format,ext,quality,p,s,tW,tH){return new Promise(function(resolve){var reader=new FileReader();reader.onload=function(e){var img=new Image();img.onload=function(){var canvas=document.createElement('canvas');var w=tW||img.width,h=tH||img.height;if(!tW&#038;&#038;!tH){w=img.width;h=img.height;}else if(tW&#038;&#038;!tH){h=Math.round((img.height\/img.width)*tW);}else if(!tW&#038;&#038;tH){w=Math.round((img.width\/img.height)*tH);}canvas.width=w;canvas.height=h;var ctx=canvas.getContext('2d');if(format!=='image\/png'){ctx.fillStyle='#ffffff';ctx.fillRect(0,0,w,h);}ctx.drawImage(img,0,0,w,h);canvas.toBlob(function(blob){var url=URL.createObjectURL(blob);var a=document.createElement('a');a.href=url;var baseName=file.name.replace(\/.[^\/.]+$\/,'');a.download=p+baseName+s+'.'+ext;a.click();URL.revokeObjectURL(url);resolve();},format,quality);};img.src=e.target.result;};reader.readAsDataURL(file);}var dropzone=document.getElementById('ifc-dropzone');dropzone.addEventListener('dragover',function(e){e.preventDefault();dropzone.classList.add('dragover');});dropzone.addEventListener('dragleave',function(){dropzone.classList.remove('dragover');});dropzone.addEventListener('drop',function(e){e.preventDefault();dropzone.classList.remove('dragover');addIFCFiles(e.dataTransfer.files);});<\/script><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Convert, Resize &#038; Strip Metadata instantly. Batch processing supported.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-89","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/toolskit.site\/index.php\/wp-json\/wp\/v2\/pages\/89","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/toolskit.site\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/toolskit.site\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/toolskit.site\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/toolskit.site\/index.php\/wp-json\/wp\/v2\/comments?post=89"}],"version-history":[{"count":2,"href":"https:\/\/toolskit.site\/index.php\/wp-json\/wp\/v2\/pages\/89\/revisions"}],"predecessor-version":[{"id":99,"href":"https:\/\/toolskit.site\/index.php\/wp-json\/wp\/v2\/pages\/89\/revisions\/99"}],"wp:attachment":[{"href":"https:\/\/toolskit.site\/index.php\/wp-json\/wp\/v2\/media?parent=89"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}