Skip to main content
Utilnivo

Image

Utilnivo

Resize Photo for Web

Resize photos for web—right-sized images for fast pages and CMS uploads.

No registration
  • Stays on your device

Browse more in Image or all tools.

What size should a passport photo be in pixels?

At 300 DPI, a US 2×2 inch passport photo is 600×600 pixels. For online forms requesting 600×600 or 413×531 (35×45 mm), enter exact pixel dimensions in the resizer. Crop to square first if your source is a vertical phone portrait.

Private on your device

Your information stays on your device and is not uploaded.

Related tools

Resize photo for web when full-resolution camera files slow your site. Scale to display width, then compress for faster LCP and lower bandwidth.

Match image width to CSS max-width—oversized assets are the top cause of slow LCP.

Use 2× sizes only for retina hero images, not every inline photo.

How to use this tool

Upload the photo, set width to your layout max (often 1200–1600 px), download, then compress if still large.

Worked example

Example: resize a banner from 2400×800 to 1200×400 for faster email newsletter load times.

When to use this

  • Blog posts with camera JPEGs.
  • Marketing landing pages.
  • Newsletter hero images.

Common examples

  • 4000×3000 phone photo → 1200×900 for a blog content column at 2× retina width.
  • LinkedIn headshot 2000×2000 → 800×800 avatar export.
  • Banner 2400×800 → 1200×400 for faster email newsletter load times.
  • 3000×2000 blog hero → 1600×1067 for faster LCP while keeping 3:2 ratio.
  • Square logo 1024×1024 → 256×256 favicon source before Favicon Generator.

Common mistakes

  • Uploading 4000 px images into 600 px columns.
  • Resizing without compressing afterward.
  • Using PNG for photographic content on web.

How it works

Load an image, set target dimensions or a percentage scale, optionally lock aspect ratio, choose an output format, then resize on your device with canvas. Files stay on your device.

Limitations

Upscaling cannot recover detail that was not in the original image. Extreme aspect-ratio changes may crop or distort if not constrained.

Privacy and file handling

Your image stays on your device and is not uploaded.

Related Resize Image pages

These pages use the same resize image with examples tailored to different tasks.

Related comparisons

Learn how formats and terms differ before you convert or calculate.

FAQ

Frequently asked questions

What width should I use for blog images?

1200–1600 px wide is common for content columns. Check your theme max-width.

Should I resize or compress first?

Resize to display dimensions first, then compress for best results.

Will responsive images still help?

Yes—resize source assets and let your CMS generate srcset variants when available.

Related pages

Page last reviewed: