Why Image Sizing Matters
Using properly sized images is crucial for web performance, social media, and professional presentations. An oversized image slows your website, while an undersized one looks pixelated.
Social Media Image Sizes (2026)
| Platform | Profile Photo | Post Image | Cover/Banner |
|---|---|---|---|
| 320x320 | 1080x1080 | - | |
| 170x170 | 1200x630 | 820x312 | |
| Twitter/X | 400x400 | 1200x675 | 1500x500 |
| 400x400 | 1200x627 | 1584x396 | |
| YouTube | 800x800 | 1280x720 | 2560x1440 |
Resize vs Crop: What's the Difference?
- Resize: Changes the dimensions of the entire image (scaling up or down). The whole image is preserved but at different dimensions
- Crop: Cuts away parts of the image, keeping only a selected area at its original resolution
Maintaining Aspect Ratio
When resizing, always maintain the aspect ratio to avoid distortion:
// If original is 1920x1080 (16:9)
// and you want width = 800
newHeight = 800 * (1080 / 1920) = 450
// Result: 800x450 (still 16:9)Common Aspect Ratios
| Ratio | Use Case |
|---|---|
| 1:1 | Instagram posts, profile photos |
| 4:3 | Standard photography, presentations |
| 16:9 | YouTube, widescreen displays |
| 9:16 | Stories, Reels, TikTok |
| 3:2 | DSLR photography |
Web Performance Tips
- Use appropriate dimensions - don't serve a 4000px image for a 400px container
- Consider using WebP or AVIF formats for better compression
- Implement responsive images with
srcsetfor different screen sizes - Lazy-load images below the fold
Resize or crop any image instantly with the PureTools Image Resize and Image Crop tools. All processing happens in your browser - no upload to external servers, completely free and private.