Website

Resize Image for Website

Upload once. Pick the right web image size. Download and publish. No account, no watermark, nothing uploaded to any server.

5 formatsNo uploadsFree foreverWorks on mobile

Upload image for Website

Tap to select or drag and drop. JPEG, PNG, WebP, AVIF, HEIC.

Your file never leaves this device.

Website image sizes 2026

Size images for the exact column they will be displayed at. Avoid serving a 4000 px image in an 800 px column - it wastes bandwidth and slows your page.

Hero / full-width banner (recommended)

Covers all 1080p desktop screens. Keep critical content in the central 1200×600 px safe zone

1920 × 1080 px

16:9

Blog post featured / Open Graph image

Universal OG size. Displays correctly on Facebook, LinkedIn, X, iMessage and most blog themes

1200 × 630 px

1.91:1

In-article content image

Inline body images. Matches typical content column width without unnecessary file size

800 × 600 px

4:3

Full-page background image

Covers QHD / 2K screens. Compress heavily - background images should stay under 500 KB

2560 × 1440 px

16:9

Card thumbnail

Grid cards, related posts, listings. Keep under 40 KB - they multiply quickly across pages

400 × 300 px

4:3

Use WebP or AVIF for web images. WebP is 25–35% smaller than JPEG at the same quality and is supported by every modern browser. AVIF cuts another 30–50% on top. Both formats improve Core Web Vitals scores. Use the converter above to export directly as JPEG for the widest compatibility fallback.

Target file sizes for web images

Hero / full-width banner

Large but above the fold - worth the extra weight

Under 500 KB

Blog featured image

Appears on listing pages - loads multiply fast

Under 150 KB

In-article content image

Multiple per page - compounds on mobile data

Under 100 KB

Full-page background

Compress aggressively - blurring is acceptable

Under 500 KB

Card thumbnail

Grid pages load dozens - keep very lean

Under 40 KB

Open Graph / social share

Not part of page weight - but fast for share previews

Under 200 KB

Need to hit a specific file size? Compress to 100 KB, 200 KB, or 500 KB with our dedicated tools.

Frequently asked questions

What is the best image size for a website hero image in 2026?

The recommended website hero image size is 1920×1080 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 1200×600 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.

What size should a blog post or Open Graph image be?

The universal standard for blog featured images and Open Graph (OG) social share images is 1200×630 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. It is the single most versatile image size for web content.

What image format should I use for websites in 2026?

WebP is the best default format for website images in 2026 - it is 25–35% smaller than JPEG at the same quality and is supported by every modern browser. AVIF offers even better compression (50%+ smaller than JPEG) for browsers that support it. Use JPEG as a fallback for maximum compatibility. PNG is only needed for images that require transparency.

How do I make my website images load faster?

Resize images to the exact dimensions they will be displayed at - there is no benefit to serving a 4000 px wide image in a 800 px column. Convert to WebP or AVIF for 30–50% smaller files. Compress hero images to under 500 KB and inline content images to under 100 KB each. Add width and height attributes in HTML to prevent layout shift. Use lazy loading for images below the fold.