{"id":88,"date":"2026-06-25T08:56:56","date_gmt":"2026-06-25T08:56:56","guid":{"rendered":"https:\/\/toolskit.site\/index.php\/image-resizer-pro\/"},"modified":"2026-06-25T09:18:36","modified_gmt":"2026-06-25T09:18:36","slug":"image-resizer-pro","status":"publish","type":"page","link":"https:\/\/toolskit.site\/index.php\/image-resizer-pro\/","title":{"rendered":"Image Resizer Pro"},"content":{"rendered":"<div class=\"hth-single-tool-shell\" style=\"--hth-color:#ffa500\">\n<div id=\"ir-wrapper\">\n<style>#ir-wrapper{width:100%;max-width:1200px;box-sizing:border-box;margin:0 auto;overflow:hidden;position:relative}#ir-wrapper *{box-sizing:border-box;margin:0;padding:0;font-family:system-ui,-apple-system,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif}#ir-wrapper{background:#1a1a2e;color:#e0e0e0;padding:24px;border-radius:16px;border:1px solid #333}#ir-wrapper .ir-content{position:relative;z-index:1}#ir-wrapper .ir-header{text-align:center;margin-bottom:24px}#ir-wrapper .ir-title{font-size:28px;font-weight:800;color:#ffa500;margin-bottom:8px}#ir-wrapper .ir-subtitle{color:#888;font-size:14px}#ir-wrapper .ir-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:24px}@media(max-width:900px){#ir-wrapper .ir-grid{grid-template-columns:1fr}}#ir-wrapper .ir-panel{background:#0a0a12;border:1px solid #222;border-radius:12px;padding:20px}#ir-wrapper .ir-panel-title{font-size:16px;color:#ffa500;margin-bottom:16px;font-weight:700}#ir-wrapper .ir-dropzone{border:2px dashed #333;border-radius:12px;padding:30px 20px;text-align:center;cursor:pointer;transition:all 0.3s;margin-bottom:20px}#ir-wrapper .ir-dropzone:hover{border-color:#ffa500;background:rgba(255,165,0,0.05)}#ir-wrapper .ir-dropzone-text{color:#888;font-size:14px}#ir-wrapper .ir-dropzone-text span{color:#ffa500;font-weight:600}#ir-wrapper .ir-file-input{display:none}#ir-wrapper .ir-field{margin-bottom:16px}#ir-wrapper .ir-label{display:flex;justify-content:space-between;font-size:13px;color:#aaa;margin-bottom:6px;font-weight:600}#ir-wrapper .ir-input-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}#ir-wrapper .ir-input,#ir-wrapper .ir-select{flex:1;min-width:0;background:#12121a;border:1px solid #333;border-radius:8px;padding:10px 14px;color:#fff;font-size:14px;outline:none}#ir-wrapper .ir-lock-btn{background:#12121a;border:1px solid #333;color:#ffa500;width:40px;height:40px;border-radius:8px;cursor:pointer;font-size:18px}#ir-wrapper .ir-range{width:100%;accent-color:#ffa500;margin-top:4px}#ir-wrapper .ir-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}#ir-wrapper .ir-stat-box{background:#12121a;border:1px solid #2a2a35;border-radius:8px;padding:12px;text-align:center}#ir-wrapper .ir-stat-val{font-size:18px;font-weight:800;color:#00f5ff}#ir-wrapper .ir-stat-label{font-size:11px;color:#888;text-transform:uppercase;margin-top:4px}#ir-wrapper .ir-preview-box{background:#12121a;border:1px solid #222;border-radius:12px;min-height:300px;display:flex;align-items:center;justify-content:center;overflow:hidden}#ir-wrapper .ir-preview-img{max-width:100%;max-height:400px;object-fit:contain}#ir-wrapper .ir-preview-placeholder{color:#555;font-size:14px}#ir-wrapper .ir-transform-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}#ir-wrapper .ir-icon-btn{background:#12121a;border:1px solid #333;color:#ccc;padding:8px 12px;border-radius:8px;cursor:pointer;font-size:14px}#ir-wrapper .ir-icon-btn:hover{border-color:#ffa500;color:#ffa500}#ir-wrapper .ir-icon-btn.active{background:rgba(255,165,0,0.1);border-color:#ffa500;color:#ffa500}#ir-wrapper .ir-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px;justify-content:center}#ir-wrapper .ir-btn{padding:10px 18px;border-radius:8px;border:1px solid #333;background:#12121a;color:#ccc;font-size:14px;font-weight:600;cursor:pointer}#ir-wrapper .ir-btn:hover{border-color:#ffa500;color:#ffa500}#ir-wrapper .ir-btn-primary{background:rgba(255,165,0,0.1);border-color:#ffa500;color:#ffa500}#ir-wrapper .ir-btn:disabled{opacity:0.5;cursor:not-allowed}@media(max-width:600px){#ir-wrapper{padding:16px}#ir-wrapper .ir-title{font-size:22px}}<\/style>\n<div class=\"ir-content\">\n<div class=\"ir-header\">\n<h2 class=\"ir-title\">Image Resizer Pro<\/h2>\n<p class=\"ir-subtitle\">Resize, Rotate, Filter &#038; Watermark images instantly. 100% Private.<\/p>\n<\/div>\n<div class=\"ir-grid\">\n<div class=\"ir-panel\">\n<div class=\"ir-panel-title\">Resize &#038; Transform<\/div>\n<div class=\"ir-dropzone\" id=\"ir-dropzone\" onclick=\"document.getElementById('ir-file').click();\">\n<div class=\"ir-dropzone-text\">Drag &#038; Drop image here or <span>Browse<\/span><\/div>\n<\/div>\n<p><input type=\"file\" class=\"ir-file-input\" id=\"ir-file\" accept=\"image\/*\" onchange=\"handleIRFile(this.files[0])\"><\/p>\n<div class=\"ir-field\">\n<div class=\"ir-label\"><span>Dimensions (px)<\/span><\/div>\n<div class=\"ir-input-row\"><input type=\"number\" class=\"ir-input\" id=\"ir-width\" placeholder=\"Width\" disabled oninput=\"updateIRPreview()\"><button class=\"ir-lock-btn\" id=\"ir-lock\" title=\"Lock Aspect Ratio\" onclick=\"toggleIRLock()\">L<\/button><input type=\"number\" class=\"ir-input\" id=\"ir-height\" placeholder=\"Height\" disabled oninput=\"updateIRPreview()\"><\/div>\n<\/div>\n<div class=\"ir-transform-row\"><button class=\"ir-icon-btn\" id=\"ir-rot-l\" disabled onclick=\"rotateIR(-90)\">Rot L<\/button><button class=\"ir-icon-btn\" id=\"ir-rot-r\" disabled onclick=\"rotateIR(90)\">Rot R<\/button><button class=\"ir-icon-btn\" id=\"ir-flip-h\" disabled onclick=\"flipIR('h')\">Flip H<\/button><button class=\"ir-icon-btn\" id=\"ir-flip-v\" disabled onclick=\"flipIR('v')\">Flip V<\/button><button class=\"ir-icon-btn\" id=\"ir-crop-sq\" disabled onclick=\"toggleCropIR()\">Crop Sq<\/button><\/div>\n<div class=\"ir-panel-title\" style=\"margin-top:10px;\">Filters &#038; Watermark<\/div>\n<div class=\"ir-field\">\n<div class=\"ir-label\"><span>Brightness<\/span><span id=\"ir-bright-val\">100%<\/span><\/div>\n<p><input type=\"range\" class=\"ir-range\" id=\"ir-bright\" min=\"0\" max=\"200\" value=\"100\" disabled oninput=\"updateIRBright()\"><\/div>\n<div class=\"ir-field\">\n<div class=\"ir-label\"><span>Contrast<\/span><span id=\"ir-contrast-val\">100%<\/span><\/div>\n<p><input type=\"range\" class=\"ir-range\" id=\"ir-contrast\" min=\"0\" max=\"200\" value=\"100\" disabled oninput=\"updateIRContrast()\"><\/div>\n<div class=\"ir-field\">\n<div class=\"ir-label\"><span>Watermark Text<\/span><\/div>\n<p><input type=\"text\" class=\"ir-input\" id=\"ir-wm-text\" placeholder=\"Enter watermark...\" disabled oninput=\"updateIRPreview()\"><\/div>\n<div class=\"ir-field\">\n<div class=\"ir-label\"><span>Output Format<\/span><\/div>\n<p><select class=\"ir-select\" id=\"ir-format\" disabled onchange=\"updateIRSize()\"><option value=\"image\/png\">PNG<\/option><option value=\"image\/jpeg\">JPG<\/option><option value=\"image\/webp\">WebP<\/option><\/select><\/div>\n<div class=\"ir-stats\">\n<div class=\"ir-stat-box\">\n<div class=\"ir-stat-val\" id=\"ir-orig-size\">&#8211;<\/div>\n<div class=\"ir-stat-label\">Original Size<\/div>\n<\/div>\n<div class=\"ir-stat-box\">\n<div class=\"ir-stat-val\" id=\"ir-new-size\">&#8211;<\/div>\n<div class=\"ir-stat-label\">Estimated New<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"ir-panel\">\n<div class=\"ir-panel-title\">Live Preview<\/div>\n<div class=\"ir-preview-box\" id=\"ir-preview-box\"><span class=\"ir-preview-placeholder\">Upload an image to start<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"ir-actions\"><button class=\"ir-btn ir-btn-primary\" id=\"ir-download\" disabled onclick=\"downloadIR()\">Download Processed<\/button><button class=\"ir-btn\" id=\"ir-reset\" disabled onclick=\"resetIR()\">Reset<\/button><\/div>\n<\/div>\n<p><script>var irImg=null,irW=0,irH=0,irRot=0,irFlipX=1,irFlipY=1,irCrop=false,irLock=true;function handleIRFile(file){if(!file||!file.type.startsWith('image\/')){alert('Please select an image!');return;}document.getElementById('ir-orig-size').textContent=formatBytes(file.size);var reader=new FileReader();reader.onload=function(e){var img=new Image();img.onload=function(){irImg=img;irW=img.width;irH=img.height;irRot=0;irFlipX=1;irFlipY=1;irCrop=false;document.getElementById('ir-width').value=irW;document.getElementById('ir-height').value=irH;enableIRControls(true);updateIRPreview();};img.src=e.target.result;};reader.readAsDataURL(file);}function enableIRControls(en){['ir-width','ir-height','ir-format','ir-bright','ir-contrast','ir-wm-text','ir-download','ir-reset'].forEach(function(id){document.getElementById(id).disabled=!en;});['ir-rot-l','ir-rot-r','ir-flip-h','ir-flip-v','ir-crop-sq'].forEach(function(id){document.getElementById(id).disabled=!en;});}function toggleIRLock(){irLock=!irLock;document.getElementById('ir-lock').innerHTML=irLock?'L':'U';document.getElementById('ir-lock').classList.toggle('unlocked',!irLock);}function rotateIR(deg){irRot=(irRot+deg+360)%360;var w=irW,h=irH;if(irCrop){var s=Math.min(w,h);w=s;h=s;}if(irRot%180!==0){var t=w;w=h;h=t;}document.getElementById('ir-width').value=w;document.getElementById('ir-height').value=h;updateIRPreview();}function flipIR(dir){if(dir==='h')irFlipX*=-1;else irFlipY*=-1;updateIRPreview();}function toggleCropIR(){irCrop=!irCrop;document.getElementById('ir-crop-sq').classList.toggle('active',irCrop);var w=irW,h=irH;if(irCrop){var s=Math.min(w,h);w=s;h=s;}if(irRot%180!==0){var t=w;w=h;h=t;}document.getElementById('ir-width').value=w;document.getElementById('ir-height').value=h;updateIRPreview();}function updateIRBright(){document.getElementById('ir-bright-val').textContent=document.getElementById('ir-bright').value+'%';updateIRPreview();}function updateIRContrast(){document.getElementById('ir-contrast-val').textContent=document.getElementById('ir-contrast').value+'%';updateIRPreview();}function updateIRPreview(){if(!irImg)return;var canvas=document.createElement('canvas');var w=parseInt(document.getElementById('ir-width').value)||irW;var h=parseInt(document.getElementById('ir-height').value)||irH;canvas.width=w;canvas.height=h;var ctx=canvas.getContext('2d');ctx.filter='brightness('+document.getElementById('ir-bright').value+'%) contrast('+document.getElementById('ir-contrast').value+'%)';ctx.translate(w\/2,h\/2);ctx.rotate(irRot*Math.PI\/180);ctx.scale(irFlipX,irFlipY);var drawW=irW,drawH=irH;if(irCrop){var s=Math.min(irW,irH);drawW=s;drawH=s;}ctx.drawImage(irImg,-drawW\/2,-drawH\/2,drawW,drawH);var wm=document.getElementById('ir-wm-text').value.trim();if(wm){ctx.font=Math.max(16,w\/20)+'px Arial';ctx.fillStyle='rgba(255,255,255,0.5)';ctx.textAlign='center';ctx.fillText(wm,0,h\/2);}var previewBox=document.getElementById('ir-preview-box');previewBox.innerHTML='';var img=document.createElement('img');img.src=canvas.toDataURL();img.className='ir-preview-img';previewBox.appendChild(img);updateIRSize();}function updateIRSize(){if(!irImg)return;var canvas=document.createElement('canvas');var w=parseInt(document.getElementById('ir-width').value)||irW;var h=parseInt(document.getElementById('ir-height').value)||irH;canvas.width=w;canvas.height=h;var ctx=canvas.getContext('2d');ctx.filter='brightness('+document.getElementById('ir-bright').value+'%) contrast('+document.getElementById('ir-contrast').value+'%)';ctx.translate(w\/2,h\/2);ctx.rotate(irRot*Math.PI\/180);ctx.scale(irFlipX,irFlipY);var drawW=irW,drawH=irH;if(irCrop){var s=Math.min(irW,irH);drawW=s;drawH=s;}ctx.drawImage(irImg,-drawW\/2,-drawH\/2,drawW,drawH);canvas.toBlob(function(blob){document.getElementById('ir-new-size').textContent=formatBytes(blob.size);},document.getElementById('ir-format').value,0.9);}function downloadIR(){if(!irImg)return;var canvas=document.createElement('canvas');var w=parseInt(document.getElementById('ir-width').value)||irW;var h=parseInt(document.getElementById('ir-height').value)||irH;canvas.width=w;canvas.height=h;var ctx=canvas.getContext('2d');ctx.filter='brightness('+document.getElementById('ir-bright').value+'%) contrast('+document.getElementById('ir-contrast').value+'%)';ctx.translate(w\/2,h\/2);ctx.rotate(irRot*Math.PI\/180);ctx.scale(irFlipX,irFlipY);var drawW=irW,drawH=irH;if(irCrop){var s=Math.min(irW,irH);drawW=s;drawH=s;}ctx.drawImage(irImg,-drawW\/2,-drawH\/2,drawW,drawH);var wm=document.getElementById('ir-wm-text').value.trim();if(wm){ctx.font=Math.max(16,w\/20)+'px Arial';ctx.fillStyle='rgba(255,255,255,0.5)';ctx.textAlign='center';ctx.fillText(wm,0,h\/2);}var format=document.getElementById('ir-format').value;var ext=format.split('\/')[1];if(format==='image\/jpeg'){ctx.globalCompositeOperation='destination-over';ctx.fillStyle='#FFFFFF';ctx.fillRect(0,0,w,h);}canvas.toBlob(function(blob){var url=URL.createObjectURL(blob);var a=document.createElement('a');a.href=url;a.download='processed-image.'+ext;a.click();URL.revokeObjectURL(url);alert('Downloaded!');},format,0.9);}function resetIR(){irImg=null;document.getElementById('ir-file').value='';document.getElementById('ir-width').value='';document.getElementById('ir-height').value='';document.getElementById('ir-bright').value=100;document.getElementById('ir-bright-val').textContent='100%';document.getElementById('ir-contrast').value=100;document.getElementById('ir-contrast-val').textContent='100%';document.getElementById('ir-wm-text').value='';irRot=0;irFlipX=1;irFlipY=1;irCrop=false;document.getElementById('ir-crop-sq').classList.remove('active');enableIRControls(false);document.getElementById('ir-orig-size').textContent='-';document.getElementById('ir-new-size').textContent='-';document.getElementById('ir-preview-box').innerHTML='<span class=\"ir-preview-placeholder\">Upload an image to start<\/span>';}function formatBytes(b){if(b===0)return'0 B';var k=1024,s=['B','KB','MB'];var i=Math.floor(Math.log(b)\/Math.log(k));return parseFloat((b\/Math.pow(k,i)).toFixed(2))+' '+s[i];}var dropzone=document.getElementById('ir-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');if(e.dataTransfer.files[0])handleIRFile(e.dataTransfer.files[0]);});<\/script><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Resize, Rotate, Filter &#038; Watermark images instantly. 100% Private &#038; Offline.<\/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-88","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/toolskit.site\/index.php\/wp-json\/wp\/v2\/pages\/88","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=88"}],"version-history":[{"count":2,"href":"https:\/\/toolskit.site\/index.php\/wp-json\/wp\/v2\/pages\/88\/revisions"}],"predecessor-version":[{"id":98,"href":"https:\/\/toolskit.site\/index.php\/wp-json\/wp\/v2\/pages\/88\/revisions\/98"}],"wp:attachment":[{"href":"https:\/\/toolskit.site\/index.php\/wp-json\/wp\/v2\/media?parent=88"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}