Ad Banner Resolution and Quality: How High Should You Go? (2026)
ImageFactory Engineering · Published 2026-06-18
The baseline for ad banner quality is simple: build and export at 2x (retina) — twice the size the banner is displayed at. A banner shown at 300×250 should be produced at 600×500. Export only at 1x and it looks soft on high-density screens like iPhones and MacBooks. But you do not need to push everything to 2K or 4K — oversized resolution just bloats the file and slows loading.
Why do I need to build at 2x?
Most phones and laptops today have high-density (retina) displays. A device pixel ratio (DPR) of 2 means one CSS pixel is drawn with a 2×2 grid — four physical pixels (ImageKit). So an image built at the exact display size (1x) only carries a quarter of the pixel information the screen wants to fill, which is why it looks blurry.
The fix is straightforward: display size × 2 = build size. Drop a 600×500 image into a 300×250 slot. A 2x image like this renders much sharper and richer on high-res screens (Sleepless Media). For recommended specs per placement, see the full size guide.
So when do 2K and 4K actually matter?
For most web and app banners, 2x is plenty and 4K is overkill. 4K earns its weight only in specific cases:
- Large print or out-of-home: bigger physical output needs more pixels.
- Full-screen key visuals and landing heroes: large images filling a desktop 4K monitor.
- Source visuals you may crop or scale up later.
Conversely, building a 320×50 mobile banner or a 300×250 rectangle at 4K gives almost no quality gain and explodes the file size. The rule is: anchor on 2x of the actual displayed size, and only go higher when the canvas is genuinely large.
How much do file-size limits differ by platform?
Higher quality means bigger files, and every platform caps them differently. The key benchmarks:
- Google Display (uploaded image ads): max 150 KB (Google Ads Help). Responsive display ad images allow up to 5 MB.
- Meta (Facebook/Instagram): a hard limit of 30 MB, but the recommendation is under 1 MB (ideally under 500 KB). Recommended feed and carousel resolution is 1080×1080 (Hootsuite).
This is where it gets tricky. Google Display's tight 150 KB ceiling means a crisp 2x image dropped in as-is often gets rejected. So you have to build at 2x but compress aggressively.
How do I cut file size without losing crispness?
Good news: retina images are friendly to compression. Because they pack so many pixels, the artifacts compression introduces are barely visible on screen (Sleepless Media). In other words, a 2x image survives heavier compression than a 1x image. In practice:
- Export as WebP or AVIF: smaller than JPEG at the same quality, often making a 2x image lighter than a 1x JPEG.
- Push JPEG quality lower: at 2x, quality of 60-75% looks virtually identical on screen.
- Downscale from a master: derive small sizes by shrinking the large master. Scaling a small image up breaks it.
One last trap. When you move one design across aspect ratios, a careless AI resize squashes or stretches the image — the shape breaks before quality even enters the picture. We cover that in why AI resize squashes images.
Checklist
- Built at 2x the display size
- Reserved 4K for genuinely large needs (print, full-screen)
- Checked the target platform's file-size limit (Google 150 KB, etc.)
- Reduced weight with WebP/AVIF or appropriate JPEG compression
- Derived small sizes by downscaling from a large master (never upscale)
- Text and logos still crisp after compression
How ImageFactory guarantees quality
Matching resolution, file weight, and platform specs by hand every time is tedious. ImageFactory outputs ad creative at up to 2K/4K resolution and applies per-platform file specs automatically. So you get crisp, spec-compliant exports without any manual re-exporting.
From a single master (or product cutout), it generates style variations and adapts them automatically across 1,400+ placements and 110+ platforms. Throughout, text and logos are preserved, safe zones are respected automatically, and shape distortion stays in the 0-2% range. It supports 15 languages and Figma/Photoshop plugins, with a 14-day free trial to start.
Crispness ultimately comes from one structure: precisely shrinking down from a large master. If you also want to lock in style and variation, see the ad creative styles guide.