Resize Image for Website Online

The recommended website hero image size is 1920x1080 pixels at a 16:9 aspect ratio. This covers all 1080p desktop monitors at full width. Keep critical content, text, buttons, logos, within the central 1200x600 px safe zone, because many themes crop the left and right edges aggressively on mobile. Compress the file to under 500 KB for fast load times.

The universal standard for blog featured images and Open Graph (OG) social share images is 1200x630 pixels at a 1.91:1 ratio. This size displays correctly on Facebook, LinkedIn, X (Twitter), iMessage link previews, and most blog themes without cropping.

Not on this page. This tool only offers the five fixed presets above, hero, blog/OG, content, background and thumbnail, there's no custom dimension field here. If you need an exact size that isn't one of these five, use the general resize tool, which lets you type any width and height.

Cropped, not stretched. If your source image doesn't already match a preset's aspect ratio, the tool scales it up to cover the target size completely and trims the excess evenly from the edges. Nothing is distorted, and no white padding is added, unlike some resize tools that letterbox mismatched images.

Yes. After downloading one size, choose "Try another size" to generate a different preset from the same image without re-uploading. This is useful for producing a hero image and an OG image from a single source photo in one session.

WebP is the best default format for website images in 2026, it is 25 to 35% smaller than JPEG at the same quality and is supported by every modern browser. AVIF offers even better compression for browsers that support it. This tool always outputs JPEG for maximum compatibility. If you want a smaller WebP or AVIF version afterward, convert the downloaded JPEG separately.

No, this tool encodes at a fixed quality setting chosen for a good balance of size and sharpness, there's no quality slider here. The file size guidance in the table below is something to aim for, not something this tool enforces automatically. If you need to hit an exact KB limit, use one of the dedicated compress-to-size tools linked further down after resizing here.

The tool upscales it to reach the target size and shows a warning above the result. Upscaling stretches existing pixels rather than adding new detail, so the result may look softer than a native-resolution image. For the sharpest result, start from the highest-resolution version of your photo.

No. Since this tool always outputs JPEG, which has no transparency support, any transparent areas in a source PNG will be flattened. If you need to preserve transparency, use the general resize or convert tools with PNG output instead of this page.

No. The image is decoded to raw pixels and re-encoded during resizing, so EXIF metadata, including GPS location, does not carry over to the downloaded file.

No. Resizing and cropping happen entirely in your browser using WebAssembly. Your image is never sent anywhere.

JPEG, PNG, WebP, AVIF and HEIC are all accepted as input. The output is always JPEG regardless of what you upload.

Resize images to the exact dimensions they will be displayed at, there is no benefit to serving a 4000 px wide image in an 800 px column. Convert to WebP or AVIF afterward for smaller files where your platform supports it. Add width and height attributes in HTML to prevent layout shift, and use lazy loading for images below the fold.