Big, uncompressed photos are one of the most common reasons a website loads slowly. Here's how to shrink them properly.
A photo straight off a modern phone or camera is often 3000–4000 pixels wide — far larger than it will ever actually display on a web page. Uploading it at full size means visitors download several megabytes of data for detail their screen can't even show. Resizing to the size it's actually displayed at is the single biggest win for page speed.
Check roughly how wide the image will actually display on your page — most blog content columns are 600–1200px wide; hero banners might be up to 1920px.
Open Squeezr and drop in your photo.
Turn on Resize, keep the aspect-ratio lock on, and enter that width — height will scale automatically.
Set quality to 75–85% and export as WebP for the smallest file size, or JPG for maximum compatibility.
Upload the resized file to your site instead of the original.
Skip the manual math — open Squeezr with this preset already dialed in.
Open Squeezr with a web-ready preset →A browser displays an image at whatever width your CSS or layout specifies — if that's 800 pixels wide, a 4000-pixel-wide source image is simply scaled down by the browser, at the cost of a much larger download. Matching your source image's resolution to its actual display size removes that wasted data with zero visible difference.
If your site targets high-density (retina) displays, export at roughly double your display width — e.g. 1600px wide for an 800px-wide slot — so the image stays sharp on those screens. It's still far smaller than an untouched 4000px original, and most modern themes handle the downscaling for standard screens automatically.