compress images for your website
big images are the number one reason pages load slowly. resize them to the width they display at, convert to webp, and download them all in one zip.
runs on your device · free · no sign-up
loading tool…
how to compress images for your website
- drop one or many jpg, png or webp images on the box above.
- choose target file size (type a size in kb) or choose quality and drag the slider.
- optionally set a max width and an output format, then check the size shown next to each file.
- drag the before and after slider to check the look, then download one file or the whole zip.
this preset sets webp at quality 78 and caps the width at 1600 px, a good balance for full-width images on desktop screens. for blog images in a column about 800 px wide, 1600 px keeps them sharp on retina phones, which show twice as many pixels as css pixels. hero images under 200 kb and article images under 100 kb are good targets.
webp is supported in every current browser and is about 25 to 35 percent smaller than jpg at the same look. keep a jpg copy only if you must support very old software or email clients. do not compress the same file twice: always start from the original, because every round of lossy compression adds artifacts.
more ways to compress image
frequently asked questions
what size should website images be?
match the largest size they are shown at, doubled for high-density screens. a column 800 px wide wants a 1600 px image. full-width banners rarely need more than 2000 px.
should i use webp or jpg for my site?
webp for nearly everything, since all modern browsers support it and it is smaller. keep png only for images that need sharp edges and transparency and are small, like logos.
does compressing images help seo?
it helps page speed, which affects user experience and core web vitals such as largest contentful paint. smaller images alone do not guarantee a ranking change, but slow, heavy pages lose visitors.