Skip to content
Image Resize Guide: Perfect Dimensions for Web & Social Media

Image Resize Guide: Perfect Dimensions for Web & Social Media

4 min read

Why Image Dimensions Matter

Every platform displays images differently. An image that looks perfect on your website might get cropped awkwardly on Instagram, stretched on LinkedIn, or rejected entirely by an ad platform for being the wrong size. Using the correct dimensions ensures your images display as intended without unwanted cropping, stretching, or quality loss.

Beyond visual quality, properly sized images improve performance. Uploading a 4000 x 3000 pixel photo where only an 800 x 800 thumbnail is displayed wastes bandwidth and slows page loads. This image resize guide covers the recommended dimensions for every major platform and use case in 2026.

Social Media Image Dimensions

Instagram

Instagram uses several image formats depending on the content type:

  • Square post — 1080 x 1080 pixels (1:1 ratio)
  • Portrait post — 1080 x 1350 pixels (4:5 ratio, takes up the most feed space)
  • Landscape post — 1080 x 566 pixels (1.91:1 ratio)
  • Story / Reel — 1080 x 1920 pixels (9:16 ratio)
  • Profile photo — 320 x 320 pixels (displays as a circle)
  • Carousel — Same dimensions as single posts (1080 x 1080 or 1080 x 1350)

Tip: The 4:5 portrait format (1080 x 1350) takes up the most vertical space in the feed, giving your content the most visual real estate.

Facebook

  • Feed post image — 1200 x 630 pixels (1.91:1 ratio)
  • Profile photo — 170 x 170 pixels (displays as circle on desktop)
  • Cover photo — 820 x 312 pixels (desktop), 640 x 360 pixels (mobile)
  • Event cover — 1200 x 628 pixels
  • Story — 1080 x 1920 pixels (9:16 ratio)
  • Shared link preview — 1200 x 630 pixels (matches Open Graph image)

LinkedIn

  • Feed post image — 1200 x 627 pixels (1.91:1 ratio)
  • Profile photo — 400 x 400 pixels
  • Banner/cover image — 1584 x 396 pixels
  • Company page logo — 300 x 300 pixels
  • Company cover image — 1128 x 191 pixels
  • Article cover — 1200 x 644 pixels

Twitter/X

  • In-stream image — 1200 x 675 pixels (16:9 ratio) or 1200 x 1200 (1:1)
  • Profile photo — 400 x 400 pixels (displays as circle)
  • Header image — 1500 x 500 pixels (3:1 ratio)
  • Card image (summary_large_image) — 1200 x 628 pixels

Pinterest

  • Standard pin — 1000 x 1500 pixels (2:3 ratio)
  • Long pin — 1000 x 2100 pixels (maximizes visibility in the feed)
  • Square pin — 1000 x 1000 pixels
  • Profile photo — 165 x 165 pixels

Tip: Taller pins (2:3 or longer) perform best on Pinterest because they occupy more space in the masonry feed layout.

YouTube

  • Thumbnail — 1280 x 720 pixels (16:9 ratio, minimum 640 pixels wide)
  • Channel banner — 2560 x 1440 pixels (safe area: 1546 x 423 pixels center)
  • Profile photo — 800 x 800 pixels

TikTok

  • Profile photo — 200 x 200 pixels
  • Video thumbnail — 1080 x 1920 pixels (9:16 ratio)

Website Image Dimensions

Hero/Banner Images

  • Full-width hero — 1920 x 1080 pixels for standard displays, 2560 x 1440 for high-DPI
  • Blog header — 1200 x 630 pixels (also serves as the OG image for social sharing)
  • Product hero — 1200 x 800 pixels

Content Images

  • Blog body images — 800-1200 pixels wide (match your content column width at 2x for Retina)
  • Thumbnail images — 400 x 300 pixels or 300 x 300 pixels
  • Product images — 1000 x 1000 pixels (square format for consistency)

Favicons and Logos

  • Favicon — 32 x 32 pixels (ICO), plus 180 x 180 (Apple touch icon) and 192 x 192 (Android)
  • Logo (header) — Variable, but typically no taller than 60-80 pixels at 2x
  • Open Graph image — 1200 x 630 pixels

Email Image Dimensions

  • Email header banner — 600 x 200 pixels (standard email width is 600px)
  • Full-width email image — 600 pixels wide (scales to container)
  • Product image in email — 300 x 300 pixels or 250 x 250 pixels
  • Hero image — 600 x 300 pixels

Important: Keep total email file size under 100KB for images. Use JPG for photos and PNG for graphics with text. WebP support in email clients remains inconsistent.

E-Commerce Product Images

Product images have specific requirements depending on the marketplace:

  • Amazon — Minimum 1000 x 1000 pixels (for zoom), recommended 2000 x 2000. White background required.
  • Shopify — 2048 x 2048 pixels recommended. Square format for consistency.
  • Etsy — Minimum 2000 pixels on the shortest side. 5:4 ratio recommended.
  • eBay — Minimum 500 x 500 pixels, recommended 1600 x 1600.

How to Resize Images Correctly

Maintain Aspect Ratio

Always lock the aspect ratio when resizing to prevent distortion. Stretching a 4:3 image to fit a 16:9 space will make it look squished.

If the target dimensions have a different aspect ratio than your source image, you have three options:

  1. Crop — Remove edges to fit the target ratio. Best when the subject is centered.
  2. Letterbox/pillarbox — Add solid color bars to fill the extra space. Best when cropping would remove important content.
  3. Fit within bounds — Scale the image to fit inside the target dimensions, leaving transparent or colored space on the shorter sides.

Resize Down, Not Up

Enlarging a small image degrades quality because the software must invent pixels that do not exist. Always start with a source image larger than your target size and resize down.

If your source image is too small, AI upscaling tools can improve results, but they add detail that was not in the original image. For important images, retake the photo or find a higher-resolution source.

Use the Right Resampling Algorithm

When resizing images programmatically:

  • Lanczos — Best for downscaling. Preserves sharpness and detail.
  • Bicubic — Good general-purpose algorithm. Smooth results.
  • Nearest Neighbor — Preserves hard edges. Best for pixel art or screenshots at exact multiples (2x, 3x).

Resize Before Compressing

Always resize to the target dimensions first, then apply compression. Compressing a large image and then resizing it wastes processing and can introduce artifacts during the resize step.

Batch Resizing Workflow

For websites and social media managers who process many images:

  1. Determine your required sizes — List all dimensions you need (blog, social, email, etc.).
  2. Prepare source images — Ensure source images are at least as large as your largest target size.
  3. Resize to each target — Use the noupload image resizer to resize images to specific dimensions.
  4. Compress — Use the image compressor to optimize file sizes.
  5. Convert format — Use the image converter to output WebP for web use or JPG for email.
  6. Strip metadata — Use the EXIF stripper to remove location and device data before publishing.

Responsive Images for Web

Rather than creating a single image size, modern websites serve different sizes to different devices:

<img
  srcset="image-400.webp 400w, image-800.webp 800w, image-1200.webp 1200w"
  sizes="(max-width: 600px) 400px, (max-width: 1000px) 800px, 1200px"
  src="image-800.webp"
  alt="Description"
  width="1200"
  height="800"
>

This serves a 400px image to small screens, 800px to medium screens, and 1200px to large screens, ensuring every device downloads only the data it needs.

Conclusion

Using the right image dimensions for each platform ensures your content displays correctly and loads efficiently. Bookmark this guide as a reference, and make resizing part of your standard image preparation workflow.

Resize your images with the noupload image resizer, compress them with the image compressor, and convert to modern formats with the image converter. Properly sized and optimized images make every platform look better and load faster.