{"id":59,"date":"2026-07-12T12:46:11","date_gmt":"2026-07-12T12:46:11","guid":{"rendered":"https:\/\/artsflick.com\/blog\/?p=59"},"modified":"2026-07-12T20:22:05","modified_gmt":"2026-07-12T20:22:05","slug":"resize-an-image-without-losing-quality","status":"publish","type":"post","link":"https:\/\/artsflick.com\/blog\/resize-an-image-without-losing-quality\/","title":{"rendered":"How to Resize an Image Without Losing Quality"},"content":{"rendered":"\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1672\" height=\"941\" src=\"https:\/\/artsflick.com\/blog\/wp-content\/uploads\/2026\/07\/resize-image-before-after-hero.webp\" alt=\"Before and after example showing how to resize an image without losing quality\" class=\"wp-image-73\" style=\"width:1178px;height:auto\" srcset=\"https:\/\/artsflick.com\/blog\/wp-content\/uploads\/2026\/07\/resize-image-before-after-hero.webp 1672w, https:\/\/artsflick.com\/blog\/wp-content\/uploads\/2026\/07\/resize-image-before-after-hero-300x169.webp 300w, https:\/\/artsflick.com\/blog\/wp-content\/uploads\/2026\/07\/resize-image-before-after-hero-1024x576.webp 1024w, https:\/\/artsflick.com\/blog\/wp-content\/uploads\/2026\/07\/resize-image-before-after-hero-768x432.webp 768w, https:\/\/artsflick.com\/blog\/wp-content\/uploads\/2026\/07\/resize-image-before-after-hero-1536x864.webp 1536w\" sizes=\"auto, (max-width: 1672px) 100vw, 1672px\" \/><\/figure>\n\n\n<style>.kb-row-layout-id59_e99091-9a > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id59_e99091-9a > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id59_e99091-9a > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);max-width:1140px;margin-left:auto;margin-right:auto;padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:minmax(0, 1fr) minmax(0, 2fr);}.kb-row-layout-id59_e99091-9a > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id59_e99091-9a > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr) minmax(0, 2fr);}}@media all and (max-width: 767px){.kb-row-layout-id59_e99091-9a > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id59_e99091-9a alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-2-columns kt-row-layout-right-golden kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>#wrapper.site{overflow:clip;}.kadence-column59_276dde-bc > .kt-inside-inner-col,.kadence-column59_276dde-bc > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column59_276dde-bc > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column59_276dde-bc > .kt-inside-inner-col{flex-direction:column;}.kadence-column59_276dde-bc > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column59_276dde-bc > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column59_276dde-bc{position:relative;}@media all and (max-width: 1024px){.kadence-column59_276dde-bc > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column59_276dde-bc > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column59_276dde-bc kb-section-is-sticky\"><div class=\"kt-inside-inner-col\"><style>.kb-table-of-content-nav.kb-table-of-content-id59_d1dafc-77 .kb-table-of-content-wrap{padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-right:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);padding-left:var(--global-kb-spacing-sm, 1.5rem);border-top:0px solid #000000;border-right:0px solid #000000;border-bottom:0px solid #000000;border-left:0px solid #000000;}.kb-table-of-content-nav.kb-table-of-content-id59_d1dafc-77 .kb-table-of-contents-title-wrap{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.kb-table-of-content-nav.kb-table-of-content-id59_d1dafc-77 .kb-table-of-contents-title-wrap{color:#000000;}.kb-table-of-content-nav.kb-table-of-content-id59_d1dafc-77 .kb-table-of-contents-title{color:#000000;letter-spacing:1px;font-weight:regular;font-style:normal;}.kb-table-of-content-nav.kb-table-of-content-id59_d1dafc-77 .kb-table-of-content-wrap .kb-table-of-content-list{color:#5b6472;font-size:15px;font-weight:regular;font-style:normal;margin-top:0px;margin-left:-2px;}.kb-table-of-content-nav.kb-table-of-content-id59_d1dafc-77 .kb-table-of-content-wrap .kb-table-of-content-list .kb-table-of-contents__entry:hover{color:#1f2430;}.kb-table-of-content-nav.kb-table-of-content-id59_d1dafc-77 .kb-table-of-content-wrap .kb-table-of-content-list .active > .kb-table-of-contents__entry{color:#3b6cf6;}.kb-table-of-content-nav.kb-table-of-content-id59_d1dafc-77 .kb-table-of-content-list li{margin-bottom:16px;}.kb-table-of-content-nav.kb-table-of-content-id59_d1dafc-77 .kb-table-of-content-list li .kb-table-of-contents-list-sub{margin-top:16px;}@media all and (max-width: 1024px){.kb-table-of-content-nav.kb-table-of-content-id59_d1dafc-77 .kb-table-of-content-wrap{border-top:0px solid #000000;border-right:0px solid #000000;border-bottom:0px solid #000000;border-left:0px solid #000000;}}@media all and (max-width: 767px){.kb-table-of-content-nav.kb-table-of-content-id59_d1dafc-77 .kb-table-of-content-wrap{border-top:0px solid #000000;border-right:0px solid #000000;border-bottom:0px solid #000000;border-left:0px solid #000000;}}<\/style><\/div><\/div>\n\n\n<style>.kadence-column59_bc60fb-10 > .kt-inside-inner-col,.kadence-column59_bc60fb-10 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column59_bc60fb-10 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column59_bc60fb-10 > .kt-inside-inner-col{flex-direction:column;}.kadence-column59_bc60fb-10 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column59_bc60fb-10 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column59_bc60fb-10{position:relative;}@media all and (max-width: 1024px){.kadence-column59_bc60fb-10 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column59_bc60fb-10 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column59_bc60fb-10\"><div class=\"kt-inside-inner-col\">\n<p class=\"wp-block-paragraph\">You resized a photo, and now it looks worse. Softer, blockier, or stretched in a way you can&#8217;t quite name. It happens to everyone, and the frustrating part is that the fix is rarely explained. To resize an image without losing quality, you don&#8217;t need expensive software. You need to know which direction you&#8217;re resizing, what your editor does behind the scenes, and where the real damage usually comes from (spoiler: it&#8217;s often the file format, not the resize).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This guide covers the full picture: a workflow you can reuse for any photo, honest limits on how far you can enlarge, and a size chart for every major platform that&#8217;s current as of July 2026. Instagram quietly changed its preferred post shape, so if you&#8217;re still designing square-first, that section alone is worth your time.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Why quality disappears when you change image size<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Nearly every photo is a raster image: a fixed grid of colored squares called pixels. A 3000-pixel-wide photo contains exactly 3000 columns of them. No software can recover detail that the camera never captured; it can only rearrange or guess.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Two operations cause almost all visible damage:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Enlarging.<\/strong>&nbsp;Going from 800 px to 2000 px wide forces the software to invent over five times as many pixels as it started with. Invented pixels average out their neighbors, which reads to your eye as blur.<\/li>\n\n\n\n<li><strong>Repeated lossy saves.<\/strong>&nbsp;JPG is a lossy format. Each save throws away a little data to keep the file small. Open, edit, save, repeat, and the artifacts compound. The tenth save looks visibly worse than the second.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Shrinking, on the other hand, is the safe direction. When you scale a 4000 px photo down to 1200 px, you&#8217;re discarding pixels you didn&#8217;t need. Done with decent resampling, the small copy looks every bit as crisp as the original. So the first question to ask before any resize is simply: am I going up or down?<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1672\" height=\"941\" src=\"https:\/\/artsflick.com\/blog\/wp-content\/uploads\/2026\/07\/upscaling-vs-downscaling-pixels.webp\" alt=\"Diagram showing pixels invented during upscaling versus pixels removed during downscaling\" class=\"wp-image-74\" srcset=\"https:\/\/artsflick.com\/blog\/wp-content\/uploads\/2026\/07\/upscaling-vs-downscaling-pixels.webp 1672w, https:\/\/artsflick.com\/blog\/wp-content\/uploads\/2026\/07\/upscaling-vs-downscaling-pixels-300x169.webp 300w, https:\/\/artsflick.com\/blog\/wp-content\/uploads\/2026\/07\/upscaling-vs-downscaling-pixels-1024x576.webp 1024w, https:\/\/artsflick.com\/blog\/wp-content\/uploads\/2026\/07\/upscaling-vs-downscaling-pixels-768x432.webp 768w, https:\/\/artsflick.com\/blog\/wp-content\/uploads\/2026\/07\/upscaling-vs-downscaling-pixels-1536x864.webp 1536w\" sizes=\"auto, (max-width: 1672px) 100vw, 1672px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Resize, resample, compress: three words people mix up<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">These three terms get used interchangeably, and the confusion causes real mistakes.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Resize<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Changing the pixel dimensions. 4000 \u00d7 3000 becomes 1200 \u00d7 900. This is the thing you ask for.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Resample<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">How the software calculates the new pixels, using math called interpolation. Bicubic looks at surrounding pixels to compute each new one, which is why it produces smoother results than crude methods. Lanczos is a step sharper again. Most good editors default to one of these for photos, and the default is usually right. The one to avoid for photos is nearest-neighbor, which keeps hard pixel edges and only makes sense for pixel art.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Compress<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Shrinking the file size in kilobytes, not the dimensions. That&#8217;s the quality slider on export. Push it too low and you get muddy blocks around edges and text, even if you never touched the dimensions.<\/p>\n\n\n\n<style data-wp-block-html=\"css\">\n.callout {\n    background: #eef3ff;\n    border: 1px solid #d8e3ff;\n    border-radius: 14px;\n    padding: 18px 20px;\n    margin: 24px 0;\n}\n\n.callout strong {\n    color: #3b6cf6;\n    font-weight: bolder;\n}\n\nbody {\n    margin: 0;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n    color: var(--text);\n    background: #ffffff;\n    line-height: 1.7;\n    font-size: 18px;\n}\n<\/style>\n\n<div class=\"callout\"><strong>The key point:<\/strong> most &#8220;my image got ruined&#8221; cases trace back to upscaling or aggressive compression. A careful downscale is almost never the culprit. Control those two and you&#8217;ve solved most of the problem.<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">How to resize an image without losing quality: 7 steps<br><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">This is the workflow I use for every photo that leaves my machine, in artsflick or any other editor.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Find the largest original you have.<\/strong>&nbsp;Check your camera roll, cloud backup, or the email attachment before settling for a screenshot. Every step after this one works better with more pixels to start from.<\/li>\n\n\n\n<li><strong>Pick the exact target in pixels.<\/strong>&nbsp;Not &#8220;smaller,&#8221; not &#8220;medium.&#8221; A real number, like 1200 px wide for a blog image or 1080 \u00d7 1350 for an Instagram post. The chart below has the common ones.<\/li>\n\n\n\n<li><strong>Lock the aspect ratio.<\/strong>&nbsp;The chain-link or &#8220;constrain proportions&#8221; toggle keeps width and height moving together. Leave it on unless you&#8217;re deliberately cropping to a new shape.<\/li>\n\n\n\n<li><strong>Go down, not up, whenever the choice exists.<\/strong>&nbsp;If your original is bigger than the target, you&#8217;re in the safe zone and the result will be sharp.<\/li>\n\n\n\n<li><strong>Trust high-quality resampling.<\/strong>&nbsp;Bicubic or Lanczos, which is what most editors use by default. Don&#8217;t switch to nearest-neighbor for photos.<\/li>\n\n\n\n<li><strong>Export in the right format at a sane quality.<\/strong>&nbsp;For photos, JPG at 80\u201385% quality holds detail well while cutting file size dramatically. In practice I&#8217;ve found 85% is the point where side-by-side comparison with the original stops being easy. For graphics or transparency, use PNG or WEBP.<\/li>\n\n\n\n<li><strong>Inspect at 100% zoom before publishing.<\/strong>&nbsp;A zoomed-out preview hides sins. View the actual pixels. If edges look clean at 100%, they&#8217;ll look clean everywhere.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">One ordering rule worth engraving somewhere: resize first, compress second, and do both exactly once, exporting fresh from the original each time you need a new copy.<\/p>\n\n\n\n<style data-wp-block-html=\"css\">\n.cta-box {\n    background: linear-gradient(135deg, #3b6cf6, #6a4cf0);\n    color: #fff;\n    border-radius: 18px;\n    padding: 28px;\n    margin: 34px 0;\n    text-align: center;\n}\n\n.cta-box a {\n    background: #fff;\n    color: #3b6cf6;\n    font-weight: 700;\n    padding: 12px 22px;\n    border-radius: 999px;\n    display: inline-block;\n}\n\na:-webkit-any-link\nSpecificity: (0,1,1)\n {\n    cursor: pointer;\n}\n\na {\n    color: #3b6cf6;\n    text-decoration: none;\n}\n\n.cta-box h3 {\n    margin: 0 0 8px;\n    color: #fff;\n    font-size: 22px;\n}\n\nbody {\n    margin: 0;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n    background: #ffffff;\n    line-height: 1.7;\n    font-size: 18px;\n}\n<\/style>\n\n<div class=\"cta-box\">\n        <h3>Resize in your browser, free<\/h3>\n        <p>Set exact pixel dimensions, keep the ratio locked, and export at the quality you choose.<\/p>\n        <a href=\"https:\/\/artsflick.com\/resize-image\">Try the ArtsFlick Image Resizer<\/a>\n      <\/div>\n\n\n\n<h2 class=\"wp-block-heading\">How far can you actually enlarge an image?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Here&#8217;s the part most guides dodge: real numbers on upscaling limits.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">With classic interpolation (the standard resize in any editor), quality degrades noticeably beyond about&nbsp;<strong>2\u00d7 the original dimensions<\/strong>. Doubling a clean 1000 px photo to 2000 px is usually acceptable at normal viewing distance. Pushing to 3000 px and beyond gives you soft edges and smeared texture, because two-thirds of what you&#8217;re looking at was guessed.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">AI upscaling moves that ceiling, not removes it. Instead of averaging neighbors, a trained model predicts what the missing detail probably looked like: it rebuilds hair strands, fabric weave, and letter edges rather than blurring across them. In practice, AI handles&nbsp;<strong>2\u00d7 to 4\u00d7<\/strong>&nbsp;enlargements convincingly. A 640 px product shot can genuinely become a usable 2500 px image.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The honest caveats: AI output can look plasticky on faces, occasionally invents texture that was never there, and can&#8217;t rescue an image that&#8217;s tiny&nbsp;<em>and<\/em>&nbsp;heavily compressed. A 200 px thumbnail will not become a poster, with any tool, ever. If a print shop is asking for 300 DPI at A3, the answer is to find a bigger original, not a stronger upscaler.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border is-style-default wp-duotone-unset-1\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"572\" src=\"https:\/\/artsflick.com\/blog\/wp-content\/uploads\/2026\/07\/artsflick-resize-panel-1024x572.webp\" alt=\"artsflick image resizer panel with exact dimensions, locked aspect ratio and AI upscale option\" class=\"wp-image-116\" style=\"border-style:none;border-width:0px;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px\" srcset=\"https:\/\/artsflick.com\/blog\/wp-content\/uploads\/2026\/07\/artsflick-resize-panel-1024x572.webp 1024w, https:\/\/artsflick.com\/blog\/wp-content\/uploads\/2026\/07\/artsflick-resize-panel-300x167.webp 300w, https:\/\/artsflick.com\/blog\/wp-content\/uploads\/2026\/07\/artsflick-resize-panel-768x429.webp 768w, https:\/\/artsflick.com\/blog\/wp-content\/uploads\/2026\/07\/artsflick-resize-panel.webp 1376w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Choosing a file format (it matters more than you think)<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The format you export decides how much of your careful resizing survives. Quick reference:<\/p>\n\n\n<style>.kb-table-container59_08b449-df{overflow-x:auto;}.kb-table-container .kb-table59_08b449-df{overflow-x:scroll;}.kb-table-container .kb-table59_08b449-df th{padding-top:var(--global-kb-spacing-xxs, 0.5rem);padding-right:var(--global-kb-spacing-xxs, 0.5rem);padding-bottom:var(--global-kb-spacing-xxs, 0.5rem);padding-left:var(--global-kb-spacing-xxs, 0.5rem);text-align:center;}.kb-table-container .kb-table59_08b449-df caption{text-align:center;}.kb-table-container .kb-table59_08b449-df td{padding-top:var(--global-kb-spacing-xxs, 0.5rem);padding-right:var(--global-kb-spacing-xxs, 0.5rem);padding-bottom:var(--global-kb-spacing-xxs, 0.5rem);padding-left:var(--global-kb-spacing-xxs, 0.5rem);text-align:left;}@media all and (max-width: 1024px){.kb-table-container .kb-table59_08b449-df td{text-align:left;}}@media all and (max-width: 767px){.kb-table-container .kb-table59_08b449-df td{text-align:left;}}<\/style><div class=\"kb-table-container kb-table-container59_08b449-df wp-block-kadence-table\"><table class=\"kb-table kb-table59_08b449-df\">\n<tr class=\"kb-table-row kb-table-row59_330de3-95\">\n<td  class=\"kb-table-data kb-table-data59_b4862d-02\">\n\n<p class=\"wp-block-paragraph\"><strong>Format<\/strong><\/p>\n\n<\/td>\n\n<td  class=\"kb-table-data kb-table-data59_893008-a5\">\n\n<p class=\"wp-block-paragraph\"><strong>Best for<\/strong><\/p>\n\n<\/td>\n\n<td  class=\"kb-table-data kb-table-data59_a227ba-74\">\n\n<p class=\"wp-block-paragraph\"><strong>Compression<\/strong><\/p>\n\n<\/td>\n\n<td  class=\"kb-table-data kb-table-data59_520202-ee\">\n\n<p class=\"wp-block-paragraph\"><strong>Notes<\/strong><\/p>\n\n<\/td>\n<\/tr>\n\n<tr class=\"kb-table-row kb-table-row59_75f57e-21\">\n<td  class=\"kb-table-data kb-table-data59_81c0f3-dd\">\n\n<p class=\"wp-block-paragraph\"><strong>JPG<\/strong><\/p>\n\n<\/td>\n\n<td  class=\"kb-table-data kb-table-data59_4cee5b-23\">\n\n<p class=\"wp-block-paragraph\">Photos<\/p>\n\n<\/td>\n\n<td  class=\"kb-table-data kb-table-data59_d0d89a-25\">\n\n<p class=\"wp-block-paragraph\">Lossy<\/p>\n\n<\/td>\n\n<td  class=\"kb-table-data kb-table-data59_b04e7a-a3\">\n\n<p class=\"wp-block-paragraph\">Small files, no transparency. Never re-save repeatedly.<\/p>\n\n<\/td>\n<\/tr>\n\n<tr class=\"kb-table-row kb-table-row59_60bcef-dd\">\n<td  class=\"kb-table-data kb-table-data59_610bfa-32\">\n\n<p class=\"wp-block-paragraph\"><strong>PNG<\/strong><\/p>\n\n<\/td>\n\n<td  class=\"kb-table-data kb-table-data59_047ff1-c1\">\n\n<p class=\"wp-block-paragraph\">Graphics, logos, transparency<\/p>\n\n<\/td>\n\n<td  class=\"kb-table-data kb-table-data59_d103a7-7e\">\n\n<p class=\"wp-block-paragraph\">Lossless<\/p>\n\n<\/td>\n\n<td  class=\"kb-table-data kb-table-data59_fe7d46-14\">\n\n<p class=\"wp-block-paragraph\">Pixel-perfect edges and text; bigger files.<\/p>\n\n<\/td>\n<\/tr>\n\n<tr class=\"kb-table-row kb-table-row59_0bae2d-ef\">\n<td  class=\"kb-table-data kb-table-data59_5a356f-f6\">\n\n<p class=\"wp-block-paragraph\"><strong>WEBP<\/strong><\/p>\n\n<\/td>\n\n<td  class=\"kb-table-data kb-table-data59_98f3bb-7f\">\n\n<p class=\"wp-block-paragraph\">Any web image<\/p>\n\n<\/td>\n\n<td  class=\"kb-table-data kb-table-data59_f0e03b-e3\">\n\n<p class=\"wp-block-paragraph\">Lossy or lossless<\/p>\n\n<\/td>\n\n<td  class=\"kb-table-data kb-table-data59_06bc94-7b\">\n\n<p class=\"wp-block-paragraph\">Typically 25\u201330% smaller than equivalent JPG\/PNG. Supported by every modern browser.<\/p>\n\n<\/td>\n<\/tr>\n\n<tr class=\"kb-table-row kb-table-row59_05af2f-f6\">\n<td  class=\"kb-table-data kb-table-data59_da1f63-f7\">\n\n<p class=\"wp-block-paragraph\"><strong>SVG<\/strong><\/p>\n\n<\/td>\n\n<td  class=\"kb-table-data kb-table-data59_972865-d7\">\n\n<p class=\"wp-block-paragraph\">Logos, icons, vector art<\/p>\n\n<\/td>\n\n<td  class=\"kb-table-data kb-table-data59_cdffde-02\">\n\n<p class=\"wp-block-paragraph\">N\/A (vector)<\/p>\n\n<\/td>\n\n<td  class=\"kb-table-data kb-table-data59_9a23f6-15\">\n\n<p class=\"wp-block-paragraph\">Scales to any size with zero loss. Not for photos.<\/p>\n\n<\/td>\n<\/tr>\n<\/table><\/div>\n\n\n<p class=\"wp-block-paragraph\">Two details from that table deserve emphasis. First, WEBP is the default answer for websites now; Google&#8217;s&nbsp;<a href=\"https:\/\/developers.google.com\/speed\/webp\" target=\"_blank\" rel=\"noopener\">WebP documentation<\/a>&nbsp;puts the savings at roughly 25\u201334% over JPG at equivalent quality, which translates directly into faster pages. Second, if a logo keeps going fuzzy when you enlarge it, you&#8217;re resizing a raster copy of something that should be vector. Ask the designer for the SVG. MDN&#8217;s&nbsp;<a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/Media\/Formats\/Image_types\" target=\"_blank\" rel=\"noopener\">image file type guide<\/a>&nbsp;is a solid reference when you hit a format question this table doesn&#8217;t cover.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Image size chart for web and social media (July 2026)<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Resizing is easier when the target is a known number. These are current as of July 2026; platforms adjust specs every year or so, which is exactly why we date this table.<\/p>\n\n\n<style>.kb-table-container59_a7c50e-12{overflow-x:auto;}.kb-table-container .kb-table59_a7c50e-12 th{padding-top:var(--global-kb-spacing-xxs, 0.5rem);padding-right:var(--global-kb-spacing-xxs, 0.5rem);padding-bottom:var(--global-kb-spacing-xxs, 0.5rem);padding-left:var(--global-kb-spacing-xxs, 0.5rem);text-align:center;}.kb-table-container .kb-table59_a7c50e-12 caption{text-align:center;}.kb-table-container .kb-table59_a7c50e-12 td{padding-top:var(--global-kb-spacing-xxs, 0.5rem);padding-right:var(--global-kb-spacing-xxs, 0.5rem);padding-bottom:var(--global-kb-spacing-xxs, 0.5rem);padding-left:var(--global-kb-spacing-xxs, 0.5rem);text-align:left;}<\/style><div class=\"kb-table-container kb-table-container59_a7c50e-12 wp-block-kadence-table\"><table class=\"kb-table kb-table59_a7c50e-12\">\n<tr class=\"kb-table-row kb-table-row59_d84906-f6\">\n<td  class=\"kb-table-data kb-table-data59_80b137-bf\">\n\n<p class=\"wp-block-paragraph\"><strong>Where it&#8217;s going<\/strong><\/p>\n\n<\/td>\n\n<td  class=\"kb-table-data kb-table-data59_9c826f-05\">\n\n<p class=\"wp-block-paragraph\"><strong>Size (px)<\/strong><\/p>\n\n<\/td>\n\n<td  class=\"kb-table-data kb-table-data59_636d26-32\">\n\n<p class=\"wp-block-paragraph\"><strong>Worth knowing<\/strong><\/p>\n\n<\/td>\n<\/tr>\n\n<tr class=\"kb-table-row kb-table-row59_df94ed-5c\">\n<td  class=\"kb-table-data kb-table-data59_0477c9-02\">\n\n<p class=\"wp-block-paragraph\">Instagram post (portrait)<\/p>\n\n<\/td>\n\n<td  class=\"kb-table-data kb-table-data59_4527ca-75\">\n\n<p class=\"wp-block-paragraph\">1080 \u00d7 1350<\/p>\n\n<\/td>\n\n<td  class=\"kb-table-data kb-table-data59_705b80-02\">\n\n<p class=\"wp-block-paragraph\">The 4:5 portrait is now Instagram&#8217;s preferred feed shape, so design portrait-first.<\/p>\n\n<\/td>\n<\/tr>\n\n<tr class=\"kb-table-row kb-table-row59_03c3e1-6c\">\n<td  class=\"kb-table-data kb-table-data59_06b7e9-64\">\n\n<p class=\"wp-block-paragraph\">Instagram post (square)<\/p>\n\n<\/td>\n\n<td  class=\"kb-table-data kb-table-data59_b91c20-d0\">\n\n<p class=\"wp-block-paragraph\">1080 \u00d7 1080<\/p>\n\n<\/td>\n\n<td  class=\"kb-table-data kb-table-data59_dfd2ac-39\">\n\n<p class=\"wp-block-paragraph\">Still works, but gets less screen than 4:5.<\/p>\n\n<\/td>\n<\/tr>\n\n<tr class=\"kb-table-row kb-table-row59_138510-84\">\n<td  class=\"kb-table-data kb-table-data59_3538a2-ec\">\n\n<p class=\"wp-block-paragraph\">Instagram \/ Facebook story, Reels, TikTok<\/p>\n\n<\/td>\n\n<td  class=\"kb-table-data kb-table-data59_28f786-62\">\n\n<p class=\"wp-block-paragraph\">1080 \u00d7 1920<\/p>\n\n<\/td>\n\n<td  class=\"kb-table-data kb-table-data59_0ac6a1-b9\">\n\n<p class=\"wp-block-paragraph\">Keep text ~250 px away from top and bottom edges (UI overlays).<\/p>\n\n<\/td>\n<\/tr>\n\n<tr class=\"kb-table-row kb-table-row59_115a0d-f2\">\n<td  class=\"kb-table-data kb-table-data59_92a700-ab\">\n\n<p class=\"wp-block-paragraph\">YouTube thumbnail<\/p>\n\n<\/td>\n\n<td  class=\"kb-table-data kb-table-data59_e34eea-86\">\n\n<p class=\"wp-block-paragraph\">1280 \u00d7 720<\/p>\n\n<\/td>\n\n<td  class=\"kb-table-data kb-table-data59_6e2ed4-3d\">\n\n<p class=\"wp-block-paragraph\">Max file size 2 MB.<\/p>\n\n<\/td>\n<\/tr>\n\n<tr class=\"kb-table-row kb-table-row59_93e769-60\">\n<td  class=\"kb-table-data kb-table-data59_bbb8a1-a9\">\n\n<p class=\"wp-block-paragraph\">Facebook cover photo<\/p>\n\n<\/td>\n\n<td  class=\"kb-table-data kb-table-data59_873068-79\">\n\n<p class=\"wp-block-paragraph\">851 \u00d7 315<\/p>\n\n<\/td>\n\n<td  class=\"kb-table-data kb-table-data59_389746-95\">\n\n<p class=\"wp-block-paragraph\">Displays ~820 \u00d7 312 on desktop, 640 \u00d7 360 on mobile, so center the subject.<\/p>\n\n<\/td>\n<\/tr>\n\n<tr class=\"kb-table-row kb-table-row59_9dd2d6-be\">\n<td  class=\"kb-table-data kb-table-data59_66e0d4-20\">\n\n<p class=\"wp-block-paragraph\">X (Twitter) header<\/p>\n\n<\/td>\n\n<td  class=\"kb-table-data kb-table-data59_79bcc0-c0\">\n\n<p class=\"wp-block-paragraph\">1500 \u00d7 500<\/p>\n\n<\/td>\n\n<td  class=\"kb-table-data kb-table-data59_224a0e-03\">\n\n<p class=\"wp-block-paragraph\">Only the middle ~1250 \u00d7 400 is safe from cropping.<\/p>\n\n<\/td>\n<\/tr>\n\n<tr class=\"kb-table-row kb-table-row59_87e7df-d0\">\n<td  class=\"kb-table-data kb-table-data59_e9a4e5-3d\">\n\n<p class=\"wp-block-paragraph\">LinkedIn personal banner<\/p>\n\n<\/td>\n\n<td  class=\"kb-table-data kb-table-data59_f429ed-d4\">\n\n<p class=\"wp-block-paragraph\">1584 \u00d7 396<\/p>\n\n<\/td>\n\n<td  class=\"kb-table-data kb-table-data59_8254ea-b5\">\n\n<p class=\"wp-block-paragraph\">Your profile photo covers the lower left. Keep that corner clear.<\/p>\n\n<\/td>\n<\/tr>\n\n<tr class=\"kb-table-row kb-table-row59_5c7ba8-2c\">\n<td  class=\"kb-table-data kb-table-data59_3e9380-0b\">\n\n<p class=\"wp-block-paragraph\">Full-width website image<\/p>\n\n<\/td>\n\n<td  class=\"kb-table-data kb-table-data59_5a6f19-e8\">\n\n<p class=\"wp-block-paragraph\">~1920 wide<\/p>\n\n<\/td>\n\n<td  class=\"kb-table-data kb-table-data59_1aac42-4f\">\n\n<p class=\"wp-block-paragraph\">Enough for most desktop screens without waste.<\/p>\n\n<\/td>\n<\/tr>\n\n<tr class=\"kb-table-row kb-table-row59_e66d28-8d\">\n<td  class=\"kb-table-data kb-table-data59_9e3bbe-0b\">\n\n<p class=\"wp-block-paragraph\">Blog inline image<\/p>\n\n<\/td>\n\n<td  class=\"kb-table-data kb-table-data59_218ed0-fd\">\n\n<p class=\"wp-block-paragraph\">~1200 wide<\/p>\n\n<\/td>\n\n<td  class=\"kb-table-data kb-table-data59_7b19ad-ef\">\n\n<p class=\"wp-block-paragraph\">Compress to comfortably under 200 KB where you can.<\/p>\n\n<\/td>\n<\/tr>\n<\/table><\/div>\n\n\n<p class=\"wp-block-paragraph\">And a note the size charts rarely include: don&#8217;t upload a 5000 px photo just because the platform accepts it. The platform will recompress it with settings you don&#8217;t control. Deliver the exact display size yourself and you keep that decision.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Mistakes that quietly ruin your images<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Enlarging past the limits above and hoping.<\/strong>&nbsp;If the source is small, budget for 2\u00d7 (classic) or 4\u00d7 (AI) and plan around that.<\/li>\n\n\n\n<li><strong>Editing the only copy.<\/strong>&nbsp;Keep one untouched original per photo. Every export should be a fresh copy from it, so mistakes cost nothing.<\/li>\n\n\n\n<li><strong>Saving JPG over JPG over JPG.<\/strong>&nbsp;Generational loss is real and it compounds. This is the slow leak that makes year-old images look worn out.<\/li>\n\n\n\n<li><strong>Accidentally unlocking the aspect ratio.<\/strong>&nbsp;The result is subtly stretched faces that viewers notice before they can say why.<\/li>\n\n\n\n<li><strong>Wrong format for the content.<\/strong>&nbsp;JPG smears logo edges; PNG bloats photos to several megabytes. Match the format to the content, not habit.<\/li>\n\n\n\n<li><strong>Skipping the 100% zoom check.<\/strong>&nbsp;Thirty seconds of inspection catches what an hour of re-editing would otherwise fix later.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Frequently asked questions<\/h2>\n\n\n<style>.kt-accordion-id59_3376e1-6c .kt-accordion-inner-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:10px;}.kt-accordion-id59_3376e1-6c .kt-accordion-panel-inner{border-top:0px solid transparent;border-right:0px solid transparent;border-bottom:0px solid transparent;border-left:0px solid transparent;background:#ffffff;padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-right:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);padding-left:var(--global-kb-spacing-sm, 1.5rem);}.kt-accordion-id59_3376e1-6c > .kt-accordion-inner-wrap > .wp-block-kadence-pane > .kt-accordion-header-wrap > .kt-blocks-accordion-header{border-top:1px solid #e7eaf0;border-right:1px solid #e7eaf0;border-bottom:1px solid #e7eaf0;border-left:1px solid #e7eaf0;border-top-left-radius:12px;border-top-right-radius:12px;border-bottom-right-radius:12px;border-bottom-left-radius:12px;background:#f2f2f2;font-size:17px;color:#1f2430;padding-top:14px;padding-right:15px;padding-bottom:14px;padding-left:15px;}.kt-accordion-id59_3376e1-6c:not( .kt-accodion-icon-style-basiccircle ):not( .kt-accodion-icon-style-xclosecircle ):not( .kt-accodion-icon-style-arrowcircle )  > .kt-accordion-inner-wrap > .wp-block-kadence-pane > .kt-accordion-header-wrap .kt-blocks-accordion-icon-trigger:after, .kt-accordion-id59_3376e1-6c:not( .kt-accodion-icon-style-basiccircle ):not( .kt-accodion-icon-style-xclosecircle ):not( .kt-accodion-icon-style-arrowcircle )  > .kt-accordion-inner-wrap > .wp-block-kadence-pane > .kt-accordion-header-wrap .kt-blocks-accordion-icon-trigger:before{background:#1f2430;}.kt-accordion-id59_3376e1-6c .kt-accordion-panel-inner, .kt-accordion-id59_3376e1-6c .kt-accordion-panel-inner h1, .kt-accordion-id59_3376e1-6c .kt-accordion-panel-inner h2, .kt-accordion-id59_3376e1-6c .kt-accordion-panel-inner h3, .kt-accordion-id59_3376e1-6c .kt-accordion-panel-inner h4, .kt-accordion-id59_3376e1-6c .kt-accordion-panel-inner h5, .kt-accordion-id59_3376e1-6c .kt-accordion-panel-inner h6{color:#3a4150;}.kt-accordion-id59_3376e1-6c:not( .kt-accodion-icon-style-basic ):not( .kt-accodion-icon-style-xclose ):not( .kt-accodion-icon-style-arrow ) .kt-blocks-accordion-icon-trigger{background:#1f2430;}.kt-accordion-id59_3376e1-6c:not( .kt-accodion-icon-style-basic ):not( .kt-accodion-icon-style-xclose ):not( .kt-accodion-icon-style-arrow ) .kt-blocks-accordion-icon-trigger:after, .kt-accordion-id59_3376e1-6c:not( .kt-accodion-icon-style-basic ):not( .kt-accodion-icon-style-xclose ):not( .kt-accodion-icon-style-arrow ) .kt-blocks-accordion-icon-trigger:before{background:#f2f2f2;}.kt-accordion-id59_3376e1-6c > .kt-accordion-inner-wrap > .wp-block-kadence-pane > .kt-accordion-header-wrap > .kt-blocks-accordion-header:hover, \n\t\t\t\tbody:not(.hide-focus-outline) .kt-accordion-id59_3376e1-6c .kt-blocks-accordion-header:focus-visible{color:#1f2430;background:#eeeeee;border-top:1px solid #878787;border-right:1px solid #878787;border-bottom:1px solid #878787;border-left:1px solid #878787;}.kt-accordion-id59_3376e1-6c:not( .kt-accodion-icon-style-basiccircle ):not( .kt-accodion-icon-style-xclosecircle ):not( .kt-accodion-icon-style-arrowcircle ) .kt-accordion-header-wrap .kt-blocks-accordion-header:hover .kt-blocks-accordion-icon-trigger:after, .kt-accordion-id59_3376e1-6c:not( .kt-accodion-icon-style-basiccircle ):not( .kt-accodion-icon-style-xclosecircle ):not( .kt-accodion-icon-style-arrowcircle ) .kt-accordion-header-wrap .kt-blocks-accordion-header:hover .kt-blocks-accordion-icon-trigger:before, body:not(.hide-focus-outline) .kt-accordion-id59_3376e1-6c:not( .kt-accodion-icon-style-basiccircle ):not( .kt-accodion-icon-style-xclosecircle ):not( .kt-accodion-icon-style-arrowcircle ) .kt-blocks-accordion--visible .kt-blocks-accordion-icon-trigger:after, body:not(.hide-focus-outline) .kt-accordion-id59_3376e1-6c:not( .kt-accodion-icon-style-basiccircle ):not( .kt-accodion-icon-style-xclosecircle ):not( .kt-accodion-icon-style-arrowcircle ) .kt-blocks-accordion-header:focus-visible .kt-blocks-accordion-icon-trigger:before{background:#1f2430;}.kt-accordion-id59_3376e1-6c:not( .kt-accodion-icon-style-basic ):not( .kt-accodion-icon-style-xclose ):not( .kt-accodion-icon-style-arrow ) .kt-accordion-header-wrap .kt-blocks-accordion-header:hover .kt-blocks-accordion-icon-trigger, body:not(.hide-focus-outline) .kt-accordion-id59_3376e1-6c:not( .kt-accodion-icon-style-basic ):not( .kt-accodion-icon-style-xclose ):not( .kt-accodion-icon-style-arrow ) .kt-accordion-header-wrap .kt-blocks-accordion-header:focus-visible .kt-blocks-accordion-icon-trigger{background:#1f2430;}.kt-accordion-id59_3376e1-6c:not( .kt-accodion-icon-style-basic ):not( .kt-accodion-icon-style-xclose ):not( .kt-accodion-icon-style-arrow ) .kt-accordion-header-wrap .kt-blocks-accordion-header:hover .kt-blocks-accordion-icon-trigger:after, .kt-accordion-id59_3376e1-6c:not( .kt-accodion-icon-style-basic ):not( .kt-accodion-icon-style-xclose ):not( .kt-accodion-icon-style-arrow ) .kt-accordion-header-wrap .kt-blocks-accordion-header:hover .kt-blocks-accordion-icon-trigger:before, body:not(.hide-focus-outline) .kt-accordion-id59_3376e1-6c:not( .kt-accodion-icon-style-basic ):not( .kt-accodion-icon-style-xclose ):not( .kt-accodion-icon-style-arrow ) .kt-accordion-header-wrap .kt-blocks-accordion-header:focus-visible .kt-blocks-accordion-icon-trigger:after, body:not(.hide-focus-outline) .kt-accordion-id59_3376e1-6c:not( .kt-accodion-icon-style-basic ):not( .kt-accodion-icon-style-xclose ):not( .kt-accodion-icon-style-arrow ) .kt-accordion-header-wrap .kt-blocks-accordion-header:focus-visible .kt-blocks-accordion-icon-trigger:before{background:#eeeeee;}.kt-accordion-id59_3376e1-6c .kt-accordion-header-wrap .kt-blocks-accordion-header:focus-visible,\n\t\t\t\t.kt-accordion-id59_3376e1-6c > .kt-accordion-inner-wrap > .wp-block-kadence-pane > .kt-accordion-header-wrap > .kt-blocks-accordion-header.kt-accordion-panel-active{color:#1f2430;background:#f2f2f2;border-top:1px solid #878787;border-right:1px solid #878787;border-bottom:1px solid #878787;border-left:1px solid #878787;}.kt-accordion-id59_3376e1-6c:not( .kt-accodion-icon-style-basiccircle ):not( .kt-accodion-icon-style-xclosecircle ):not( .kt-accodion-icon-style-arrowcircle )  > .kt-accordion-inner-wrap > .wp-block-kadence-pane > .kt-accordion-header-wrap > .kt-blocks-accordion-header.kt-accordion-panel-active .kt-blocks-accordion-icon-trigger:after, .kt-accordion-id59_3376e1-6c:not( .kt-accodion-icon-style-basiccircle ):not( .kt-accodion-icon-style-xclosecircle ):not( .kt-accodion-icon-style-arrowcircle )  > .kt-accordion-inner-wrap > .wp-block-kadence-pane > .kt-accordion-header-wrap > .kt-blocks-accordion-header.kt-accordion-panel-active .kt-blocks-accordion-icon-trigger:before{background:#1f2430;}.kt-accordion-id59_3376e1-6c:not( .kt-accodion-icon-style-basic ):not( .kt-accodion-icon-style-xclose ):not( .kt-accodion-icon-style-arrow ) .kt-blocks-accordion-header.kt-accordion-panel-active .kt-blocks-accordion-icon-trigger{background:#1f2430;}.kt-accordion-id59_3376e1-6c:not( .kt-accodion-icon-style-basic ):not( .kt-accodion-icon-style-xclose ):not( .kt-accodion-icon-style-arrow ) .kt-blocks-accordion-header.kt-accordion-panel-active .kt-blocks-accordion-icon-trigger:after, .kt-accordion-id59_3376e1-6c:not( .kt-accodion-icon-style-basic ):not( .kt-accodion-icon-style-xclose ):not( .kt-accodion-icon-style-arrow ) .kt-blocks-accordion-header.kt-accordion-panel-active .kt-blocks-accordion-icon-trigger:before{background:#f2f2f2;}@media all and (max-width: 1024px){.kt-accordion-id59_3376e1-6c .kt-accordion-panel-inner{border-top:0px solid transparent;border-right:0px solid transparent;border-bottom:0px solid transparent;border-left:0px solid transparent;}}@media all and (max-width: 1024px){.kt-accordion-id59_3376e1-6c > .kt-accordion-inner-wrap > .wp-block-kadence-pane > .kt-accordion-header-wrap > .kt-blocks-accordion-header{border-top:1px solid #e7eaf0;border-right:1px solid #e7eaf0;border-bottom:1px solid #e7eaf0;border-left:1px solid #e7eaf0;}}@media all and (max-width: 1024px){.kt-accordion-id59_3376e1-6c > .kt-accordion-inner-wrap > .wp-block-kadence-pane > .kt-accordion-header-wrap > .kt-blocks-accordion-header:hover, \n\t\t\t\tbody:not(.hide-focus-outline) .kt-accordion-id59_3376e1-6c .kt-blocks-accordion-header:focus-visible{border-top:1px solid #878787;border-right:1px solid #878787;border-bottom:1px solid #878787;border-left:1px solid #878787;}}@media all and (max-width: 1024px){.kt-accordion-id59_3376e1-6c .kt-accordion-header-wrap .kt-blocks-accordion-header:focus-visible,\n\t\t\t\t.kt-accordion-id59_3376e1-6c > .kt-accordion-inner-wrap > .wp-block-kadence-pane > .kt-accordion-header-wrap > .kt-blocks-accordion-header.kt-accordion-panel-active{border-top:1px solid #878787;border-right:1px solid #878787;border-bottom:1px solid #878787;border-left:1px solid #878787;}}@media all and (max-width: 767px){.kt-accordion-id59_3376e1-6c .kt-accordion-inner-wrap{display:block;}.kt-accordion-id59_3376e1-6c .kt-accordion-inner-wrap .kt-accordion-pane:not(:first-child){margin-top:10px;}.kt-accordion-id59_3376e1-6c .kt-accordion-panel-inner{border-top:0px solid transparent;border-right:0px solid transparent;border-bottom:0px solid transparent;border-left:0px solid transparent;}.kt-accordion-id59_3376e1-6c > .kt-accordion-inner-wrap > .wp-block-kadence-pane > .kt-accordion-header-wrap > .kt-blocks-accordion-header{border-top:1px solid #e7eaf0;border-right:1px solid #e7eaf0;border-bottom:1px solid #e7eaf0;border-left:1px solid #e7eaf0;}.kt-accordion-id59_3376e1-6c > .kt-accordion-inner-wrap > .wp-block-kadence-pane > .kt-accordion-header-wrap > .kt-blocks-accordion-header:hover, \n\t\t\t\tbody:not(.hide-focus-outline) .kt-accordion-id59_3376e1-6c .kt-blocks-accordion-header:focus-visible{border-top:1px solid #878787;border-right:1px solid #878787;border-bottom:1px solid #878787;border-left:1px solid #878787;}.kt-accordion-id59_3376e1-6c .kt-accordion-header-wrap .kt-blocks-accordion-header:focus-visible,\n\t\t\t\t.kt-accordion-id59_3376e1-6c > .kt-accordion-inner-wrap > .wp-block-kadence-pane > .kt-accordion-header-wrap > .kt-blocks-accordion-header.kt-accordion-panel-active{border-top:1px solid #878787;border-right:1px solid #878787;border-bottom:1px solid #878787;border-left:1px solid #878787;}}<\/style>\n<div class=\"wp-block-kadence-accordion alignnone\"><div class=\"kt-accordion-wrap kt-accordion-id59_3376e1-6c kt-accordion-has-6-panes kt-active-pane-0 kt-accordion-block kt-pane-header-alignment-left kt-accodion-icon-style-basic kt-accodion-icon-side-right\" style=\"max-width:none\"><div class=\"kt-accordion-inner-wrap\" data-allow-multiple-open=\"true\" data-start-open=\"none\">\n<div class=\"wp-block-kadence-pane kt-accordion-pane kt-accordion-pane-1 kt-pane59_318d9b-b1\"><div class=\"kt-accordion-header-wrap\"><button class=\"kt-blocks-accordion-header kt-acccordion-button-label-show\" type=\"button\"><span class=\"kt-blocks-accordion-title-wrap\"><span class=\"kt-blocks-accordion-title\">Does resizing an image reduce its quality?<\/span><\/span><span class=\"kt-blocks-accordion-icon-trigger\"><\/span><\/button><\/div><div class=\"kt-accordion-panel kt-accordion-panel-hidden\"><div class=\"kt-accordion-panel-inner\">\n<p class=\"wp-block-paragraph\">Only in one direction. Scaling down discards pixels you didn&#8217;t need and stays sharp. Scaling up forces the software to invent pixels, which shows as blur. Heavy compression on export is the other common cause, and it&#8217;s separate from the resize itself.<\/p>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-kadence-pane kt-accordion-pane kt-accordion-pane-2 kt-pane59_e1145b-0f\"><div class=\"kt-accordion-header-wrap\"><button class=\"kt-blocks-accordion-header kt-acccordion-button-label-show\" type=\"button\"><span class=\"kt-blocks-accordion-title-wrap\"><span class=\"kt-blocks-accordion-title\">How do I make an image bigger without it getting blurry?<\/span><\/span><span class=\"kt-blocks-accordion-icon-trigger\"><\/span><\/button><\/div><div class=\"kt-accordion-panel kt-accordion-panel-hidden\"><div class=\"kt-accordion-panel-inner\">\n<p class=\"wp-block-paragraph\">Start from the largest original available and use AI upscaling rather than a standard resize. AI reconstruction stays convincing up to roughly 4\u00d7 the original size. Beyond that, or from a tiny compressed source, some blur is unavoidable no matter the tool.<\/p>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-kadence-pane kt-accordion-pane kt-accordion-pane-3 kt-pane59_03cf53-de\"><div class=\"kt-accordion-header-wrap\"><button class=\"kt-blocks-accordion-header kt-acccordion-button-label-show\" type=\"button\"><span class=\"kt-blocks-accordion-title-wrap\"><span class=\"kt-blocks-accordion-title\">Why does my image look blurry after resizing even though I made it smaller?<\/span><\/span><span class=\"kt-blocks-accordion-icon-trigger\"><\/span><\/button><\/div><div class=\"kt-accordion-panel kt-accordion-panel-hidden\"><div class=\"kt-accordion-panel-inner\">\n<p class=\"wp-block-paragraph\">Usually the compression, not the resize. Exporting at a very low JPG quality creates blur and blocky artifacts at any size. Re-export from the original at 80\u201385% quality, then check at 100% zoom. Also confirm you didn&#8217;t accidentally enlarge one dimension.<\/p>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-kadence-pane kt-accordion-pane kt-accordion-pane-4 kt-pane59_cb04d8-77\"><div class=\"kt-accordion-header-wrap\"><button class=\"kt-blocks-accordion-header kt-acccordion-button-label-show\" type=\"button\"><span class=\"kt-blocks-accordion-title-wrap\"><span class=\"kt-blocks-accordion-title\">What&#8217;s the best format when resizing images for the web?<\/span><\/span><span class=\"kt-blocks-accordion-icon-trigger\"><\/span><\/button><\/div><div class=\"kt-accordion-panel kt-accordion-panel-hidden\"><div class=\"kt-accordion-panel-inner\">\n<p class=\"wp-block-paragraph\">WEBP for most cases. It&#8217;s around 25\u201330% smaller than comparable JPG or PNG and every modern browser supports it. Use PNG when you need transparency or perfect graphic edges, and SVG for logos and icons that must scale to any size.<\/p>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-kadence-pane kt-accordion-pane kt-accordion-pane-5 kt-pane59_e84d47-80\"><div class=\"kt-accordion-header-wrap\"><button class=\"kt-blocks-accordion-header kt-acccordion-button-label-show\" type=\"button\"><span class=\"kt-blocks-accordion-title-wrap\"><span class=\"kt-blocks-accordion-title\">What size should Instagram posts be in 2026?<\/span><\/span><span class=\"kt-blocks-accordion-icon-trigger\"><\/span><\/button><\/div><div class=\"kt-accordion-panel kt-accordion-panel-hidden\"><div class=\"kt-accordion-panel-inner\">\n<p class=\"wp-block-paragraph\">1080 \u00d7 1350 (4:5 portrait) is the shape to design for first, since Instagram now favors it in the feed. Squares at 1080 \u00d7 1080 still display fine, and stories and Reels stay 1080 \u00d7 1920.<\/p>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-kadence-pane kt-accordion-pane kt-accordion-pane-6 kt-pane59_0b2954-7f\"><div class=\"kt-accordion-header-wrap\"><button class=\"kt-blocks-accordion-header kt-acccordion-button-label-show\" type=\"button\"><span class=\"kt-blocks-accordion-title-wrap\"><span class=\"kt-blocks-accordion-title\">What size should images be on a website?<\/span><\/span><span class=\"kt-blocks-accordion-icon-trigger\"><\/span><\/button><\/div><div class=\"kt-accordion-panel kt-accordion-panel-hidden\"><div class=\"kt-accordion-panel-inner\">\n<p class=\"wp-block-paragraph\">Match the display size: roughly 1920 px wide for full-width banners and 1200 px for inline blog images, compressed before upload. Oversized images are the single most common cause of slow pages.<\/p>\n<\/div><\/div><\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n<\/div><\/div>\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Resizing down keeps photos sharp. It&#8217;s upscaling and compression that ruin them. Exact steps, honest AI upscaling limits, and current sizes for every platform.<\/p>\n","protected":false},"author":1,"featured_media":105,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"categories":[5],"tags":[],"class_list":["post-59","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-editing"],"_links":{"self":[{"href":"https:\/\/artsflick.com\/blog\/wp-json\/wp\/v2\/posts\/59","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/artsflick.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/artsflick.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/artsflick.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/artsflick.com\/blog\/wp-json\/wp\/v2\/comments?post=59"}],"version-history":[{"count":37,"href":"https:\/\/artsflick.com\/blog\/wp-json\/wp\/v2\/posts\/59\/revisions"}],"predecessor-version":[{"id":153,"href":"https:\/\/artsflick.com\/blog\/wp-json\/wp\/v2\/posts\/59\/revisions\/153"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/artsflick.com\/blog\/wp-json\/wp\/v2\/media\/105"}],"wp:attachment":[{"href":"https:\/\/artsflick.com\/blog\/wp-json\/wp\/v2\/media?parent=59"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/artsflick.com\/blog\/wp-json\/wp\/v2\/categories?post=59"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/artsflick.com\/blog\/wp-json\/wp\/v2\/tags?post=59"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}