Free tool · Web design

Resize Image for a Website

Fit featured images and content images to the optimal size for blogs and websites.

Featured image / banner · 1920×1080 Content image · 1200×800
Drag your image here or click to upload
JPG, PNG or WEBP · Max 25 MB · Everything is processed in your browser
What size do you need?

Select an option to continue to cropping.

Adjust the crop

Drag the image to reposition it

JPEG does not support transparency; transparent areas will use a white background.

— × — px
✓ Ready to use
Your image is ready
Resized Web design image preview

Image sizes that won't slow down your site

Uploading larger images than necessary is one of the most common causes of a slow-loading website. 1920×1080 px is enough for full-width banners, and 1200×800 px covers almost any in-article content image.

Website photo sizes at a glance

UseSizeRatio
Featured image / banner1920×1080 px16:9
Content image1200×800 px3:2

How to resize a photo for Website

  1. Upload a JPG, PNG or WEBP photo (up to 25 MB). It stays in your browser.
  2. Choose the size you need from the options above.
  3. Drag and zoom to frame your photo inside the crop area.
  4. Download the result as JPG or PNG.

Frequently asked questions

What size should website banner images be?

This tool exports banners at 1920×1080 px (16:9), enough for most full-width layouts.

What size should blog content images be?

1200×800 px (3:2) works for most in-article images.

How can I make my website images load faster?

Use the dimensions you actually need and compress the result. The Compress Image tool can reduce the file size by quality or by a target size.

Will this improve my website's load speed?

It helps, since you're reducing file size, but for best results combine it with additional compression in your CMS or optimization plugin.

JPG or PNG for blog images?

JPG for photographs, PNG only if you need transparency or sharp lines (screenshots, logos).

Related tools: Compress Image, Online store.

Other resizing tools