How to Resize Images for Web, Social Media & Print
Uploading an image at the wrong size is one of the most common and costly mistakes in web design and content creation. Too large, and you're wasting bandwidth and slowing down your page. Too small, and images appear pixelated and unprofessional. Every platform — from Instagram to Google to your WordPress site — has its own ideal dimensions, and knowing them can save you hours of rework.
This guide covers everything you need to know about resizing images correctly: the key concepts, platform-by-platform dimension cheat sheets, how to handle aspect ratios, and how to resize images in seconds using our free browser-based tool.
The Basics: Pixels, Resolution, and Aspect Ratio
Pixels (px)
Every digital image is made up of tiny colored squares called pixels. When we say an image is "1920×1080," we mean it is 1920 pixels wide and 1080 pixels tall. More pixels generally means more detail — but also larger file sizes.
Resolution (DPI / PPI)
Resolution describes how many pixels are packed into each inch of physical space. Screen resolution is typically 72–96 DPI — this is the standard for web images. Print resolution requires 300 DPI for sharp results. An image that looks crisp on screen at 800×600 may appear blurry when printed because it lacks the pixel density for physical reproduction.
Aspect Ratio
Aspect ratio is the proportional relationship between width and height. A 1920×1080 image has a 16:9 ratio. An 1080×1080 image has a 1:1 ratio (square). When you resize an image and change the aspect ratio without scaling both dimensions proportionally, the result is a distorted, stretched image. Always lock aspect ratio when resizing unless you intentionally want to change the proportions.
Image Dimensions for Websites
For web use, the goal is to serve images at the exact size they will be displayed — not larger. Sending a 3000px wide image to fill a 600px column wastes bandwidth, slows loading, and hurts your Core Web Vitals scores.
| Use Case | Recommended Dimensions | Notes |
|---|---|---|
| Hero / Banner Image | 1920 × 600–900 px | Compress to under 300KB |
| Blog Featured Image | 1200 × 630 px | Also ideal for social sharing |
| Blog Inline Image | 800 × auto px | Match your content column width |
| Product Image | 800 × 800 px | Square format works across platforms |
| Thumbnail | 300 × 200 px | Under 30KB |
| Avatar / Profile | 200 × 200 px | Minimum 100×100 for retina |
| Favicon | 32 × 32 px | Also provide 16×16 and 48×48 |
Social Media Image Dimensions (2025)
- Square post: 1080 × 1080 px (1:1)
- Portrait post: 1080 × 1350 px (4:5) — takes up more feed space
- Landscape post: 1080 × 566 px (1.91:1)
- Story / Reel: 1080 × 1920 px (9:16)
- Profile photo: 320 × 320 px
- Feed post image: 1200 × 630 px
- Cover photo: 820 × 312 px (desktop) / 640 × 360 px (mobile)
- Profile photo: 170 × 170 px
- Story: 1080 × 1920 px
- Event cover: 1920 × 1005 px
🐦 X (Twitter)
- In-stream image: 1600 × 900 px (16:9)
- Header photo: 1500 × 500 px
- Profile photo: 400 × 400 px
- Post image: 1200 × 627 px
- Company cover: 1128 × 191 px
- Profile photo: 400 × 400 px
- Article cover: 744 × 400 px
Print Image Dimensions
Print requires significantly higher resolution than screen. The golden rule is 300 DPI at the intended print size. Here's how that translates to pixel dimensions for common print sizes:
| Print Size | Required Pixels (300 DPI) | Notes |
|---|---|---|
| A4 (210×297mm) | 2480 × 3508 px | Standard document/poster |
| A5 (148×210mm) | 1748 × 2480 px | Flyers, brochures |
| 4×6 inch photo | 1200 × 1800 px | Standard print size |
| 5×7 inch photo | 1500 × 2100 px | Portrait / greeting cards |
| 8×10 inch photo | 2400 × 3000 px | Large print quality |
| Business card | 1050 × 600 px | With 3mm bleed area |
How to Resize Images the Right Way
- Start with your original file. Never resize a file that has already been resized or heavily compressed. Always go back to your highest-quality source.
- Decide your target dimensions. Use the cheat sheets above for your platform. For web, match your display size exactly.
- Lock aspect ratio. Unless you're intentionally cropping to a different shape, keep the lock enabled to prevent distortion.
- Choose your output format. JPEG for photos going to web or print. PNG if transparency is needed. WebP for modern web use.
- Compress after resizing. Resize first, then compress — in that order. Resizing a smaller image compresses faster and more efficiently.
📐 Free Image Resizer
Resize by pixels, percentage, or popular platform presets. Aspect ratio lock included. No uploads needed.
Resize Images Now →Retina and High-DPI Displays
Modern smartphones and many laptop screens are "retina" or high-DPI displays — they pack 2× or even 3× the pixels into the same physical space. An image displayed at 400px wide on a retina screen actually needs 800 pixels of data to look sharp. For important images — product photos, hero images, logos — consider providing images at 2× your target display size and letting CSS scale them down. This ensures crisp display on both standard and high-DPI screens.
Summary
Resizing images correctly is about matching pixel dimensions to their intended display or print size, preserving aspect ratio to avoid distortion, and using the right resolution for the medium. Keep the social media dimension cheat sheets bookmarked — platform requirements change periodically. And remember: always resize from your original high-resolution source, never from a previously compressed or scaled-down copy. Our free Image Resizer includes all the popular presets built in, so you can resize for any platform in just a few clicks.