How to use the Image Resizer
- Drop or choose an image (JPEG, PNG, WebP, GIF, AVIF or SVG). It stays on your device.
- Type a new width or height — with the lock on, the other side follows the original aspect ratio — or switch to Percent.
- Or click a preset such as Open Graph 1200×630 or YouTube thumbnail 1280×720.
- If the shape changes, choose Crop to fill (with a crop focus) or Fit inside with a background colour.
- Pick a format and quality, check the preview and file size, then click Download.
What is an image resizer?
An image resizer changes the pixel dimensions of a picture. Making an image smaller reduces its file size and makes it fit the exact slot it will be shown in — a 1200×630 social preview, a 1080×1080 Instagram post or a 32×32 favicon. This resizer runs in your browser: the image is decoded, resampled with high-quality smoothing (stepwise halving for big reductions to avoid jagged edges) and encoded again as JPEG, PNG, WebP or AVIF.
Crop to fill vs. fit inside vs. stretch
When the target shape differs from your original — say a 4:3 photo into a 1.91:1 Open Graph frame — you have three choices:
- Crop to fill (like CSS
object-fit: cover) scales the image until it covers the whole frame and trims the overflow. Use the crop focus to keep the top (faces, headlines) or another edge. - Fit inside (like
object-fit: contain) shows the entire image and fills the empty bars with a background colour — or transparency for PNG/WebP. Good for logos and product shots. - Stretch forces the exact size and distorts the image; only use it when the ratio is already almost the same.
Common image sizes
| Use | Size (px) | Ratio |
|---|---|---|
| Open Graph / Facebook & LinkedIn link preview | 1200 × 630 | 1.91:1 |
| Instagram square post | 1080 × 1080 | 1:1 |
| Instagram portrait post | 1080 × 1350 | 4:5 |
| Instagram / TikTok story, Reel | 1080 × 1920 | 9:16 |
| X (Twitter) in-feed image | 1600 × 900 | 16:9 |
| X (Twitter) header | 1500 × 500 | 3:1 |
| LinkedIn personal banner | 1584 × 396 | 4:1 |
| YouTube thumbnail | 1280 × 720 | 16:9 |
| Apple touch icon | 180 × 180 | 1:1 |
Platforms change their recommendations from time to time, so treat these as safe defaults. For a full favicon set (ICO, Apple touch icon, Android icons and manifest) use the Favicon Generator; to design a social preview with text from scratch, try the OG Image Generator.
Resizing for the web
Size images to roughly the largest size they will be displayed at, multiplied by two for high-density (Retina) screens — a 600 px wide blog image should be exported at about 1200 px. Going bigger only adds bytes; upscaling a small image cannot add detail and will look soft. After resizing, run the result through the Image Compressor for extra savings, and use the Aspect Ratio Calculator to work out matching dimensions.
Tools that pair well with the Image Resizer
- Image to Base64 — Turn a PNG, JPEG, SVG, WebP or GIF into a Base64 data URI with copy-ready CSS and HTML — or paste a Base64 string to preview and download the image.
- QR Code Generator — Generate a QR code for a link, Wi-Fi login, contact card, email, phone number or SMS.
- Image Compressor — Shrink photos and graphics by 50–90% without visible quality loss.
- Favicon Generator — Make a complete favicon package from a logo, a letter or an emoji: a multi-size favicon.ico, Apple touch icon, Android/PWA icons, a Webflow webclip, the web manifest and the HTML tags to paste.