{"id":67,"date":"2026-05-18T21:10:01","date_gmt":"2026-05-18T21:10:01","guid":{"rendered":"https:\/\/convert.forethought-studio.com\/resize-image\/"},"modified":"2026-06-11T18:12:27","modified_gmt":"2026-06-11T18:12:27","slug":"resize-image","status":"publish","type":"page","link":"https:\/\/www.forethought-studio.com\/convert\/resize-image\/","title":{"rendered":"Resize Images Online Without Uploading"},"content":{"rendered":"<p>Set a target width or height below, drop your image, and download the resized version. The resize runs entirely in your browser. Your files never leave your device.<\/p>\n<div class=\"dropformat-mount\" data-format=\"resize-image\"><div class=\"dropformat-dropzone dft-skeleton\" aria-hidden=\"true\"><p class=\"ec-dropzone-prompt\">Drop an image here, or <button type=\"button\" class=\"ec-pick-btn\" disabled>choose files<\/button><\/p><p class=\"ec-status\"><\/p><\/div><div class=\"df-loading-overlay\" role=\"status\" aria-live=\"polite\"><span class=\"df-loading-overlay-spinner\" aria-hidden=\"true\"><\/span><span class=\"df-loading-overlay-label\">Loading converter...<\/span><\/div><noscript><p class=\"df-noscript-message\">This converter requires JavaScript in your browser.<\/p><\/noscript><\/div>\n<h2>How it works<\/h2>\n<p>This tool uses your browser&#8217;s built-in canvas API to scale images. You set a maximum width, maximum height, or both. The aspect ratio lock (on by default) ensures the image scales proportionally so nothing gets stretched or squished.<\/p>\n<ul>\n<li><strong>One dimension set:<\/strong> the other scales proportionally.<\/li>\n<li><strong>Both dimensions set:<\/strong> the image fits inside the bounding box, maintaining its proportions.<\/li>\n<li><strong>Aspect ratio unlocked:<\/strong> the image stretches to fill the exact dimensions you specify.<\/li>\n<\/ul>\n<h2>Supported formats<\/h2>\n<p>Drop any common image format: PNG, JPG, WebP, BMP, GIF, or HEIC (iPhone photos). The output stays in the same format when your browser supports encoding it. HEIC inputs are converted to JPG since browsers cannot encode HEIC.<\/p>\n<h2>When to resize vs. when to compress<\/h2>\n<p>Resizing changes the pixel dimensions of your image. Compression reduces file size by changing how the data is encoded, without changing dimensions. If your image is 4000 x 3000 pixels and you need it for a web page at 800 x 600, resizing is the right choice. If the dimensions are already right but the file is too large, try <a href=\"..\/compress-images-without-uploading\/\">compressing without uploading<\/a> or converting to a more efficient format like <a href=\"..\/jpg-to-webp\/\">WebP<\/a>.<\/p>\n<h2>Common resize targets<\/h2>\n<ul>\n<li><strong>Social media profile photos:<\/strong> 400 x 400 px (square crop separately)<\/li>\n<li><strong>Email attachments:<\/strong> 1200 px wide is enough for full-screen viewing<\/li>\n<li><strong>Web pages:<\/strong> match your layout width. Most content areas are 600 to 900 px wide.<\/li>\n<li><strong>Thumbnails:<\/strong> 150 to 300 px on the longest side<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Set a target width or height below, drop your image, and download the resized version. The resize runs entirely in your browser. Your files never leave your device. How it works This tool uses your browser&#8217;s built-in canvas API to scale images. You set a maximum width, maximum height, or both. The aspect ratio lock [&hellip;]<\/p>\n","protected":false},"author":0,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-67","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.forethought-studio.com\/convert\/wp-json\/wp\/v2\/pages\/67","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.forethought-studio.com\/convert\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.forethought-studio.com\/convert\/wp-json\/wp\/v2\/types\/page"}],"replies":[{"embeddable":true,"href":"https:\/\/www.forethought-studio.com\/convert\/wp-json\/wp\/v2\/comments?post=67"}],"version-history":[{"count":2,"href":"https:\/\/www.forethought-studio.com\/convert\/wp-json\/wp\/v2\/pages\/67\/revisions"}],"predecessor-version":[{"id":164,"href":"https:\/\/www.forethought-studio.com\/convert\/wp-json\/wp\/v2\/pages\/67\/revisions\/164"}],"wp:attachment":[{"href":"https:\/\/www.forethought-studio.com\/convert\/wp-json\/wp\/v2\/media?parent=67"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}