Home / Blog / Images
Images 14 Sep 2026 · 7 min read · By Elisandro Pedro

Image Sizes for Social Media and the Web, Without the Blur

You upload a photo and the platform crops your face, stretches your logo or makes everything blurry. Each network displays images at its own sizes and ratios, and ignoring them costs you quality. Knowing a few typical dimensions and resizing correctly keeps your pictures sharp everywhere you post them.

Image Sizes for Social Media and the Web, Without the Blur

Pixels versus aspect ratio

Pixels are the width and height of an image. Aspect ratio is the proportion between them, such as 1:1 for a square, 4:5 for a portrait post or 16:9 for a widescreen banner. A platform usually cares about ratio first, because a wrong ratio forces cropping, and about pixel count second, because too few pixels looks soft.

Think of ratio as the shape of the frame and pixels as how finely it is drawn.

Typical sizes to aim for

Platforms change their layouts from time to time, so treat these as common starting points and check the current guidance of the network before an important campaign.

Pixel density matters as well. Many phones and laptops have screens that pack two or three physical pixels into each logical one, so an image displayed 600 pixels wide may look best when it contains about 1200 pixels. That is why exporting at roughly twice the display width gives crisp results, while going far beyond that only inflates the file. For web pages, follow the same rule and then compress the resized file to keep loading fast.

  • Square posts and profile pictures: 1080 by 1080 pixels, ratio 1:1.
  • Portrait feed posts: 1080 by 1350 pixels, ratio 4:5.
  • Stories and vertical video covers: 1080 by 1920 pixels, ratio 9:16.
  • Link previews and wide banners: about 1200 by 630 pixels, ratio close to 1.91:1.
  • Blog featured images and video thumbnails: 1280 by 720 or 1920 by 1080, ratio 16:9.

Resize with the PDFImgTools image resizer

The Image Resizer works in your browser, so your photos are not uploaded. It lets you resize by exact pixels or by percentage, keeps the aspect ratio if you ask it to, and offers presets for popular social platforms.

  1. Open the Image Resizer and add your picture.
  2. Choose a platform preset, or type the width and height you need.
  3. Keep the aspect ratio locked unless you intentionally want a different shape.
  4. Select the export format: JPG for photos, PNG for graphics, WebP for lightweight web use.
  5. Download the result and check it at full size.

Avoiding blur and distortion

Blur nearly always comes from enlarging. A small image stretched to a bigger size has no extra detail to show. Start from the largest original you have and scale down, never up.

Distortion comes from changing width and height independently. Lock the ratio, and if the shape is wrong, crop first with the Image Cropper using a fixed ratio, then resize. Cropping chooses what stays in frame; resizing only changes the scale.

Common mistakes

Avoid these, and your images will look consistent across channels.

  • Uploading the full camera original and letting the platform compress it harshly.
  • Placing important text near the edges where it may be cropped.
  • Reusing one size for every network.
  • Re-saving the same JPG many times.

A practical scenario

A café owner has one wide photo of a new cake. She crops a square version and resizes it to 1080 by 1080 for the feed, makes a 1200 by 630 copy for link sharing, and a 1080 by 1920 vertical version for stories. Three clean files from one original, each fitting its frame without cropping surprises.

Pro tipKeep important content in the central safe area of the frame so that any automatic cropping by a platform does not cut it off.
Try it now: Image Resizer Free, private and runs in your browser.
Open tool

Frequently asked questions

Is bigger always better?

No. Beyond what the platform displays, extra pixels add file size without visible benefit, and the platform will shrink the image anyway.

Which format should I export?

Use JPG for photographs, PNG for sharp graphics or text, and WebP when you want small files for websites.

Why does my image still look soft after resizing?

The original may have been small, or already heavily compressed. Resizing cannot restore detail that is not in the source.

Should I resize before or after compressing?

Resize first. Compressing a large image and then shrinking it wastes effort, while compressing the final size gives the best saving.