Resize image for website

Make photos web-ready: set the width your layout actually shows (1200 px is preselected), leave the height empty to keep the aspect ratio, and save as WebP at Balanced quality. In our test, a 14 MB, 10,000 px wide photo came out at 72 KB. Resize a whole folder at once and download a ZIP. Free, and your images never leave your browser.

Images (you can pick several)

No images yet. You can also drop files on this box.

Size

Resize by
Preset

Width (px)
Height (px)
If both are set

Leave width or height empty to keep the aspect ratio automatically.

Output

Format
Quality
Padding / background

Changes apply to every image instantly.

What width to use

Where the image goes	Width (px)
Full-width hero or banner	1920 2560 for very sharp large screens
Blog post or article image	1200 about 2× a 600 px text column
Inline image, card	800
Thumbnail, product grid	400 to 600
Social link preview (og:image)	1200×630

Use about twice the width the image is displayed at, so it stays sharp on high-density (Retina) screens, and no more: a 4000 px photo shown 600 px wide makes the page slower for nothing. WebP is supported by every current browser and is usually 25 to 35% smaller than a JPG of the same quality; keep PNG for logos, screenshots and images that need transparency. Still too heavy? Run the result through the image compressor. Building the site from a script? The Shotmint API can capture each finished page as a screenshot or PDF.

Which option should I pick?

Keep aspect ratio makes the image as large as possible inside your width and height without distorting it, so one side may come out smaller than you typed. Crop to fill gives exactly the size you asked for and trims the edges that do not fit, centered; use it for profile pictures, thumbnails and social media posts. Pad also gives the exact size but keeps the whole image, adding bars in the background color. Stretch forces the size and distorts the image if the shape differs.

Common image sizes

Use	Size (px)
Instagram post square	1080×1080
Instagram post portrait 4:5	1080×1350
Instagram / TikTok story	1080×1920
YouTube thumbnail	1280×720
Open Graph / link preview	1200×630
X (Twitter) header Twitter) heade	1500×500
LinkedIn banner	1584×396
LinkedIn post	1200×627
X Twitter) post (16:9	1600×900
Pinterest pin 2:3	1000×1500
Facebook cover	851×315
Facebook cover HD	1640×624
Full HD 1920×1080	1920×1080
Profile picture 400×400	400×400

Pick one from the Preset menu above: it fills in the size and switches to Crop to fill. Platforms change their recommendations from time to time, so check theirs if an upload is rejected.

How it works

Each image is decoded by your browser and redrawn on a canvas at the new size. When shrinking a lot, it halves the image in steps first, which keeps it sharp instead of jagged. Nothing is uploaded, so it works for private photos and documents, and even offline once the page has loaded. Phone photos are rotated the right way up, and EXIF metadata (camera, GPS location) is removed. Enlarging works too, but it cannot add detail that is not there, so big upscales look soft.

Need a smaller file rather than smaller dimensions? Use the image compressor (target size like 100 KB). To change the format only, use the image converter.

Get web pages at an exact size

Resizing website screenshots by hand? The Shotmint API renders any URL or HTML in Chromium at the viewport you ask for, so the image comes out at the right size directly, at 2× for retina if you like:

curl "https://shotmint.creasework.com/v1/screenshot?url=https://example.com&width=1200&height=630&format=jpeg" -H "X-API-Key: YOUR_KEY" -o preview.jpg

Each screenshot is 1 credit. €5 buys 2,000 with no subscription, and credits never expire.

Get 25 free renders a month Try a website screenshot

FAQ

Are my images uploaded? No. Resizing runs in JavaScript on this page.

How do I resize without losing quality? Pick PNG output for lossless results, or JPG/WebP at Maximum or High quality. Shrinking always removes pixels, but a downscaled image looks sharp at its new size.

How do I make a square image? Type the same width and height (for example 1080 and 1080) and pick Crop to fill, or Pad if nothing may be cut off.

Is there a limit? No file count limit and no watermark. Output sides are capped at 16,384 pixels, and very large images depend on your device's memory. Animated GIF and WebP files are resized as their first frame.