Free Image Resizer Online \u2013 Resize, Compress & Convert JPG\/PNG\/WEBP | PinSave<\/title>\r\n<meta name=\"description\" content=\"Resize and compress images online for free. Change dimensions, reduce file size, and convert between JPG, PNG, and WEBP \u2014 instantly, in your browser, with no upload to any server.\" \/>\r\n<meta name=\"keywords\" content=\"image resizer online, resize image online free, image resize tool, online photo resizer, compress image online free, convert image to jpg png webp, reduce image size in kb mb\" \/>\r\n<link rel=\"canonical\" href=\"https:\/\/pinsave.site\/\" \/>\r\n\r\n\r\n<meta property=\"og:type\" content=\"website\" \/>\r\n<meta property=\"og:title\" content=\"Free Image Resizer Online \u2013 Resize, Compress & Convert JPG\/PNG\/WEBP\" \/>\r\n<meta property=\"og:description\" content=\"Resize and compress images online for free, right in your browser. No uploads, no signup, no watermark.\" \/>\r\n<meta property=\"og:url\" content=\"https:\/\/pinsave.site\/\" \/>\r\n\r\n\r\n<script type=\"application\/ld+json\">\r\n{\r\n \"@context\": \"https:\/\/schema.org\",\r\n \"@type\": \"FAQPage\",\r\n \"mainEntity\": [\r\n {\r\n \"@type\": \"Question\",\r\n \"name\": \"Does resizing reduce image quality?\",\r\n \"acceptedAnswer\": {\r\n \"@type\": \"Answer\",\r\n \"text\": \"Shrinking dimensions generally preserves visual quality well. If you also lower the compression quality slider for JPG or WEBP, file size drops further but some detail is lost \u2014 the tool shows a live preview so you can find the right balance.\"\r\n }\r\n },\r\n {\r\n \"@type\": \"Question\",\r\n \"name\": \"Is my image uploaded to a server?\",\r\n \"acceptedAnswer\": {\r\n \"@type\": \"Answer\",\r\n \"text\": \"No. The resizing and compression happen entirely in your browser using JavaScript. Your file never leaves your device.\"\r\n }\r\n },\r\n {\r\n \"@type\": \"Question\",\r\n \"name\": \"What's the difference between JPG, PNG, and WEBP?\",\r\n \"acceptedAnswer\": {\r\n \"@type\": \"Answer\",\r\n \"text\": \"JPG is best for photos and compresses well but doesn't support transparency. PNG supports transparency and is best for logos or graphics, but files are larger. WEBP typically gives the smallest file size of the three at comparable quality, making it a good choice for websites.\"\r\n }\r\n },\r\n {\r\n \"@type\": \"Question\",\r\n \"name\": \"Is there a limit on image size or how many images I can resize?\",\r\n \"acceptedAnswer\": {\r\n \"@type\": \"Answer\",\r\n \"text\": \"There's no signup or daily limit \u2014 you can resize as many images as you like, one at a time, for free.\"\r\n }\r\n },\r\n {\r\n \"@type\": \"Question\",\r\n \"name\": \"Can I resize an image to an exact size in KB or MB?\",\r\n \"acceptedAnswer\": {\r\n \"@type\": \"Answer\",\r\n \"text\": \"The tool shows your resulting file size in real time as you adjust dimensions and quality, so you can fine-tune the settings until you reach the target size.\"\r\n }\r\n }\r\n ]\r\n}\r\n<\/script>\r\n\r\n<style>\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap');\r\n\r\n :root {\r\n --primary: #4f46e5; \/* Indigo 600 *\/\r\n --primary-hover: #4338ca;\r\n --primary-light: #e0e7ff;\r\n\r\n --bg-main: #f8fafc; \/* Slate 50 *\/\r\n --surface: #ffffff;\r\n\r\n --text-strong: #0f172a;\r\n --text-normal: #334155;\r\n --text-muted: #64748b;\r\n\r\n --border: #e2e8f0;\r\n --border-hover: #cbd5e1;\r\n\r\n --danger: #ef4444;\r\n --success: #10b981;\r\n --warning: #f59e0b;\r\n\r\n --radius-sm: 6px;\r\n --radius-md: 12px;\r\n --radius-lg: 16px;\r\n\r\n --shadow-sm: 0 1px 2px 0 rgb(0 0 0 \/ 0.05);\r\n --shadow-md: 0 4px 6px -1px rgb(0 0 0 \/ 0.1), 0 2px 4px -2px rgb(0 0 0 \/ 0.1);\r\n --shadow-lg: 0 10px 15px -3px rgb(0 0 0 \/ 0.1), 0 4px 6px -4px rgb(0 0 0 \/ 0.1);\r\n }\r\n\r\n * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n body {\r\n background-color: var(--bg-main);\r\n color: var(--text-normal);\r\n font-family: 'Inter', system-ui, -apple-system, sans-serif;\r\n -webkit-font-smoothing: antialiased;\r\n line-height: 1.5;\r\n }\r\n\r\n :focus-visible {\r\n outline: 2px solid var(--primary);\r\n outline-offset: 2px;\r\n }\r\n\r\n \/* --- Layout --- *\/\r\n .container {\r\n max-width: 1000px;\r\n margin: 0 auto;\r\n padding: 40px 20px 80px;\r\n }\r\n\r\n \/* --- Header --- *\/\r\n .header {\r\n text-align: center;\r\n margin-bottom: 40px;\r\n }\r\n\r\n .brand {\r\n font-size: 28px;\r\n font-weight: 800;\r\n letter-spacing: -0.5px;\r\n background: linear-gradient(135deg, var(--primary), #9333ea);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n display: inline-block;\r\n margin-bottom: 16px;\r\n }\r\n\r\n .header h1 {\r\n font-size: clamp(24px, 4vw, 36px);\r\n font-weight: 700;\r\n color: var(--text-strong);\r\n letter-spacing: -0.02em;\r\n margin-bottom: 12px;\r\n line-height: 1.2;\r\n }\r\n\r\n .header p {\r\n font-size: 16px;\r\n color: var(--text-muted);\r\n max-width: 500px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* --- Dropzone --- *\/\r\n .dropzone {\r\n background: var(--surface);\r\n border: 2px dashed var(--border);\r\n border-radius: var(--radius-lg);\r\n padding: 60px 20px;\r\n text-align: center;\r\n cursor: pointer;\r\n transition: all 0.2s ease;\r\n box-shadow: var(--shadow-sm);\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n min-height: 200px;\r\n }\r\n\r\n .dropzone:hover {\r\n border-color: var(--primary-hover);\r\n background-color: #fcfdff;\r\n }\r\n\r\n .dropzone.dragging {\r\n border-color: var(--primary);\r\n background-color: var(--primary-light);\r\n transform: scale(1.01);\r\n }\r\n\r\n .dz-title {\r\n font-size: 18px;\r\n font-weight: 600;\r\n color: var(--text-strong);\r\n margin-bottom: 8px;\r\n }\r\n\r\n .dz-title span {\r\n color: var(--primary);\r\n }\r\n\r\n .dz-hint {\r\n font-size: 14px;\r\n color: var(--text-muted);\r\n }\r\n\r\n .dz-error {\r\n margin-top: 16px;\r\n padding: 12px;\r\n background: #fef2f2;\r\n color: var(--danger);\r\n border-radius: var(--radius-sm);\r\n text-align: center;\r\n font-size: 14px;\r\n font-weight: 500;\r\n }\r\n\r\n \/* --- Workspace Panes --- *\/\r\n .workspace-panes {\r\n display: grid;\r\n grid-template-columns: 1fr 400px;\r\n gap: 32px;\r\n align-items: start;\r\n }\r\n\r\n @media (max-width: 860px) {\r\n .workspace-panes {\r\n grid-template-columns: 1fr;\r\n }\r\n }\r\n\r\n \/* --- Preview Pane --- *\/\r\n .preview-pane {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 16px;\r\n }\r\n\r\n .frame {\r\n position: relative;\r\n background-color: var(--surface);\r\n \/* Transparency grid *\/\r\n background-image:\r\n linear-gradient(45deg, #f1f5f9 25%, transparent 25%),\r\n linear-gradient(-45deg, #f1f5f9 25%, transparent 25%),\r\n linear-gradient(45deg, transparent 75%, #f1f5f9 75%),\r\n linear-gradient(-45deg, transparent 75%, #f1f5f9 75%);\r\n background-size: 20px 20px;\r\n background-position: 0 0, 0 10px, 10px -10px, -10px 0px;\r\n\r\n border: 1px solid var(--border);\r\n border-radius: var(--radius-lg);\r\n padding: 24px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n min-height: 400px;\r\n box-shadow: var(--shadow-md);\r\n overflow: hidden;\r\n }\r\n\r\n .frame img {\r\n max-width: 100%;\r\n max-height: 450px;\r\n object-fit: contain;\r\n border-radius: var(--radius-sm);\r\n box-shadow: var(--shadow-sm);\r\n }\r\n\r\n .dim-tag {\r\n position: absolute;\r\n bottom: 16px;\r\n left: 16px;\r\n background: rgba(15, 23, 42, 0.75);\r\n backdrop-filter: blur(4px);\r\n color: white;\r\n padding: 6px 12px;\r\n border-radius: 20px;\r\n font-size: 13px;\r\n font-weight: 500;\r\n letter-spacing: 0.5px;\r\n font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;\r\n }\r\n\r\n .change-img-btn {\r\n align-self: center;\r\n background: transparent;\r\n border: none;\r\n color: var(--text-muted);\r\n font-size: 14px;\r\n font-weight: 500;\r\n cursor: pointer;\r\n transition: color 0.2s;\r\n }\r\n\r\n .change-img-btn:hover {\r\n color: var(--primary);\r\n text-decoration: underline;\r\n }\r\n\r\n \/* --- Controls Pane --- *\/\r\n .controls-pane {\r\n background: var(--surface);\r\n border: 1px solid var(--border);\r\n border-radius: var(--radius-lg);\r\n padding: 32px;\r\n box-shadow: var(--shadow-md);\r\n display: flex;\r\n flex-direction: column;\r\n gap: 28px;\r\n }\r\n\r\n .control-group {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 10px;\r\n }\r\n\r\n .control-label {\r\n font-size: 13px;\r\n font-weight: 600;\r\n color: var(--text-strong);\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n }\r\n\r\n \/* Inputs *\/\r\n .dimensions-row {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n }\r\n\r\n .input-wrapper {\r\n flex: 1;\r\n position: relative;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .input-wrapper input {\r\n width: 100%;\r\n background: var(--bg-main);\r\n border: 1px solid var(--border);\r\n border-radius: var(--radius-md);\r\n padding: 12px 36px 12px 16px;\r\n font-size: 16px;\r\n font-family: ui-monospace, SFMono-Regular, monospace;\r\n color: var(--text-strong);\r\n transition: all 0.2s;\r\n }\r\n\r\n .input-wrapper input:focus {\r\n outline: none;\r\n border-color: var(--primary);\r\n box-shadow: 0 0 0 3px var(--primary-light);\r\n }\r\n\r\n .input-wrapper .unit {\r\n position: absolute;\r\n right: 16px;\r\n color: var(--text-muted);\r\n font-size: 14px;\r\n pointer-events: none;\r\n }\r\n\r\n .chain-btn {\r\n width: 44px;\r\n height: 44px;\r\n border-radius: var(--radius-md);\r\n border: 1px solid var(--border);\r\n background: var(--surface);\r\n color: var(--text-muted);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n transition: all 0.2s;\r\n flex-shrink: 0;\r\n }\r\n\r\n .chain-btn:hover {\r\n background: var(--bg-main);\r\n }\r\n\r\n .chain-btn.active {\r\n color: var(--primary);\r\n border-color: var(--primary);\r\n background: var(--primary-light);\r\n }\r\n\r\n .hint-text {\r\n font-size: 13px;\r\n color: var(--text-muted);\r\n line-height: 1.4;\r\n }\r\n\r\n \/* Segmented Controls *\/\r\n .seg-group {\r\n display: flex;\r\n background: var(--bg-main);\r\n padding: 4px;\r\n border-radius: var(--radius-md);\r\n border: 1px solid var(--border);\r\n }\r\n\r\n .seg-group button {\r\n flex: 1;\r\n background: transparent;\r\n border: none;\r\n padding: 10px 8px;\r\n font-size: 14px;\r\n font-weight: 500;\r\n color: var(--text-muted);\r\n border-radius: var(--radius-sm);\r\n cursor: pointer;\r\n transition: all 0.2s ease;\r\n }\r\n\r\n .seg-group button.active {\r\n background: var(--surface);\r\n color: var(--text-strong);\r\n box-shadow: var(--shadow-sm);\r\n }\r\n\r\n \/* Range Slider *\/\r\n input[type=\"range\"] {\r\n -webkit-appearance: none;\r\n width: 100%;\r\n height: 6px;\r\n background: var(--bg-main);\r\n border-radius: 4px;\r\n outline: none;\r\n border: 1px solid var(--border);\r\n }\r\n\r\n input[type=\"range\"]::-webkit-slider-thumb {\r\n -webkit-appearance: none;\r\n appearance: none;\r\n width: 20px;\r\n height: 20px;\r\n border-radius: 50%;\r\n background: var(--primary);\r\n cursor: pointer;\r\n border: 2px solid var(--surface);\r\n box-shadow: var(--shadow-sm);\r\n transition: transform 0.1s;\r\n }\r\n\r\n input[type=\"range\"]::-webkit-slider-thumb:hover {\r\n transform: scale(1.1);\r\n }\r\n\r\n \/* Size Comparison *\/\r\n .size-compare {\r\n background: var(--bg-main);\r\n border-radius: var(--radius-md);\r\n padding: 16px;\r\n border: 1px solid var(--border);\r\n }\r\n\r\n .size-row {\r\n display: flex;\r\n justify-content: space-between;\r\n font-size: 13px;\r\n margin-bottom: 6px;\r\n }\r\n\r\n .size-row .label {\r\n color: var(--text-muted);\r\n font-weight: 500;\r\n }\r\n\r\n .size-row .value {\r\n color: var(--text-strong);\r\n font-weight: 600;\r\n font-family: ui-monospace, SFMono-Regular, monospace;\r\n }\r\n\r\n .progress-track {\r\n width: 100%;\r\n height: 6px;\r\n background: var(--border);\r\n border-radius: 4px;\r\n overflow: hidden;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .progress-track:last-child {\r\n margin-bottom: 0;\r\n }\r\n\r\n .progress-fill {\r\n height: 100%;\r\n width: 0%;\r\n transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n .progress-fill.orig {\r\n background: var(--text-muted);\r\n }\r\n\r\n .progress-fill.new {\r\n background: var(--warning);\r\n }\r\n\r\n \/* Action Button *\/\r\n .primary-btn {\r\n width: 100%;\r\n background: var(--primary);\r\n color: white;\r\n border: none;\r\n border-radius: var(--radius-md);\r\n padding: 16px;\r\n font-size: 16px;\r\n font-weight: 600;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n transition: all 0.2s ease;\r\n box-shadow: var(--shadow-md);\r\n }\r\n\r\n .primary-btn:hover:not(:disabled) {\r\n background: var(--primary-hover);\r\n transform: translateY(-1px);\r\n box-shadow: var(--shadow-lg);\r\n }\r\n\r\n .primary-btn:active:not(:disabled) {\r\n transform: translateY(1px);\r\n }\r\n\r\n .primary-btn:disabled {\r\n background: var(--border);\r\n color: var(--text-muted);\r\n cursor: not-allowed;\r\n box-shadow: none;\r\n }\r\n\r\n \/* Footer *\/\r\n .footer {\r\n text-align: center;\r\n margin-top: 40px;\r\n font-size: 14px;\r\n color: var(--text-muted);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n }\r\n\r\n .footer svg {\r\n color: var(--success);\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .controls-pane, .frame {\r\n padding: 20px;\r\n }\r\n .dimensions-row {\r\n flex-direction: column;\r\n align-items: stretch;\r\n }\r\n .chain-btn {\r\n align-self: center;\r\n transform: rotate(90deg);\r\n }\r\n }\r\n\r\n \/* --- SEO content section --- *\/\r\n .info-section {\r\n max-width: 800px;\r\n margin: 64px auto 0;\r\n padding: 0 20px;\r\n }\r\n .info-section h2 {\r\n font-size: 24px;\r\n font-weight: 700;\r\n color: var(--text-strong);\r\n letter-spacing: -0.02em;\r\n margin-bottom: 14px;\r\n }\r\n .info-section h3 {\r\n font-size: 18px;\r\n font-weight: 600;\r\n color: var(--text-strong);\r\n margin-bottom: 10px;\r\n }\r\n .info-section p {\r\n font-size: 15.5px;\r\n color: var(--text-normal);\r\n margin-bottom: 16px;\r\n line-height: 1.7;\r\n }\r\n .info-block {\r\n margin-bottom: 48px;\r\n }\r\n .format-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n gap: 16px;\r\n margin-top: 20px;\r\n }\r\n .format-card {\r\n background: var(--surface);\r\n border: 1px solid var(--border);\r\n border-radius: var(--radius-md);\r\n padding: 20px;\r\n box-shadow: var(--shadow-sm);\r\n }\r\n .format-card .fmt-name {\r\n font-size: 15px;\r\n font-weight: 700;\r\n color: var(--primary);\r\n margin-bottom: 6px;\r\n }\r\n .format-card p {\r\n font-size: 14px;\r\n margin-bottom: 0;\r\n color: var(--text-muted);\r\n }\r\n .benefit-list {\r\n list-style: none;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 16px;\r\n margin-top: 8px;\r\n }\r\n .benefit-list li {\r\n display: flex;\r\n gap: 12px;\r\n align-items: flex-start;\r\n font-size: 15.5px;\r\n color: var(--text-normal);\r\n line-height: 1.6;\r\n }\r\n .benefit-list li strong {\r\n color: var(--text-strong);\r\n }\r\n .benefit-icon {\r\n flex-shrink: 0;\r\n width: 22px;\r\n height: 22px;\r\n color: var(--success);\r\n margin-top: 2px;\r\n }\r\n .steps-list {\r\n counter-reset: step;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 14px;\r\n margin-top: 8px;\r\n }\r\n .steps-list li {\r\n counter-increment: step;\r\n display: flex;\r\n gap: 14px;\r\n align-items: flex-start;\r\n font-size: 15.5px;\r\n color: var(--text-normal);\r\n line-height: 1.6;\r\n }\r\n .steps-list li::before {\r\n content: counter(step);\r\n flex-shrink: 0;\r\n width: 26px;\r\n height: 26px;\r\n border-radius: 50%;\r\n background: var(--primary-light);\r\n color: var(--primary);\r\n font-weight: 700;\r\n font-size: 13px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n .faq-item {\r\n border-bottom: 1px solid var(--border);\r\n padding: 18px 0;\r\n }\r\n .faq-item:last-child { border-bottom: none; }\r\n .faq-item h3 {\r\n font-size: 16px;\r\n margin-bottom: 8px;\r\n }\r\n .faq-item p {\r\n font-size: 14.5px;\r\n margin-bottom: 0;\r\n color: var(--text-muted);\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"container\">\r\n\r\n <header class=\"header\">\r\n \r\n <h2>Free Online Image Resizer<\/h2>\r\n <p>Fast, local, and private. Drag and drop your image to resize, compress, and convert formats directly in your browser \u2014 no upload, no signup, no watermark.<\/p>\r\n <\/header>\r\n\r\n <main id=\"workspace\">\r\n\r\n \r\n <div class=\"dropzone\" id=\"dropzone\" tabindex=\"0\" role=\"button\" aria-label=\"Upload an image\">\r\n <h3 class=\"dz-title\">Drop an image here or <span>browse files<\/span><\/h3>\r\n <p class=\"dz-hint\">Supports JPG, PNG, and WEBP<\/p>\r\n <\/div>\r\n\r\n <p class=\"dz-error\" id=\"dzError\" hidden><\/p>\r\n <input type=\"file\" id=\"fileInput\" accept=\"image\/*\" hidden \/>\r\n\r\n \r\n <div class=\"workspace-panes\" id=\"panes\" hidden>\r\n\r\n \r\n <div class=\"preview-pane\">\r\n <div class=\"frame\" id=\"frame\">\r\n <img id=\"previewImg\" alt=\"Preview of uploaded image\" \/>\r\n <div class=\"dim-tag\" id=\"dimTag\">0 \u00d7 0 px<\/div>\r\n <\/div>\r\n <button class=\"change-img-btn\" id=\"changeImgBtn\" type=\"button\">Select a different image<\/button>\r\n <\/div>\r\n\r\n \r\n <div class=\"controls-pane\">\r\n\r\n \r\n <div class=\"control-group\">\r\n <span class=\"control-label\">Dimensions<\/span>\r\n <div class=\"dimensions-row\">\r\n <div class=\"input-wrapper\">\r\n <input type=\"number\" id=\"widthInput\" min=\"1\" inputmode=\"numeric\" aria-label=\"Width\" \/>\r\n <span class=\"unit\">W<\/span>\r\n <\/div>\r\n\r\n <button class=\"chain-btn active\" id=\"chainBtn\" type=\"button\" aria-pressed=\"true\" title=\"Toggle aspect ratio lock\">\r\n <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" width=\"20\" height=\"20\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13.828 10.172a4 4 0 00-5.656 0l-4 4a4 4 0 105.656 5.656l1.102-1.101m-.758-4.899a4 4 0 005.656 0l4-4a4 4 0 00-5.656-5.656l-1.1 1.1\"><\/path>\r\n <\/svg>\r\n <\/button>\r\n\r\n <div class=\"input-wrapper\">\r\n <input type=\"number\" id=\"heightInput\" min=\"1\" inputmode=\"numeric\" aria-label=\"Height\" \/>\r\n <span class=\"unit\">H<\/span>\r\n <\/div>\r\n <\/div>\r\n <p class=\"hint-text\" id=\"lockHint\">\ud83d\udd12 Aspect ratio is locked.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"control-group\">\r\n <span class=\"control-label\">Quick Scale<\/span>\r\n <div class=\"seg-group\" id=\"scaleGroup\">\r\n <button type=\"button\" data-pct=\"25\">25%<\/button>\r\n <button type=\"button\" data-pct=\"50\">50%<\/button>\r\n <button type=\"button\" data-pct=\"75\">75%<\/button>\r\n <button type=\"button\" data-pct=\"100\" class=\"active\">100%<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"control-group\">\r\n <span class=\"control-label\">Output Format<\/span>\r\n <div class=\"seg-group\" id=\"formatGroup\">\r\n <button type=\"button\" data-format=\"jpeg\" class=\"active\">JPG<\/button>\r\n <button type=\"button\" data-format=\"png\">PNG<\/button>\r\n <button type=\"button\" data-format=\"webp\">WEBP<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"control-group\" id=\"qualityRow\">\r\n <div class=\"control-label\">\r\n <span>Compression Quality<\/span>\r\n <span style=\"color: var(--primary)\" id=\"qualityValue\">85%<\/span>\r\n <\/div>\r\n <input type=\"range\" id=\"qualityInput\" min=\"10\" max=\"100\" value=\"85\" \/>\r\n <\/div>\r\n\r\n \r\n <div class=\"size-compare\">\r\n <div class=\"size-row\">\r\n <span class=\"label\">Original Size<\/span>\r\n <span class=\"value\" id=\"origSizeText\">\u2014<\/span>\r\n <\/div>\r\n <div class=\"progress-track\"><div class=\"progress-fill orig\" id=\"origBar\"><\/div><\/div>\r\n\r\n <div class=\"size-row\" style=\"margin-top: 12px;\">\r\n <span class=\"label\">Resized Size<\/span>\r\n <span class=\"value\" id=\"newSizeText\">\u2014<\/span>\r\n <\/div>\r\n <div class=\"progress-track\"><div class=\"progress-fill new\" id=\"newBar\"><\/div><\/div>\r\n <\/div>\r\n\r\n \r\n <button class=\"primary-btn\" id=\"downloadBtn\" type=\"button\" disabled>\r\n <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" width=\"20\" height=\"20\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4\"><\/path>\r\n <\/svg>\r\n Download Resized Image\r\n <\/button>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/main>\r\n\r\n \r\n <section class=\"info-section\">\r\n\r\n <div class=\"info-block\">\r\n <h2>About the PinSave Image Resizer<\/h2>\r\n <p>\r\n PinSave's image resizer is a free, browser-based tool for changing the\r\n dimensions, file size, and format of your photos and graphics. Whether\r\n you need to resize an image to fit a website, shrink a photo before\r\n emailing it, or convert a screenshot from PNG to a smaller JPG, this\r\n tool handles it in a few clicks \u2014 no software to install and no\r\n account to create.\r\n <\/p>\r\n <p>\r\n Everything runs directly in your browser using your device's own\r\n processing power. Your image is never uploaded to a server, which\r\n means it's fast even for large files and keeps your photos completely\r\n private \u2014 nothing leaves your device at any point.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"info-block\">\r\n <h2>Supported Image Formats<\/h2>\r\n <p>The resizer reads common image formats and can export to any of the following:<\/p>\r\n <div class=\"format-grid\">\r\n <div class=\"format-card\">\r\n <div class=\"fmt-name\">JPG \/ JPEG<\/div>\r\n <p>Best for photos. Adjustable compression to balance quality and file size.<\/p>\r\n <\/div>\r\n <div class=\"format-card\">\r\n <div class=\"fmt-name\">PNG<\/div>\r\n <p>Best for graphics, logos, and screenshots that need a transparent background.<\/p>\r\n <\/div>\r\n <div class=\"format-card\">\r\n <div class=\"fmt-name\">WEBP<\/div>\r\n <p>Modern format with smaller file sizes than JPG or PNG at similar quality \u2014 ideal for websites.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"info-block\">\r\n <h2>Benefits of Using This Tool<\/h2>\r\n <ul class=\"benefit-list\">\r\n <li>\r\n <svg class=\"benefit-icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/><\/svg>\r\n <span><strong>100% private:<\/strong> Images are processed locally in your browser and never uploaded anywhere.<\/span>\r\n <\/li>\r\n <li>\r\n <svg class=\"benefit-icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/><\/svg>\r\n <span><strong>No signup required:<\/strong> Open the page and start resizing immediately, with no account or email needed.<\/span>\r\n <\/li>\r\n <li>\r\n <svg class=\"benefit-icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/><\/svg>\r\n <span><strong>Precise control:<\/strong> Set exact pixel dimensions, lock the aspect ratio to prevent stretching, or use quick-scale presets.<\/span>\r\n <\/li>\r\n <li>\r\n <svg class=\"benefit-icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/><\/svg>\r\n <span><strong>Reduce file size:<\/strong> A live compression slider lets you shrink images for faster page loads, easier uploads, or email attachment limits.<\/span>\r\n <\/li>\r\n <li>\r\n <svg class=\"benefit-icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/><\/svg>\r\n <span><strong>Format flexibility:<\/strong> Convert between JPG, PNG, and WEBP depending on where the image will be used.<\/span>\r\n <\/li>\r\n <li>\r\n <svg class=\"benefit-icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/><\/svg>\r\n <span><strong>Free, no watermark:<\/strong> Every export is full quality with no branding added to your image.<\/span>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"info-block\">\r\n <h2>How to Resize an Image<\/h2>\r\n <ol class=\"steps-list\">\r\n <li>Drag and drop your image into the box above, or click to browse your files.<\/li>\r\n <li>Enter the width or height you want \u2014 the aspect ratio lock will adjust the other value automatically.<\/li>\r\n <li>Optionally use a quick-scale preset (25%, 50%, 75%) instead of typing exact numbers.<\/li>\r\n <li>Choose your output format \u2014 JPG, PNG, or WEBP \u2014 and adjust the quality slider if compression matters to you.<\/li>\r\n <li>Compare the original and new file size, then click Download to save the resized image.<\/li>\r\n <\/ol>\r\n <\/div>\r\n\r\n <div class=\"info-block\">\r\n <h2>Frequently Asked Questions<\/h2>\r\n\r\n <div class=\"faq-item\">\r\n <h3>Does resizing reduce image quality?<\/h3>\r\n <p>Shrinking dimensions generally preserves visual quality well. If you also lower the compression quality slider (for JPG\/WEBP), file size drops further but some detail is lost \u2014 the tool shows a live preview so you can find the right balance.<\/p>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <h3>Is my image uploaded to a server?<\/h3>\r\n <p>No. The resizing and compression happen entirely in your browser using JavaScript. Your file never leaves your device.<\/p>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <h3>What's the difference between JPG, PNG, and WEBP?<\/h3>\r\n <p>JPG is best for photos and compresses well but doesn't support transparency. PNG supports transparency and is best for logos or graphics, but files are larger. WEBP typically gives the smallest file size of the three at comparable quality, making it a good choice for websites.<\/p>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <h3>Is there a limit on image size or how many images I can resize?<\/h3>\r\n <p>There's no signup or daily limit \u2014 you can resize as many images as you like, one at a time, for free.<\/p>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <h3>Can I resize an image to an exact size in KB or MB?<\/h3>\r\n <p>The tool shows your resulting file size in real time as you adjust dimensions and quality, so you can fine-tune the settings until you reach the target size.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n <footer class=\"footer\">\r\n <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" width=\"18\" height=\"18\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z\"><\/path>\r\n <\/svg>\r\n Processed locally. Your images never leave your device.\r\n <\/footer>\r\n\r\n<\/div>\r\n\r\n\r\n<script>\r\n(function(){\r\n const dropzone = document.getElementById('dropzone');\r\n const dzError = document.getElementById('dzError');\r\n const fileInput = document.getElementById('fileInput');\r\n const workspace = document.getElementById('workspace');\r\n const panes = document.getElementById('panes');\r\n const previewImg = document.getElementById('previewImg');\r\n const dimTag = document.getElementById('dimTag');\r\n const changeImgBtn = document.getElementById('changeImgBtn');\r\n\r\n const widthInput = document.getElementById('widthInput');\r\n const heightInput = document.getElementById('heightInput');\r\n const chainBtn = document.getElementById('chainBtn');\r\n const lockHint = document.getElementById('lockHint');\r\n const scaleGroup = document.getElementById('scaleGroup');\r\n const formatGroup = document.getElementById('formatGroup');\r\n const qualityRow = document.getElementById('qualityRow');\r\n const qualityInput = document.getElementById('qualityInput');\r\n const qualityValue = document.getElementById('qualityValue');\r\n const origSizeText = document.getElementById('origSizeText');\r\n const newSizeText = document.getElementById('newSizeText');\r\n const origBar = document.getElementById('origBar');\r\n const newBar = document.getElementById('newBar');\r\n const downloadBtn = document.getElementById('downloadBtn');\r\n\r\n let originalImage = null, originalWidth = 0, originalHeight = 0, originalSize = 0;\r\n let aspectLocked = true, format = 'jpeg', currentBlob = null, baseFileName = 'image';\r\n let recomputeTimer = null, computeToken = 0;\r\n\r\n function clamp(v, min, max){ return Math.min(max, Math.max(min, v)); }\r\n\r\n function formatBytes(bytes){\r\n if (bytes < 1024) return bytes + ' B';\r\n if (bytes < 1024 * 1024) return (bytes \/ 1024).toFixed(1) + ' KB';\r\n return (bytes \/ (1024 * 1024)).toFixed(2) + ' MB';\r\n }\r\n\r\n function updateBars(orig, next){\r\n const max = Math.max(orig, next, 1);\r\n origBar.style.width = (orig \/ max * 100) + '%';\r\n newBar.style.width = (next \/ max * 100) + '%';\r\n }\r\n\r\n function updateDimTag(){\r\n const w = parseInt(widthInput.value) || 0;\r\n const h = parseInt(heightInput.value) || 0;\r\n dimTag.textContent = w + ' \u00d7 ' + h + ' px';\r\n }\r\n\r\n function clearScaleActive(){\r\n scaleGroup.querySelectorAll('button').forEach(b => b.classList.remove('active'));\r\n }\r\n\r\n function scheduleRecompute(){\r\n clearTimeout(recomputeTimer);\r\n recomputeTimer = setTimeout(recompute, 150);\r\n }\r\n\r\n function recompute(){\r\n if (!originalImage) return;\r\n const w = clamp(parseInt(widthInput.value) || 1, 1, 20000);\r\n const h = clamp(parseInt(heightInput.value) || 1, 1, 20000);\r\n const myToken = ++computeToken;\r\n\r\n const canvas = document.createElement('canvas');\r\n canvas.width = w; canvas.height = h;\r\n const ctx = canvas.getContext('2d');\r\n ctx.imageSmoothingEnabled = true;\r\n ctx.imageSmoothingQuality = 'high';\r\n if (format !== 'jpeg') ctx.clearRect(0, 0, w, h);\r\n ctx.drawImage(originalImage, 0, 0, w, h);\r\n\r\n const mime = format === 'jpeg' ? 'image\/jpeg' : (format === 'webp' ? 'image\/webp' : 'image\/png');\r\n const q = format === 'png' ? undefined : (qualityInput.valueAsNumber \/ 100);\r\n\r\n canvas.toBlob(function(blob){\r\n if (myToken !== computeToken || !blob) return;\r\n currentBlob = blob;\r\n newSizeText.textContent = formatBytes(blob.size);\r\n updateBars(originalSize, blob.size);\r\n downloadBtn.disabled = false;\r\n }, mime, q);\r\n }\r\n\r\n function handleFile(file){\r\n dzError.hidden = true;\r\n if (!file || !file.type || file.type.indexOf('image\/') !== 0){\r\n dzError.textContent = \"That doesn't look like an image. Try a JPG, PNG, or WEBP.\";\r\n dzError.hidden = false;\r\n return;\r\n }\r\n baseFileName = file.name.replace(\/\\.[^.]+$\/, '') || 'image';\r\n originalSize = file.size;\r\n\r\n const reader = new FileReader();\r\n reader.onload = function(e){\r\n const img = new Image();\r\n img.onload = function(){\r\n originalImage = img;\r\n originalWidth = img.naturalWidth;\r\n originalHeight = img.naturalHeight;\r\n\r\n previewImg.src = e.target.result;\r\n widthInput.value = originalWidth;\r\n heightInput.value = originalHeight;\r\n updateDimTag();\r\n origSizeText.textContent = formatBytes(originalSize);\r\n newSizeText.textContent = '\u2014';\r\n origBar.style.width = '0%'; newBar.style.width = '0%';\r\n\r\n dropzone.hidden = true;\r\n panes.hidden = false;\r\n workspace.classList.add('has-image');\r\n recompute();\r\n };\r\n img.src = e.target.result;\r\n };\r\n reader.readAsDataURL(file);\r\n }\r\n\r\n \/\/ Upload interactions\r\n dropzone.addEventListener('click', () => fileInput.click());\r\n dropzone.addEventListener('keydown', (e) => {\r\n if (e.key === 'Enter' || e.key === ' '){ e.preventDefault(); fileInput.click(); }\r\n });\r\n fileInput.addEventListener('change', (e) => handleFile(e.target.files[0]));\r\n\r\n ['dragenter', 'dragover'].forEach(evt =>\r\n dropzone.addEventListener(evt, (e) => { e.preventDefault(); dropzone.classList.add('dragging'); })\r\n );\r\n ['dragleave', 'drop'].forEach(evt =>\r\n dropzone.addEventListener(evt, (e) => { e.preventDefault(); dropzone.classList.remove('dragging'); })\r\n );\r\n dropzone.addEventListener('drop', (e) => {\r\n const file = e.dataTransfer.files && e.dataTransfer.files[0];\r\n handleFile(file);\r\n });\r\n\r\n changeImgBtn.addEventListener('click', () => {\r\n panes.hidden = true;\r\n dropzone.hidden = false;\r\n workspace.classList.remove('has-image');\r\n fileInput.value = '';\r\n downloadBtn.disabled = true;\r\n currentBlob = null;\r\n originalImage = null;\r\n });\r\n\r\n \/\/ Width \/ height\r\n widthInput.addEventListener('input', () => {\r\n let w = parseInt(widthInput.value) || 0;\r\n if (aspectLocked && originalWidth && w > 0){\r\n heightInput.value = Math.max(1, Math.round(w * (originalHeight \/ originalWidth)));\r\n }\r\n clearScaleActive();\r\n updateDimTag();\r\n scheduleRecompute();\r\n });\r\n heightInput.addEventListener('input', () => {\r\n let h = parseInt(heightInput.value) || 0;\r\n if (aspectLocked && originalHeight && h > 0){\r\n widthInput.value = Math.max(1, Math.round(h * (originalWidth \/ originalHeight)));\r\n }\r\n clearScaleActive();\r\n updateDimTag();\r\n scheduleRecompute();\r\n });\r\n [widthInput, heightInput].forEach(inp => inp.addEventListener('blur', () => {\r\n if (!inp.value || parseInt(inp.value) < 1) inp.value = 1;\r\n }));\r\n\r\n \/\/ Aspect lock\r\n chainBtn.addEventListener('click', () => {\r\n aspectLocked = !aspectLocked;\r\n chainBtn.classList.toggle('active', aspectLocked);\r\n chainBtn.setAttribute('aria-pressed', String(aspectLocked));\r\n lockHint.textContent = aspectLocked\r\n ? '\ud83d\udd12 Aspect ratio is locked.'\r\n : '\ud83d\udd13 Unlocked. Image may stretch.';\r\n });\r\n\r\n \/\/ Quick scale\r\n scaleGroup.querySelectorAll('button').forEach(btn => {\r\n btn.addEventListener('click', () => {\r\n clearScaleActive();\r\n btn.classList.add('active');\r\n const pct = parseInt(btn.dataset.pct);\r\n widthInput.value = Math.max(1, Math.round(originalWidth * pct \/ 100));\r\n heightInput.value = Math.max(1, Math.round(originalHeight * pct \/ 100));\r\n updateDimTag();\r\n recompute();\r\n });\r\n });\r\n\r\n \/\/ Format\r\n formatGroup.querySelectorAll('button').forEach(btn => {\r\n btn.addEventListener('click', () => {\r\n formatGroup.querySelectorAll('button').forEach(b => b.classList.remove('active'));\r\n btn.classList.add('active');\r\n format = btn.dataset.format;\r\n qualityRow.style.display = format === 'png' ? 'none' : 'flex';\r\n recompute();\r\n });\r\n });\r\n\r\n \/\/ Quality\r\n qualityInput.addEventListener('input', () => {\r\n qualityValue.textContent = qualityInput.value + '%';\r\n scheduleRecompute();\r\n });\r\n\r\n \/\/ Download\r\n downloadBtn.addEventListener('click', () => {\r\n if (!currentBlob) return;\r\n const ext = format === 'jpeg' ? 'jpg' : format;\r\n const a = document.createElement('a');\r\n a.href = URL.createObjectURL(currentBlob);\r\n a.download = baseFileName + '-resized.' + ext;\r\n document.body.appendChild(a);\r\n a.click();\r\n document.body.removeChild(a);\r\n setTimeout(() => URL.revokeObjectURL(a.href), 2000);\r\n });\r\n})();\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Free Image Resizer Online \u2013 Resize, Compress & Convert JPG\/PNG\/WEBP | PinSave Free Online Image Resizer Fast, local, and private. […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_monsterinsights_skip_tracking":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t<meta name=\"description\" content=\"Free Image Resizer Online \u2013 Resize, Compress & Convert JPG\/PNG\/WEBP | PinSave Free Online Image Resizer Fast, local, and private. Drag and drop your image to resize, compress, and convert formats directly in your browser \u2014 no upload, no signup, no watermark. Drop an image here or browse files Supports JPG, PNG, and WEBP 0\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/pinsave.site\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.1.1\" \/>\n\t\t<meta property=\"og:locale\" content=\"en_US\" \/>\n\t\t<meta property=\"og:site_name\" content=\"- Image Resizer, Cropper, Bg Remover , Compressor Tool\" \/>\n\t\t<meta property=\"og:type\" content=\"website\" \/>\n\t\t<meta property=\"og:title\" content=\"Image Resizer, Converter, Compressor & AI Eraser -\" \/>\n\t\t<meta property=\"og:description\" content=\"Free Image Resizer Online \u2013 Resize, Compress & Convert JPG\/PNG\/WEBP | PinSave Free Online Image Resizer Fast, local, and private. Drag and drop your image to resize, compress, and convert formats directly in your browser \u2014 no upload, no signup, no watermark. Drop an image here or browse files Supports JPG, PNG, and WEBP 0\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/pinsave.site\/\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/pinsave.site\/wp-content\/uploads\/2026\/09\/cropped-ChatGPT_Image_Aug_15__2026__02_08_20_PM-compressed-removebg-preview.png\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/pinsave.site\/wp-content\/uploads\/2026\/09\/cropped-ChatGPT_Image_Aug_15__2026__02_08_20_PM-compressed-removebg-preview.png\" \/>\n\t\t<meta property=\"og:image:width\" content=\"707\" \/>\n\t\t<meta property=\"og:image:height\" content=\"236\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Image Resizer, Converter, Compressor & AI Eraser -\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Free Image Resizer Online \u2013 Resize, Compress & Convert JPG\/PNG\/WEBP | PinSave Free Online Image Resizer Fast, local, and private. Drag and drop your image to resize, compress, and convert formats directly in your browser \u2014 no upload, no signup, no watermark. Drop an image here or browse files Supports JPG, PNG, and WEBP 0\" \/>\n\t\t<meta name=\"twitter:image\" content=\"https:\/\/pinsave.site\/wp-content\/uploads\/2026\/09\/cropped-ChatGPT_Image_Aug_15__2026__02_08_20_PM-compressed-removebg-preview.png\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/pinsave.site\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/pinsave.site#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/pinsave.site\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/pinsave.site\\\/#listItem\",\"name\":\"Image Resizer, Converter, Compressor & AI Eraser\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/pinsave.site\\\/#listItem\",\"position\":2,\"name\":\"Image Resizer, Converter, Compressor & AI Eraser\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/pinsave.site#listItem\",\"name\":\"Home\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/pinsave.site\\\/#organization\",\"description\":\"Image Resizer, Cropper, Bg Remover , Compressor Tool\",\"url\":\"https:\\\/\\\/pinsave.site\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/pinsave.site\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/cropped-ChatGPT_Image_Aug_15__2026__02_08_20_PM-compressed-removebg-preview.png\",\"@id\":\"https:\\\/\\\/pinsave.site\\\/#organizationLogo\",\"width\":707,\"height\":236,\"caption\":\"pinsave.site logo\"},\"image\":{\"@id\":\"https:\\\/\\\/pinsave.site\\\/#organizationLogo\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/pinsave.site\\\/#webpage\",\"url\":\"https:\\\/\\\/pinsave.site\\\/\",\"name\":\"Image Resizer, Converter, Compressor & AI Eraser -\",\"description\":\"Free Image Resizer Online \\u2013 Resize, Compress & Convert JPG\\\/PNG\\\/WEBP | PinSave Free Online Image Resizer Fast, local, and private. Drag and drop your image to resize, compress, and convert formats directly in your browser \\u2014 no upload, no signup, no watermark. Drop an image here or browse files Supports JPG, PNG, and WEBP 0\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/pinsave.site\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/pinsave.site\\\/#breadcrumblist\"},\"datePublished\":\"2026-08-13T15:32:30+00:00\",\"dateModified\":\"2026-08-20T09:02:21+00:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/pinsave.site\\\/#website\",\"url\":\"https:\\\/\\\/pinsave.site\\\/\",\"description\":\"Image Resizer, Cropper, Bg Remover , Compressor Tool\",\"inLanguage\":\"en-US\",\"publisher\":{\"@id\":\"https:\\\/\\\/pinsave.site\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t\n\n","aioseo_head_json":{"title":"Image Resizer, Converter, Compressor & AI Eraser -","description":"Free Image Resizer Online \u2013 Resize, Compress & Convert JPG\/PNG\/WEBP | PinSave Free Online Image Resizer Fast, local, and private. Drag and drop your image to resize, compress, and convert formats directly in your browser \u2014 no upload, no signup, no watermark. Drop an image here or browse files Supports JPG, PNG, and WEBP 0","canonical_url":"https:\/\/pinsave.site\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/pinsave.site\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/pinsave.site#listItem","position":1,"name":"Home","item":"https:\/\/pinsave.site","nextItem":{"@type":"ListItem","@id":"https:\/\/pinsave.site\/#listItem","name":"Image Resizer, Converter, Compressor & AI Eraser"}},{"@type":"ListItem","@id":"https:\/\/pinsave.site\/#listItem","position":2,"name":"Image Resizer, Converter, Compressor & AI Eraser","previousItem":{"@type":"ListItem","@id":"https:\/\/pinsave.site#listItem","name":"Home"}}]},{"@type":"Organization","@id":"https:\/\/pinsave.site\/#organization","description":"Image Resizer, Cropper, Bg Remover , Compressor Tool","url":"https:\/\/pinsave.site\/","logo":{"@type":"ImageObject","url":"https:\/\/pinsave.site\/wp-content\/uploads\/2026\/09\/cropped-ChatGPT_Image_Aug_15__2026__02_08_20_PM-compressed-removebg-preview.png","@id":"https:\/\/pinsave.site\/#organizationLogo","width":707,"height":236,"caption":"pinsave.site logo"},"image":{"@id":"https:\/\/pinsave.site\/#organizationLogo"}},{"@type":"WebPage","@id":"https:\/\/pinsave.site\/#webpage","url":"https:\/\/pinsave.site\/","name":"Image Resizer, Converter, Compressor & AI Eraser -","description":"Free Image Resizer Online \u2013 Resize, Compress & Convert JPG\/PNG\/WEBP | PinSave Free Online Image Resizer Fast, local, and private. Drag and drop your image to resize, compress, and convert formats directly in your browser \u2014 no upload, no signup, no watermark. Drop an image here or browse files Supports JPG, PNG, and WEBP 0","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/pinsave.site\/#website"},"breadcrumb":{"@id":"https:\/\/pinsave.site\/#breadcrumblist"},"datePublished":"2026-08-13T15:32:30+00:00","dateModified":"2026-08-20T09:02:21+00:00"},{"@type":"WebSite","@id":"https:\/\/pinsave.site\/#website","url":"https:\/\/pinsave.site\/","description":"Image Resizer, Cropper, Bg Remover , Compressor Tool","inLanguage":"en-US","publisher":{"@id":"https:\/\/pinsave.site\/#organization"}}]},"og:locale":"en_US","og:site_name":"- Image Resizer, Cropper, Bg Remover , Compressor Tool","og:type":"website","og:title":"Image Resizer, Converter, Compressor & AI Eraser -","og:description":"Free Image Resizer Online \u2013 Resize, Compress & Convert JPG\/PNG\/WEBP | PinSave Free Online Image Resizer Fast, local, and private. Drag and drop your image to resize, compress, and convert formats directly in your browser \u2014 no upload, no signup, no watermark. Drop an image here or browse files Supports JPG, PNG, and WEBP 0","og:url":"https:\/\/pinsave.site\/","og:image":"https:\/\/pinsave.site\/wp-content\/uploads\/2026\/09\/cropped-ChatGPT_Image_Aug_15__2026__02_08_20_PM-compressed-removebg-preview.png","og:image:secure_url":"https:\/\/pinsave.site\/wp-content\/uploads\/2026\/09\/cropped-ChatGPT_Image_Aug_15__2026__02_08_20_PM-compressed-removebg-preview.png","og:image:width":707,"og:image:height":236,"twitter:card":"summary_large_image","twitter:title":"Image Resizer, Converter, Compressor & AI Eraser -","twitter:description":"Free Image Resizer Online \u2013 Resize, Compress & Convert JPG\/PNG\/WEBP | PinSave Free Online Image Resizer Fast, local, and private. Drag and drop your image to resize, compress, and convert formats directly in your browser \u2014 no upload, no signup, no watermark. Drop an image here or browse files Supports JPG, PNG, and WEBP 0","twitter:image":"https:\/\/pinsave.site\/wp-content\/uploads\/2026\/09\/cropped-ChatGPT_Image_Aug_15__2026__02_08_20_PM-compressed-removebg-preview.png"},"aioseo_meta_data":{"post_id":"6","title":null,"description":null,"keywords":null,"keyphrases":null,"focus_keyword":null,"additional_keywords":null,"truseo_locale":null,"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"website","og_image_type":"default","og_image_custom_url":null,"og_image_custom_fields":null,"og_image_url":null,"og_image_width":null,"og_image_height":null,"og_video":null,"og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_image_url":null,"twitter_title":null,"twitter_description":null,"schema_type":"default","schema_type_options":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"","isEnabled":true},"graphs":[]},"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"local_seo":null,"limit_modified_date":false,"ai":null,"breadcrumb_settings":null,"seo_analyzer_scan_date":null,"created":"2026-09-05 16:07:12","updated":"2026-09-05 16:07:12"},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/pinsave.site\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">»<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tImage Resizer, Converter, Compressor & AI Eraser\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/pinsave.site"},{"label":"Image Resizer, Converter, Compressor & AI Eraser","link":"https:\/\/pinsave.site\/"}],"_links":{"self":[{"href":"https:\/\/pinsave.site\/wp-json\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pinsave.site\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pinsave.site\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pinsave.site\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pinsave.site\/wp-json\/wp\/v2\/comments?post=6"}],"version-history":[{"count":81,"href":"https:\/\/pinsave.site\/wp-json\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":331,"href":"https:\/\/pinsave.site\/wp-json\/wp\/v2\/pages\/6\/revisions\/331"}],"wp:attachment":[{"href":"https:\/\/pinsave.site\/wp-json\/wp\/v2\/media?parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n \t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nFree Image Resizer Online \u2013 Resize, Compress & Convert JPG\/PNG\/WEBP | PinSave<\/title>\r\n<meta name=\"description\" content=\"Resize and compress images online for free. Change dimensions, reduce file size, and convert between JPG, PNG, and WEBP \u2014 instantly, in your browser, with no upload to any server.\" \/>\r\n<meta name=\"keywords\" content=\"image resizer online, resize image online free, image resize tool, online photo resizer, compress image online free, convert image to jpg png webp, reduce image size in kb mb\" \/>\r\n<link rel=\"canonical\" href=\"https:\/\/pinsave.site\/\" \/>\r\n\r\n\r\n<meta property=\"og:type\" content=\"website\" \/>\r\n<meta property=\"og:title\" content=\"Free Image Resizer Online \u2013 Resize, Compress & Convert JPG\/PNG\/WEBP\" \/>\r\n<meta property=\"og:description\" content=\"Resize and compress images online for free, right in your browser. No uploads, no signup, no watermark.\" \/>\r\n<meta property=\"og:url\" content=\"https:\/\/pinsave.site\/\" \/>\r\n\r\n\r\n<script type=\"application\/ld+json\">\r\n{\r\n \"@context\": \"https:\/\/schema.org\",\r\n \"@type\": \"FAQPage\",\r\n \"mainEntity\": [\r\n {\r\n \"@type\": \"Question\",\r\n \"name\": \"Does resizing reduce image quality?\",\r\n \"acceptedAnswer\": {\r\n \"@type\": \"Answer\",\r\n \"text\": \"Shrinking dimensions generally preserves visual quality well. If you also lower the compression quality slider for JPG or WEBP, file size drops further but some detail is lost \u2014 the tool shows a live preview so you can find the right balance.\"\r\n }\r\n },\r\n {\r\n \"@type\": \"Question\",\r\n \"name\": \"Is my image uploaded to a server?\",\r\n \"acceptedAnswer\": {\r\n \"@type\": \"Answer\",\r\n \"text\": \"No. The resizing and compression happen entirely in your browser using JavaScript. Your file never leaves your device.\"\r\n }\r\n },\r\n {\r\n \"@type\": \"Question\",\r\n \"name\": \"What's the difference between JPG, PNG, and WEBP?\",\r\n \"acceptedAnswer\": {\r\n \"@type\": \"Answer\",\r\n \"text\": \"JPG is best for photos and compresses well but doesn't support transparency. PNG supports transparency and is best for logos or graphics, but files are larger. WEBP typically gives the smallest file size of the three at comparable quality, making it a good choice for websites.\"\r\n }\r\n },\r\n {\r\n \"@type\": \"Question\",\r\n \"name\": \"Is there a limit on image size or how many images I can resize?\",\r\n \"acceptedAnswer\": {\r\n \"@type\": \"Answer\",\r\n \"text\": \"There's no signup or daily limit \u2014 you can resize as many images as you like, one at a time, for free.\"\r\n }\r\n },\r\n {\r\n \"@type\": \"Question\",\r\n \"name\": \"Can I resize an image to an exact size in KB or MB?\",\r\n \"acceptedAnswer\": {\r\n \"@type\": \"Answer\",\r\n \"text\": \"The tool shows your resulting file size in real time as you adjust dimensions and quality, so you can fine-tune the settings until you reach the target size.\"\r\n }\r\n }\r\n ]\r\n}\r\n<\/script>\r\n\r\n<style>\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap');\r\n\r\n :root {\r\n --primary: #4f46e5; \/* Indigo 600 *\/\r\n --primary-hover: #4338ca;\r\n --primary-light: #e0e7ff;\r\n\r\n --bg-main: #f8fafc; \/* Slate 50 *\/\r\n --surface: #ffffff;\r\n\r\n --text-strong: #0f172a;\r\n --text-normal: #334155;\r\n --text-muted: #64748b;\r\n\r\n --border: #e2e8f0;\r\n --border-hover: #cbd5e1;\r\n\r\n --danger: #ef4444;\r\n --success: #10b981;\r\n --warning: #f59e0b;\r\n\r\n --radius-sm: 6px;\r\n --radius-md: 12px;\r\n --radius-lg: 16px;\r\n\r\n --shadow-sm: 0 1px 2px 0 rgb(0 0 0 \/ 0.05);\r\n --shadow-md: 0 4px 6px -1px rgb(0 0 0 \/ 0.1), 0 2px 4px -2px rgb(0 0 0 \/ 0.1);\r\n --shadow-lg: 0 10px 15px -3px rgb(0 0 0 \/ 0.1), 0 4px 6px -4px rgb(0 0 0 \/ 0.1);\r\n }\r\n\r\n * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n body {\r\n background-color: var(--bg-main);\r\n color: var(--text-normal);\r\n font-family: 'Inter', system-ui, -apple-system, sans-serif;\r\n -webkit-font-smoothing: antialiased;\r\n line-height: 1.5;\r\n }\r\n\r\n :focus-visible {\r\n outline: 2px solid var(--primary);\r\n outline-offset: 2px;\r\n }\r\n\r\n \/* --- Layout --- *\/\r\n .container {\r\n max-width: 1000px;\r\n margin: 0 auto;\r\n padding: 40px 20px 80px;\r\n }\r\n\r\n \/* --- Header --- *\/\r\n .header {\r\n text-align: center;\r\n margin-bottom: 40px;\r\n }\r\n\r\n .brand {\r\n font-size: 28px;\r\n font-weight: 800;\r\n letter-spacing: -0.5px;\r\n background: linear-gradient(135deg, var(--primary), #9333ea);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n display: inline-block;\r\n margin-bottom: 16px;\r\n }\r\n\r\n .header h1 {\r\n font-size: clamp(24px, 4vw, 36px);\r\n font-weight: 700;\r\n color: var(--text-strong);\r\n letter-spacing: -0.02em;\r\n margin-bottom: 12px;\r\n line-height: 1.2;\r\n }\r\n\r\n .header p {\r\n font-size: 16px;\r\n color: var(--text-muted);\r\n max-width: 500px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* --- Dropzone --- *\/\r\n .dropzone {\r\n background: var(--surface);\r\n border: 2px dashed var(--border);\r\n border-radius: var(--radius-lg);\r\n padding: 60px 20px;\r\n text-align: center;\r\n cursor: pointer;\r\n transition: all 0.2s ease;\r\n box-shadow: var(--shadow-sm);\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n min-height: 200px;\r\n }\r\n\r\n .dropzone:hover {\r\n border-color: var(--primary-hover);\r\n background-color: #fcfdff;\r\n }\r\n\r\n .dropzone.dragging {\r\n border-color: var(--primary);\r\n background-color: var(--primary-light);\r\n transform: scale(1.01);\r\n }\r\n\r\n .dz-title {\r\n font-size: 18px;\r\n font-weight: 600;\r\n color: var(--text-strong);\r\n margin-bottom: 8px;\r\n }\r\n\r\n .dz-title span {\r\n color: var(--primary);\r\n }\r\n\r\n .dz-hint {\r\n font-size: 14px;\r\n color: var(--text-muted);\r\n }\r\n\r\n .dz-error {\r\n margin-top: 16px;\r\n padding: 12px;\r\n background: #fef2f2;\r\n color: var(--danger);\r\n border-radius: var(--radius-sm);\r\n text-align: center;\r\n font-size: 14px;\r\n font-weight: 500;\r\n }\r\n\r\n \/* --- Workspace Panes --- *\/\r\n .workspace-panes {\r\n display: grid;\r\n grid-template-columns: 1fr 400px;\r\n gap: 32px;\r\n align-items: start;\r\n }\r\n\r\n @media (max-width: 860px) {\r\n .workspace-panes {\r\n grid-template-columns: 1fr;\r\n }\r\n }\r\n\r\n \/* --- Preview Pane --- *\/\r\n .preview-pane {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 16px;\r\n }\r\n\r\n .frame {\r\n position: relative;\r\n background-color: var(--surface);\r\n \/* Transparency grid *\/\r\n background-image:\r\n linear-gradient(45deg, #f1f5f9 25%, transparent 25%),\r\n linear-gradient(-45deg, #f1f5f9 25%, transparent 25%),\r\n linear-gradient(45deg, transparent 75%, #f1f5f9 75%),\r\n linear-gradient(-45deg, transparent 75%, #f1f5f9 75%);\r\n background-size: 20px 20px;\r\n background-position: 0 0, 0 10px, 10px -10px, -10px 0px;\r\n\r\n border: 1px solid var(--border);\r\n border-radius: var(--radius-lg);\r\n padding: 24px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n min-height: 400px;\r\n box-shadow: var(--shadow-md);\r\n overflow: hidden;\r\n }\r\n\r\n .frame img {\r\n max-width: 100%;\r\n max-height: 450px;\r\n object-fit: contain;\r\n border-radius: var(--radius-sm);\r\n box-shadow: var(--shadow-sm);\r\n }\r\n\r\n .dim-tag {\r\n position: absolute;\r\n bottom: 16px;\r\n left: 16px;\r\n background: rgba(15, 23, 42, 0.75);\r\n backdrop-filter: blur(4px);\r\n color: white;\r\n padding: 6px 12px;\r\n border-radius: 20px;\r\n font-size: 13px;\r\n font-weight: 500;\r\n letter-spacing: 0.5px;\r\n font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;\r\n }\r\n\r\n .change-img-btn {\r\n align-self: center;\r\n background: transparent;\r\n border: none;\r\n color: var(--text-muted);\r\n font-size: 14px;\r\n font-weight: 500;\r\n cursor: pointer;\r\n transition: color 0.2s;\r\n }\r\n\r\n .change-img-btn:hover {\r\n color: var(--primary);\r\n text-decoration: underline;\r\n }\r\n\r\n \/* --- Controls Pane --- *\/\r\n .controls-pane {\r\n background: var(--surface);\r\n border: 1px solid var(--border);\r\n border-radius: var(--radius-lg);\r\n padding: 32px;\r\n box-shadow: var(--shadow-md);\r\n display: flex;\r\n flex-direction: column;\r\n gap: 28px;\r\n }\r\n\r\n .control-group {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 10px;\r\n }\r\n\r\n .control-label {\r\n font-size: 13px;\r\n font-weight: 600;\r\n color: var(--text-strong);\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n }\r\n\r\n \/* Inputs *\/\r\n .dimensions-row {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n }\r\n\r\n .input-wrapper {\r\n flex: 1;\r\n position: relative;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .input-wrapper input {\r\n width: 100%;\r\n background: var(--bg-main);\r\n border: 1px solid var(--border);\r\n border-radius: var(--radius-md);\r\n padding: 12px 36px 12px 16px;\r\n font-size: 16px;\r\n font-family: ui-monospace, SFMono-Regular, monospace;\r\n color: var(--text-strong);\r\n transition: all 0.2s;\r\n }\r\n\r\n .input-wrapper input:focus {\r\n outline: none;\r\n border-color: var(--primary);\r\n box-shadow: 0 0 0 3px var(--primary-light);\r\n }\r\n\r\n .input-wrapper .unit {\r\n position: absolute;\r\n right: 16px;\r\n color: var(--text-muted);\r\n font-size: 14px;\r\n pointer-events: none;\r\n }\r\n\r\n .chain-btn {\r\n width: 44px;\r\n height: 44px;\r\n border-radius: var(--radius-md);\r\n border: 1px solid var(--border);\r\n background: var(--surface);\r\n color: var(--text-muted);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n transition: all 0.2s;\r\n flex-shrink: 0;\r\n }\r\n\r\n .chain-btn:hover {\r\n background: var(--bg-main);\r\n }\r\n\r\n .chain-btn.active {\r\n color: var(--primary);\r\n border-color: var(--primary);\r\n background: var(--primary-light);\r\n }\r\n\r\n .hint-text {\r\n font-size: 13px;\r\n color: var(--text-muted);\r\n line-height: 1.4;\r\n }\r\n\r\n \/* Segmented Controls *\/\r\n .seg-group {\r\n display: flex;\r\n background: var(--bg-main);\r\n padding: 4px;\r\n border-radius: var(--radius-md);\r\n border: 1px solid var(--border);\r\n }\r\n\r\n .seg-group button {\r\n flex: 1;\r\n background: transparent;\r\n border: none;\r\n padding: 10px 8px;\r\n font-size: 14px;\r\n font-weight: 500;\r\n color: var(--text-muted);\r\n border-radius: var(--radius-sm);\r\n cursor: pointer;\r\n transition: all 0.2s ease;\r\n }\r\n\r\n .seg-group button.active {\r\n background: var(--surface);\r\n color: var(--text-strong);\r\n box-shadow: var(--shadow-sm);\r\n }\r\n\r\n \/* Range Slider *\/\r\n input[type=\"range\"] {\r\n -webkit-appearance: none;\r\n width: 100%;\r\n height: 6px;\r\n background: var(--bg-main);\r\n border-radius: 4px;\r\n outline: none;\r\n border: 1px solid var(--border);\r\n }\r\n\r\n input[type=\"range\"]::-webkit-slider-thumb {\r\n -webkit-appearance: none;\r\n appearance: none;\r\n width: 20px;\r\n height: 20px;\r\n border-radius: 50%;\r\n background: var(--primary);\r\n cursor: pointer;\r\n border: 2px solid var(--surface);\r\n box-shadow: var(--shadow-sm);\r\n transition: transform 0.1s;\r\n }\r\n\r\n input[type=\"range\"]::-webkit-slider-thumb:hover {\r\n transform: scale(1.1);\r\n }\r\n\r\n \/* Size Comparison *\/\r\n .size-compare {\r\n background: var(--bg-main);\r\n border-radius: var(--radius-md);\r\n padding: 16px;\r\n border: 1px solid var(--border);\r\n }\r\n\r\n .size-row {\r\n display: flex;\r\n justify-content: space-between;\r\n font-size: 13px;\r\n margin-bottom: 6px;\r\n }\r\n\r\n .size-row .label {\r\n color: var(--text-muted);\r\n font-weight: 500;\r\n }\r\n\r\n .size-row .value {\r\n color: var(--text-strong);\r\n font-weight: 600;\r\n font-family: ui-monospace, SFMono-Regular, monospace;\r\n }\r\n\r\n .progress-track {\r\n width: 100%;\r\n height: 6px;\r\n background: var(--border);\r\n border-radius: 4px;\r\n overflow: hidden;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .progress-track:last-child {\r\n margin-bottom: 0;\r\n }\r\n\r\n .progress-fill {\r\n height: 100%;\r\n width: 0%;\r\n transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n .progress-fill.orig {\r\n background: var(--text-muted);\r\n }\r\n\r\n .progress-fill.new {\r\n background: var(--warning);\r\n }\r\n\r\n \/* Action Button *\/\r\n .primary-btn {\r\n width: 100%;\r\n background: var(--primary);\r\n color: white;\r\n border: none;\r\n border-radius: var(--radius-md);\r\n padding: 16px;\r\n font-size: 16px;\r\n font-weight: 600;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n transition: all 0.2s ease;\r\n box-shadow: var(--shadow-md);\r\n }\r\n\r\n .primary-btn:hover:not(:disabled) {\r\n background: var(--primary-hover);\r\n transform: translateY(-1px);\r\n box-shadow: var(--shadow-lg);\r\n }\r\n\r\n .primary-btn:active:not(:disabled) {\r\n transform: translateY(1px);\r\n }\r\n\r\n .primary-btn:disabled {\r\n background: var(--border);\r\n color: var(--text-muted);\r\n cursor: not-allowed;\r\n box-shadow: none;\r\n }\r\n\r\n \/* Footer *\/\r\n .footer {\r\n text-align: center;\r\n margin-top: 40px;\r\n font-size: 14px;\r\n color: var(--text-muted);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n }\r\n\r\n .footer svg {\r\n color: var(--success);\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .controls-pane, .frame {\r\n padding: 20px;\r\n }\r\n .dimensions-row {\r\n flex-direction: column;\r\n align-items: stretch;\r\n }\r\n .chain-btn {\r\n align-self: center;\r\n transform: rotate(90deg);\r\n }\r\n }\r\n\r\n \/* --- SEO content section --- *\/\r\n .info-section {\r\n max-width: 800px;\r\n margin: 64px auto 0;\r\n padding: 0 20px;\r\n }\r\n .info-section h2 {\r\n font-size: 24px;\r\n font-weight: 700;\r\n color: var(--text-strong);\r\n letter-spacing: -0.02em;\r\n margin-bottom: 14px;\r\n }\r\n .info-section h3 {\r\n font-size: 18px;\r\n font-weight: 600;\r\n color: var(--text-strong);\r\n margin-bottom: 10px;\r\n }\r\n .info-section p {\r\n font-size: 15.5px;\r\n color: var(--text-normal);\r\n margin-bottom: 16px;\r\n line-height: 1.7;\r\n }\r\n .info-block {\r\n margin-bottom: 48px;\r\n }\r\n .format-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n gap: 16px;\r\n margin-top: 20px;\r\n }\r\n .format-card {\r\n background: var(--surface);\r\n border: 1px solid var(--border);\r\n border-radius: var(--radius-md);\r\n padding: 20px;\r\n box-shadow: var(--shadow-sm);\r\n }\r\n .format-card .fmt-name {\r\n font-size: 15px;\r\n font-weight: 700;\r\n color: var(--primary);\r\n margin-bottom: 6px;\r\n }\r\n .format-card p {\r\n font-size: 14px;\r\n margin-bottom: 0;\r\n color: var(--text-muted);\r\n }\r\n .benefit-list {\r\n list-style: none;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 16px;\r\n margin-top: 8px;\r\n }\r\n .benefit-list li {\r\n display: flex;\r\n gap: 12px;\r\n align-items: flex-start;\r\n font-size: 15.5px;\r\n color: var(--text-normal);\r\n line-height: 1.6;\r\n }\r\n .benefit-list li strong {\r\n color: var(--text-strong);\r\n }\r\n .benefit-icon {\r\n flex-shrink: 0;\r\n width: 22px;\r\n height: 22px;\r\n color: var(--success);\r\n margin-top: 2px;\r\n }\r\n .steps-list {\r\n counter-reset: step;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 14px;\r\n margin-top: 8px;\r\n }\r\n .steps-list li {\r\n counter-increment: step;\r\n display: flex;\r\n gap: 14px;\r\n align-items: flex-start;\r\n font-size: 15.5px;\r\n color: var(--text-normal);\r\n line-height: 1.6;\r\n }\r\n .steps-list li::before {\r\n content: counter(step);\r\n flex-shrink: 0;\r\n width: 26px;\r\n height: 26px;\r\n border-radius: 50%;\r\n background: var(--primary-light);\r\n color: var(--primary);\r\n font-weight: 700;\r\n font-size: 13px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n .faq-item {\r\n border-bottom: 1px solid var(--border);\r\n padding: 18px 0;\r\n }\r\n .faq-item:last-child { border-bottom: none; }\r\n .faq-item h3 {\r\n font-size: 16px;\r\n margin-bottom: 8px;\r\n }\r\n .faq-item p {\r\n font-size: 14.5px;\r\n margin-bottom: 0;\r\n color: var(--text-muted);\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"container\">\r\n\r\n <header class=\"header\">\r\n \r\n <h2>Free Online Image Resizer<\/h2>\r\n <p>Fast, local, and private. Drag and drop your image to resize, compress, and convert formats directly in your browser \u2014 no upload, no signup, no watermark.<\/p>\r\n <\/header>\r\n\r\n <main id=\"workspace\">\r\n\r\n \r\n <div class=\"dropzone\" id=\"dropzone\" tabindex=\"0\" role=\"button\" aria-label=\"Upload an image\">\r\n <h3 class=\"dz-title\">Drop an image here or <span>browse files<\/span><\/h3>\r\n <p class=\"dz-hint\">Supports JPG, PNG, and WEBP<\/p>\r\n <\/div>\r\n\r\n <p class=\"dz-error\" id=\"dzError\" hidden><\/p>\r\n <input type=\"file\" id=\"fileInput\" accept=\"image\/*\" hidden \/>\r\n\r\n \r\n <div class=\"workspace-panes\" id=\"panes\" hidden>\r\n\r\n \r\n <div class=\"preview-pane\">\r\n <div class=\"frame\" id=\"frame\">\r\n <img id=\"previewImg\" alt=\"Preview of uploaded image\" \/>\r\n <div class=\"dim-tag\" id=\"dimTag\">0 \u00d7 0 px<\/div>\r\n <\/div>\r\n <button class=\"change-img-btn\" id=\"changeImgBtn\" type=\"button\">Select a different image<\/button>\r\n <\/div>\r\n\r\n \r\n <div class=\"controls-pane\">\r\n\r\n \r\n <div class=\"control-group\">\r\n <span class=\"control-label\">Dimensions<\/span>\r\n <div class=\"dimensions-row\">\r\n <div class=\"input-wrapper\">\r\n <input type=\"number\" id=\"widthInput\" min=\"1\" inputmode=\"numeric\" aria-label=\"Width\" \/>\r\n <span class=\"unit\">W<\/span>\r\n <\/div>\r\n\r\n <button class=\"chain-btn active\" id=\"chainBtn\" type=\"button\" aria-pressed=\"true\" title=\"Toggle aspect ratio lock\">\r\n <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" width=\"20\" height=\"20\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13.828 10.172a4 4 0 00-5.656 0l-4 4a4 4 0 105.656 5.656l1.102-1.101m-.758-4.899a4 4 0 005.656 0l4-4a4 4 0 00-5.656-5.656l-1.1 1.1\"><\/path>\r\n <\/svg>\r\n <\/button>\r\n\r\n <div class=\"input-wrapper\">\r\n <input type=\"number\" id=\"heightInput\" min=\"1\" inputmode=\"numeric\" aria-label=\"Height\" \/>\r\n <span class=\"unit\">H<\/span>\r\n <\/div>\r\n <\/div>\r\n <p class=\"hint-text\" id=\"lockHint\">\ud83d\udd12 Aspect ratio is locked.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"control-group\">\r\n <span class=\"control-label\">Quick Scale<\/span>\r\n <div class=\"seg-group\" id=\"scaleGroup\">\r\n <button type=\"button\" data-pct=\"25\">25%<\/button>\r\n <button type=\"button\" data-pct=\"50\">50%<\/button>\r\n <button type=\"button\" data-pct=\"75\">75%<\/button>\r\n <button type=\"button\" data-pct=\"100\" class=\"active\">100%<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"control-group\">\r\n <span class=\"control-label\">Output Format<\/span>\r\n <div class=\"seg-group\" id=\"formatGroup\">\r\n <button type=\"button\" data-format=\"jpeg\" class=\"active\">JPG<\/button>\r\n <button type=\"button\" data-format=\"png\">PNG<\/button>\r\n <button type=\"button\" data-format=\"webp\">WEBP<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"control-group\" id=\"qualityRow\">\r\n <div class=\"control-label\">\r\n <span>Compression Quality<\/span>\r\n <span style=\"color: var(--primary)\" id=\"qualityValue\">85%<\/span>\r\n <\/div>\r\n <input type=\"range\" id=\"qualityInput\" min=\"10\" max=\"100\" value=\"85\" \/>\r\n <\/div>\r\n\r\n \r\n <div class=\"size-compare\">\r\n <div class=\"size-row\">\r\n <span class=\"label\">Original Size<\/span>\r\n <span class=\"value\" id=\"origSizeText\">\u2014<\/span>\r\n <\/div>\r\n <div class=\"progress-track\"><div class=\"progress-fill orig\" id=\"origBar\"><\/div><\/div>\r\n\r\n <div class=\"size-row\" style=\"margin-top: 12px;\">\r\n <span class=\"label\">Resized Size<\/span>\r\n <span class=\"value\" id=\"newSizeText\">\u2014<\/span>\r\n <\/div>\r\n <div class=\"progress-track\"><div class=\"progress-fill new\" id=\"newBar\"><\/div><\/div>\r\n <\/div>\r\n\r\n \r\n <button class=\"primary-btn\" id=\"downloadBtn\" type=\"button\" disabled>\r\n <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" width=\"20\" height=\"20\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4\"><\/path>\r\n <\/svg>\r\n Download Resized Image\r\n <\/button>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/main>\r\n\r\n \r\n <section class=\"info-section\">\r\n\r\n <div class=\"info-block\">\r\n <h2>About the PinSave Image Resizer<\/h2>\r\n <p>\r\n PinSave's image resizer is a free, browser-based tool for changing the\r\n dimensions, file size, and format of your photos and graphics. Whether\r\n you need to resize an image to fit a website, shrink a photo before\r\n emailing it, or convert a screenshot from PNG to a smaller JPG, this\r\n tool handles it in a few clicks \u2014 no software to install and no\r\n account to create.\r\n <\/p>\r\n <p>\r\n Everything runs directly in your browser using your device's own\r\n processing power. Your image is never uploaded to a server, which\r\n means it's fast even for large files and keeps your photos completely\r\n private \u2014 nothing leaves your device at any point.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"info-block\">\r\n <h2>Supported Image Formats<\/h2>\r\n <p>The resizer reads common image formats and can export to any of the following:<\/p>\r\n <div class=\"format-grid\">\r\n <div class=\"format-card\">\r\n <div class=\"fmt-name\">JPG \/ JPEG<\/div>\r\n <p>Best for photos. Adjustable compression to balance quality and file size.<\/p>\r\n <\/div>\r\n <div class=\"format-card\">\r\n <div class=\"fmt-name\">PNG<\/div>\r\n <p>Best for graphics, logos, and screenshots that need a transparent background.<\/p>\r\n <\/div>\r\n <div class=\"format-card\">\r\n <div class=\"fmt-name\">WEBP<\/div>\r\n <p>Modern format with smaller file sizes than JPG or PNG at similar quality \u2014 ideal for websites.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"info-block\">\r\n <h2>Benefits of Using This Tool<\/h2>\r\n <ul class=\"benefit-list\">\r\n <li>\r\n <svg class=\"benefit-icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/><\/svg>\r\n <span><strong>100% private:<\/strong> Images are processed locally in your browser and never uploaded anywhere.<\/span>\r\n <\/li>\r\n <li>\r\n <svg class=\"benefit-icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/><\/svg>\r\n <span><strong>No signup required:<\/strong> Open the page and start resizing immediately, with no account or email needed.<\/span>\r\n <\/li>\r\n <li>\r\n <svg class=\"benefit-icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/><\/svg>\r\n <span><strong>Precise control:<\/strong> Set exact pixel dimensions, lock the aspect ratio to prevent stretching, or use quick-scale presets.<\/span>\r\n <\/li>\r\n <li>\r\n <svg class=\"benefit-icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/><\/svg>\r\n <span><strong>Reduce file size:<\/strong> A live compression slider lets you shrink images for faster page loads, easier uploads, or email attachment limits.<\/span>\r\n <\/li>\r\n <li>\r\n <svg class=\"benefit-icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/><\/svg>\r\n <span><strong>Format flexibility:<\/strong> Convert between JPG, PNG, and WEBP depending on where the image will be used.<\/span>\r\n <\/li>\r\n <li>\r\n <svg class=\"benefit-icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/><\/svg>\r\n <span><strong>Free, no watermark:<\/strong> Every export is full quality with no branding added to your image.<\/span>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"info-block\">\r\n <h2>How to Resize an Image<\/h2>\r\n <ol class=\"steps-list\">\r\n <li>Drag and drop your image into the box above, or click to browse your files.<\/li>\r\n <li>Enter the width or height you want \u2014 the aspect ratio lock will adjust the other value automatically.<\/li>\r\n <li>Optionally use a quick-scale preset (25%, 50%, 75%) instead of typing exact numbers.<\/li>\r\n <li>Choose your output format \u2014 JPG, PNG, or WEBP \u2014 and adjust the quality slider if compression matters to you.<\/li>\r\n <li>Compare the original and new file size, then click Download to save the resized image.<\/li>\r\n <\/ol>\r\n <\/div>\r\n\r\n <div class=\"info-block\">\r\n <h2>Frequently Asked Questions<\/h2>\r\n\r\n <div class=\"faq-item\">\r\n <h3>Does resizing reduce image quality?<\/h3>\r\n <p>Shrinking dimensions generally preserves visual quality well. If you also lower the compression quality slider (for JPG\/WEBP), file size drops further but some detail is lost \u2014 the tool shows a live preview so you can find the right balance.<\/p>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <h3>Is my image uploaded to a server?<\/h3>\r\n <p>No. The resizing and compression happen entirely in your browser using JavaScript. Your file never leaves your device.<\/p>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <h3>What's the difference between JPG, PNG, and WEBP?<\/h3>\r\n <p>JPG is best for photos and compresses well but doesn't support transparency. PNG supports transparency and is best for logos or graphics, but files are larger. WEBP typically gives the smallest file size of the three at comparable quality, making it a good choice for websites.<\/p>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <h3>Is there a limit on image size or how many images I can resize?<\/h3>\r\n <p>There's no signup or daily limit \u2014 you can resize as many images as you like, one at a time, for free.<\/p>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <h3>Can I resize an image to an exact size in KB or MB?<\/h3>\r\n <p>The tool shows your resulting file size in real time as you adjust dimensions and quality, so you can fine-tune the settings until you reach the target size.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n <footer class=\"footer\">\r\n <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" width=\"18\" height=\"18\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z\"><\/path>\r\n <\/svg>\r\n Processed locally. Your images never leave your device.\r\n <\/footer>\r\n\r\n<\/div>\r\n\r\n\r\n<script>\r\n(function(){\r\n const dropzone = document.getElementById('dropzone');\r\n const dzError = document.getElementById('dzError');\r\n const fileInput = document.getElementById('fileInput');\r\n const workspace = document.getElementById('workspace');\r\n const panes = document.getElementById('panes');\r\n const previewImg = document.getElementById('previewImg');\r\n const dimTag = document.getElementById('dimTag');\r\n const changeImgBtn = document.getElementById('changeImgBtn');\r\n\r\n const widthInput = document.getElementById('widthInput');\r\n const heightInput = document.getElementById('heightInput');\r\n const chainBtn = document.getElementById('chainBtn');\r\n const lockHint = document.getElementById('lockHint');\r\n const scaleGroup = document.getElementById('scaleGroup');\r\n const formatGroup = document.getElementById('formatGroup');\r\n const qualityRow = document.getElementById('qualityRow');\r\n const qualityInput = document.getElementById('qualityInput');\r\n const qualityValue = document.getElementById('qualityValue');\r\n const origSizeText = document.getElementById('origSizeText');\r\n const newSizeText = document.getElementById('newSizeText');\r\n const origBar = document.getElementById('origBar');\r\n const newBar = document.getElementById('newBar');\r\n const downloadBtn = document.getElementById('downloadBtn');\r\n\r\n let originalImage = null, originalWidth = 0, originalHeight = 0, originalSize = 0;\r\n let aspectLocked = true, format = 'jpeg', currentBlob = null, baseFileName = 'image';\r\n let recomputeTimer = null, computeToken = 0;\r\n\r\n function clamp(v, min, max){ return Math.min(max, Math.max(min, v)); }\r\n\r\n function formatBytes(bytes){\r\n if (bytes < 1024) return bytes + ' B';\r\n if (bytes < 1024 * 1024) return (bytes \/ 1024).toFixed(1) + ' KB';\r\n return (bytes \/ (1024 * 1024)).toFixed(2) + ' MB';\r\n }\r\n\r\n function updateBars(orig, next){\r\n const max = Math.max(orig, next, 1);\r\n origBar.style.width = (orig \/ max * 100) + '%';\r\n newBar.style.width = (next \/ max * 100) + '%';\r\n }\r\n\r\n function updateDimTag(){\r\n const w = parseInt(widthInput.value) || 0;\r\n const h = parseInt(heightInput.value) || 0;\r\n dimTag.textContent = w + ' \u00d7 ' + h + ' px';\r\n }\r\n\r\n function clearScaleActive(){\r\n scaleGroup.querySelectorAll('button').forEach(b => b.classList.remove('active'));\r\n }\r\n\r\n function scheduleRecompute(){\r\n clearTimeout(recomputeTimer);\r\n recomputeTimer = setTimeout(recompute, 150);\r\n }\r\n\r\n function recompute(){\r\n if (!originalImage) return;\r\n const w = clamp(parseInt(widthInput.value) || 1, 1, 20000);\r\n const h = clamp(parseInt(heightInput.value) || 1, 1, 20000);\r\n const myToken = ++computeToken;\r\n\r\n const canvas = document.createElement('canvas');\r\n canvas.width = w; canvas.height = h;\r\n const ctx = canvas.getContext('2d');\r\n ctx.imageSmoothingEnabled = true;\r\n ctx.imageSmoothingQuality = 'high';\r\n if (format !== 'jpeg') ctx.clearRect(0, 0, w, h);\r\n ctx.drawImage(originalImage, 0, 0, w, h);\r\n\r\n const mime = format === 'jpeg' ? 'image\/jpeg' : (format === 'webp' ? 'image\/webp' : 'image\/png');\r\n const q = format === 'png' ? undefined : (qualityInput.valueAsNumber \/ 100);\r\n\r\n canvas.toBlob(function(blob){\r\n if (myToken !== computeToken || !blob) return;\r\n currentBlob = blob;\r\n newSizeText.textContent = formatBytes(blob.size);\r\n updateBars(originalSize, blob.size);\r\n downloadBtn.disabled = false;\r\n }, mime, q);\r\n }\r\n\r\n function handleFile(file){\r\n dzError.hidden = true;\r\n if (!file || !file.type || file.type.indexOf('image\/') !== 0){\r\n dzError.textContent = \"That doesn't look like an image. Try a JPG, PNG, or WEBP.\";\r\n dzError.hidden = false;\r\n return;\r\n }\r\n baseFileName = file.name.replace(\/\\.[^.]+$\/, '') || 'image';\r\n originalSize = file.size;\r\n\r\n const reader = new FileReader();\r\n reader.onload = function(e){\r\n const img = new Image();\r\n img.onload = function(){\r\n originalImage = img;\r\n originalWidth = img.naturalWidth;\r\n originalHeight = img.naturalHeight;\r\n\r\n previewImg.src = e.target.result;\r\n widthInput.value = originalWidth;\r\n heightInput.value = originalHeight;\r\n updateDimTag();\r\n origSizeText.textContent = formatBytes(originalSize);\r\n newSizeText.textContent = '\u2014';\r\n origBar.style.width = '0%'; newBar.style.width = '0%';\r\n\r\n dropzone.hidden = true;\r\n panes.hidden = false;\r\n workspace.classList.add('has-image');\r\n recompute();\r\n };\r\n img.src = e.target.result;\r\n };\r\n reader.readAsDataURL(file);\r\n }\r\n\r\n \/\/ Upload interactions\r\n dropzone.addEventListener('click', () => fileInput.click());\r\n dropzone.addEventListener('keydown', (e) => {\r\n if (e.key === 'Enter' || e.key === ' '){ e.preventDefault(); fileInput.click(); }\r\n });\r\n fileInput.addEventListener('change', (e) => handleFile(e.target.files[0]));\r\n\r\n ['dragenter', 'dragover'].forEach(evt =>\r\n dropzone.addEventListener(evt, (e) => { e.preventDefault(); dropzone.classList.add('dragging'); })\r\n );\r\n ['dragleave', 'drop'].forEach(evt =>\r\n dropzone.addEventListener(evt, (e) => { e.preventDefault(); dropzone.classList.remove('dragging'); })\r\n );\r\n dropzone.addEventListener('drop', (e) => {\r\n const file = e.dataTransfer.files && e.dataTransfer.files[0];\r\n handleFile(file);\r\n });\r\n\r\n changeImgBtn.addEventListener('click', () => {\r\n panes.hidden = true;\r\n dropzone.hidden = false;\r\n workspace.classList.remove('has-image');\r\n fileInput.value = '';\r\n downloadBtn.disabled = true;\r\n currentBlob = null;\r\n originalImage = null;\r\n });\r\n\r\n \/\/ Width \/ height\r\n widthInput.addEventListener('input', () => {\r\n let w = parseInt(widthInput.value) || 0;\r\n if (aspectLocked && originalWidth && w > 0){\r\n heightInput.value = Math.max(1, Math.round(w * (originalHeight \/ originalWidth)));\r\n }\r\n clearScaleActive();\r\n updateDimTag();\r\n scheduleRecompute();\r\n });\r\n heightInput.addEventListener('input', () => {\r\n let h = parseInt(heightInput.value) || 0;\r\n if (aspectLocked && originalHeight && h > 0){\r\n widthInput.value = Math.max(1, Math.round(h * (originalWidth \/ originalHeight)));\r\n }\r\n clearScaleActive();\r\n updateDimTag();\r\n scheduleRecompute();\r\n });\r\n [widthInput, heightInput].forEach(inp => inp.addEventListener('blur', () => {\r\n if (!inp.value || parseInt(inp.value) < 1) inp.value = 1;\r\n }));\r\n\r\n \/\/ Aspect lock\r\n chainBtn.addEventListener('click', () => {\r\n aspectLocked = !aspectLocked;\r\n chainBtn.classList.toggle('active', aspectLocked);\r\n chainBtn.setAttribute('aria-pressed', String(aspectLocked));\r\n lockHint.textContent = aspectLocked\r\n ? '\ud83d\udd12 Aspect ratio is locked.'\r\n : '\ud83d\udd13 Unlocked. Image may stretch.';\r\n });\r\n\r\n \/\/ Quick scale\r\n scaleGroup.querySelectorAll('button').forEach(btn => {\r\n btn.addEventListener('click', () => {\r\n clearScaleActive();\r\n btn.classList.add('active');\r\n const pct = parseInt(btn.dataset.pct);\r\n widthInput.value = Math.max(1, Math.round(originalWidth * pct \/ 100));\r\n heightInput.value = Math.max(1, Math.round(originalHeight * pct \/ 100));\r\n updateDimTag();\r\n recompute();\r\n });\r\n });\r\n\r\n \/\/ Format\r\n formatGroup.querySelectorAll('button').forEach(btn => {\r\n btn.addEventListener('click', () => {\r\n formatGroup.querySelectorAll('button').forEach(b => b.classList.remove('active'));\r\n btn.classList.add('active');\r\n format = btn.dataset.format;\r\n qualityRow.style.display = format === 'png' ? 'none' : 'flex';\r\n recompute();\r\n });\r\n });\r\n\r\n \/\/ Quality\r\n qualityInput.addEventListener('input', () => {\r\n qualityValue.textContent = qualityInput.value + '%';\r\n scheduleRecompute();\r\n });\r\n\r\n \/\/ Download\r\n downloadBtn.addEventListener('click', () => {\r\n if (!currentBlob) return;\r\n const ext = format === 'jpeg' ? 'jpg' : format;\r\n const a = document.createElement('a');\r\n a.href = URL.createObjectURL(currentBlob);\r\n a.download = baseFileName + '-resized.' + ext;\r\n document.body.appendChild(a);\r\n a.click();\r\n document.body.removeChild(a);\r\n setTimeout(() => URL.revokeObjectURL(a.href), 2000);\r\n });\r\n})();\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Free Image Resizer Online \u2013 Resize, Compress & Convert JPG\/PNG\/WEBP | PinSave Free Online Image Resizer Fast, local, and private. […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_monsterinsights_skip_tracking":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t<meta name=\"description\" content=\"Free Image Resizer Online \u2013 Resize, Compress & Convert JPG\/PNG\/WEBP | PinSave Free Online Image Resizer Fast, local, and private. Drag and drop your image to resize, compress, and convert formats directly in your browser \u2014 no upload, no signup, no watermark. Drop an image here or browse files Supports JPG, PNG, and WEBP 0\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/pinsave.site\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.1.1\" \/>\n\t\t<meta property=\"og:locale\" content=\"en_US\" \/>\n\t\t<meta property=\"og:site_name\" content=\"- Image Resizer, Cropper, Bg Remover , Compressor Tool\" \/>\n\t\t<meta property=\"og:type\" content=\"website\" \/>\n\t\t<meta property=\"og:title\" content=\"Image Resizer, Converter, Compressor & AI Eraser -\" \/>\n\t\t<meta property=\"og:description\" content=\"Free Image Resizer Online \u2013 Resize, Compress & Convert JPG\/PNG\/WEBP | PinSave Free Online Image Resizer Fast, local, and private. Drag and drop your image to resize, compress, and convert formats directly in your browser \u2014 no upload, no signup, no watermark. Drop an image here or browse files Supports JPG, PNG, and WEBP 0\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/pinsave.site\/\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/pinsave.site\/wp-content\/uploads\/2026\/09\/cropped-ChatGPT_Image_Aug_15__2026__02_08_20_PM-compressed-removebg-preview.png\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/pinsave.site\/wp-content\/uploads\/2026\/09\/cropped-ChatGPT_Image_Aug_15__2026__02_08_20_PM-compressed-removebg-preview.png\" \/>\n\t\t<meta property=\"og:image:width\" content=\"707\" \/>\n\t\t<meta property=\"og:image:height\" content=\"236\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Image Resizer, Converter, Compressor & AI Eraser -\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Free Image Resizer Online \u2013 Resize, Compress & Convert JPG\/PNG\/WEBP | PinSave Free Online Image Resizer Fast, local, and private. Drag and drop your image to resize, compress, and convert formats directly in your browser \u2014 no upload, no signup, no watermark. Drop an image here or browse files Supports JPG, PNG, and WEBP 0\" \/>\n\t\t<meta name=\"twitter:image\" content=\"https:\/\/pinsave.site\/wp-content\/uploads\/2026\/09\/cropped-ChatGPT_Image_Aug_15__2026__02_08_20_PM-compressed-removebg-preview.png\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/pinsave.site\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/pinsave.site#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/pinsave.site\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/pinsave.site\\\/#listItem\",\"name\":\"Image Resizer, Converter, Compressor & AI Eraser\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/pinsave.site\\\/#listItem\",\"position\":2,\"name\":\"Image Resizer, Converter, Compressor & AI Eraser\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/pinsave.site#listItem\",\"name\":\"Home\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/pinsave.site\\\/#organization\",\"description\":\"Image Resizer, Cropper, Bg Remover , Compressor Tool\",\"url\":\"https:\\\/\\\/pinsave.site\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/pinsave.site\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/cropped-ChatGPT_Image_Aug_15__2026__02_08_20_PM-compressed-removebg-preview.png\",\"@id\":\"https:\\\/\\\/pinsave.site\\\/#organizationLogo\",\"width\":707,\"height\":236,\"caption\":\"pinsave.site logo\"},\"image\":{\"@id\":\"https:\\\/\\\/pinsave.site\\\/#organizationLogo\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/pinsave.site\\\/#webpage\",\"url\":\"https:\\\/\\\/pinsave.site\\\/\",\"name\":\"Image Resizer, Converter, Compressor & AI Eraser -\",\"description\":\"Free Image Resizer Online \\u2013 Resize, Compress & Convert JPG\\\/PNG\\\/WEBP | PinSave Free Online Image Resizer Fast, local, and private. Drag and drop your image to resize, compress, and convert formats directly in your browser \\u2014 no upload, no signup, no watermark. Drop an image here or browse files Supports JPG, PNG, and WEBP 0\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/pinsave.site\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/pinsave.site\\\/#breadcrumblist\"},\"datePublished\":\"2026-08-13T15:32:30+00:00\",\"dateModified\":\"2026-08-20T09:02:21+00:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/pinsave.site\\\/#website\",\"url\":\"https:\\\/\\\/pinsave.site\\\/\",\"description\":\"Image Resizer, Cropper, Bg Remover , Compressor Tool\",\"inLanguage\":\"en-US\",\"publisher\":{\"@id\":\"https:\\\/\\\/pinsave.site\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t\n\n","aioseo_head_json":{"title":"Image Resizer, Converter, Compressor & AI Eraser -","description":"Free Image Resizer Online \u2013 Resize, Compress & Convert JPG\/PNG\/WEBP | PinSave Free Online Image Resizer Fast, local, and private. Drag and drop your image to resize, compress, and convert formats directly in your browser \u2014 no upload, no signup, no watermark. Drop an image here or browse files Supports JPG, PNG, and WEBP 0","canonical_url":"https:\/\/pinsave.site\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/pinsave.site\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/pinsave.site#listItem","position":1,"name":"Home","item":"https:\/\/pinsave.site","nextItem":{"@type":"ListItem","@id":"https:\/\/pinsave.site\/#listItem","name":"Image Resizer, Converter, Compressor & AI Eraser"}},{"@type":"ListItem","@id":"https:\/\/pinsave.site\/#listItem","position":2,"name":"Image Resizer, Converter, Compressor & AI Eraser","previousItem":{"@type":"ListItem","@id":"https:\/\/pinsave.site#listItem","name":"Home"}}]},{"@type":"Organization","@id":"https:\/\/pinsave.site\/#organization","description":"Image Resizer, Cropper, Bg Remover , Compressor Tool","url":"https:\/\/pinsave.site\/","logo":{"@type":"ImageObject","url":"https:\/\/pinsave.site\/wp-content\/uploads\/2026\/09\/cropped-ChatGPT_Image_Aug_15__2026__02_08_20_PM-compressed-removebg-preview.png","@id":"https:\/\/pinsave.site\/#organizationLogo","width":707,"height":236,"caption":"pinsave.site logo"},"image":{"@id":"https:\/\/pinsave.site\/#organizationLogo"}},{"@type":"WebPage","@id":"https:\/\/pinsave.site\/#webpage","url":"https:\/\/pinsave.site\/","name":"Image Resizer, Converter, Compressor & AI Eraser -","description":"Free Image Resizer Online \u2013 Resize, Compress & Convert JPG\/PNG\/WEBP | PinSave Free Online Image Resizer Fast, local, and private. Drag and drop your image to resize, compress, and convert formats directly in your browser \u2014 no upload, no signup, no watermark. Drop an image here or browse files Supports JPG, PNG, and WEBP 0","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/pinsave.site\/#website"},"breadcrumb":{"@id":"https:\/\/pinsave.site\/#breadcrumblist"},"datePublished":"2026-08-13T15:32:30+00:00","dateModified":"2026-08-20T09:02:21+00:00"},{"@type":"WebSite","@id":"https:\/\/pinsave.site\/#website","url":"https:\/\/pinsave.site\/","description":"Image Resizer, Cropper, Bg Remover , Compressor Tool","inLanguage":"en-US","publisher":{"@id":"https:\/\/pinsave.site\/#organization"}}]},"og:locale":"en_US","og:site_name":"- Image Resizer, Cropper, Bg Remover , Compressor Tool","og:type":"website","og:title":"Image Resizer, Converter, Compressor & AI Eraser -","og:description":"Free Image Resizer Online \u2013 Resize, Compress & Convert JPG\/PNG\/WEBP | PinSave Free Online Image Resizer Fast, local, and private. Drag and drop your image to resize, compress, and convert formats directly in your browser \u2014 no upload, no signup, no watermark. Drop an image here or browse files Supports JPG, PNG, and WEBP 0","og:url":"https:\/\/pinsave.site\/","og:image":"https:\/\/pinsave.site\/wp-content\/uploads\/2026\/09\/cropped-ChatGPT_Image_Aug_15__2026__02_08_20_PM-compressed-removebg-preview.png","og:image:secure_url":"https:\/\/pinsave.site\/wp-content\/uploads\/2026\/09\/cropped-ChatGPT_Image_Aug_15__2026__02_08_20_PM-compressed-removebg-preview.png","og:image:width":707,"og:image:height":236,"twitter:card":"summary_large_image","twitter:title":"Image Resizer, Converter, Compressor & AI Eraser -","twitter:description":"Free Image Resizer Online \u2013 Resize, Compress & Convert JPG\/PNG\/WEBP | PinSave Free Online Image Resizer Fast, local, and private. Drag and drop your image to resize, compress, and convert formats directly in your browser \u2014 no upload, no signup, no watermark. Drop an image here or browse files Supports JPG, PNG, and WEBP 0","twitter:image":"https:\/\/pinsave.site\/wp-content\/uploads\/2026\/09\/cropped-ChatGPT_Image_Aug_15__2026__02_08_20_PM-compressed-removebg-preview.png"},"aioseo_meta_data":{"post_id":"6","title":null,"description":null,"keywords":null,"keyphrases":null,"focus_keyword":null,"additional_keywords":null,"truseo_locale":null,"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"website","og_image_type":"default","og_image_custom_url":null,"og_image_custom_fields":null,"og_image_url":null,"og_image_width":null,"og_image_height":null,"og_video":null,"og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_image_url":null,"twitter_title":null,"twitter_description":null,"schema_type":"default","schema_type_options":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"","isEnabled":true},"graphs":[]},"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"local_seo":null,"limit_modified_date":false,"ai":null,"breadcrumb_settings":null,"seo_analyzer_scan_date":null,"created":"2026-09-05 16:07:12","updated":"2026-09-05 16:07:12"},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/pinsave.site\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">»<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tImage Resizer, Converter, Compressor & AI Eraser\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/pinsave.site"},{"label":"Image Resizer, Converter, Compressor & AI Eraser","link":"https:\/\/pinsave.site\/"}],"_links":{"self":[{"href":"https:\/\/pinsave.site\/wp-json\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pinsave.site\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pinsave.site\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pinsave.site\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pinsave.site\/wp-json\/wp\/v2\/comments?post=6"}],"version-history":[{"count":81,"href":"https:\/\/pinsave.site\/wp-json\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":331,"href":"https:\/\/pinsave.site\/wp-json\/wp\/v2\/pages\/6\/revisions\/331"}],"wp:attachment":[{"href":"https:\/\/pinsave.site\/wp-json\/wp\/v2\/media?parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}