Image Resizer
Resize images to any dimension while maintaining aspect ratio.
Why Your Image Looks Blurry on Retina Screens — and How to Fix It
Apple's Retina displays and equivalent HiDPI screens from other manufacturers pack 2x or 3x the physical pixels into the same screen area compared to standard displays. A phone screen that appears to be 390px wide is actually rendering 1170 physical pixels (3x density). When you place a 390px image on such a display, the browser must stretch each pixel to cover 3×3 physical pixels, creating the "blurry photo" effect that users notice immediately on product pages and portfolio sites.
The fix is straightforward but often misunderstood: your displayed image should be served at 2x its CSS dimensions for HiDPI screens. If your layout shows an image at 400px wide, you need a source file that is 800px wide. The browser then downsamples to fit the CSS dimensions on standard screens (where the image looks sharp because it has more data than needed) and renders at native resolution on HiDPI screens.
Platform-Specific Dimensions: The Exact Numbers
Every major platform has documented, tested optimal sizes. Using incorrect dimensions means the platform will crop or stretch your image in ways you cannot control:
- Instagram post: 1080×1080px (square), 1080×1350px (portrait 4:5), 1080×566px (landscape)
- Instagram story / TikTok: 1080×1920px (9:16 vertical full-screen)
- Facebook cover: 851×315px (desktop) — appears as 820×312px on mobile
- Twitter/X profile header: 1500×500px; safe zone for text: center 1260×360px
- LinkedIn company cover: 1128×191px (the actual recommended spec, not the commonly cited wrong numbers)
- YouTube thumbnail: 1280×720px minimum; 2560×1440px for channel art
- Open Graph / social share image: 1200×630px (renders at 600×315px on many platforms)
- Full HD wallpaper: 1920×1080px; 4K: 3840×2160px
- Standard print at 300 DPI: A4 page = 2480×3508px; US Letter = 2550×3300px
Downsampling Algorithms: Why Method Matters
When reducing image dimensions, the algorithm used to combine pixels determines output sharpness. Nearest-neighbor (the fastest method) creates blocky, pixelated results — it should only be used for pixel art. Bilinear interpolation is faster but can produce slightly soft results. Bicubic and Lanczos algorithms analyze a larger neighborhood of surrounding pixels and produce sharper, more detailed downsampled images. For most use cases, high-quality bicubic resampling gives the best results without visible softness.
Upscaling Limitations
Enlarging an image beyond its original dimensions never adds real detail. Standard upscaling (bicubic) distributes existing pixel values across a larger grid, resulting in a blurry image. AI-based upscaling tools (such as those using super-resolution neural networks) can infer and synthesize plausible detail, but these are separate tools from standard resizing. If your source image is too small for your target use case, the best solution is to obtain a higher-resolution source.
How to Resize
- Upload your image by clicking or dragging it onto the tool.
- Enter your target width and/or height in pixels.
- Enable "Maintain Aspect Ratio" to avoid distortion — disable only when you need an exact canvas size.
- Click "Resize" and download the result.
◤ Frequently Asked
01 Why does my resized image look blurry after I enlarge it?
Upscaling cannot create detail that does not exist in the source file. When you enlarge an image, the algorithm must invent pixel values for the new pixels by interpolating between existing ones — the result is mathematically smooth but perceptually soft. For significant upscaling, AI super-resolution tools can synthesize plausible detail, but standard resizers cannot. The fix is to use a higher-resolution source image.
02 What is the correct image size for Instagram?
Instagram recommends 1080px wide for all post types. Heights vary: 1080px for square (1:1), 1350px for portrait (4:5, which gets the most screen real estate in the feed), and 566px for landscape (1.91:1). Stories and Reels use 1080×1920px (9:16). Instagram will compress images above these dimensions without quality benefit.
03 Does resizing reduce file size?
Yes, significantly. A 4000×3000px photo at quality 85 might be 3MB. Resizing to 1200×900px and re-saving typically produces a 200–400KB file — a 85–90% reduction. This is because file size scales roughly with the number of pixels (width × height), so halving the dimensions quarters the pixel count and proportionally reduces file size.
04 What does maintaining aspect ratio mean, and when should I disable it?
Aspect ratio is the proportional relationship between width and height. Maintaining it means if you set width to 800px on a 1600×900 image, height automatically becomes 450px — the image scales without distortion. Disable aspect ratio lock only when you need an exact canvas size for a specific platform (like a Facebook cover that must be exactly 851×315px), accepting that some cropping or stretching will occur.
