How to reduce image size for a website
The simple version: resize first, compress second, use WebP when it makes sense.
Want to try this on your own image? Compress images for web.
Start with dimensions
A 4000px wide image inside a 700px card is wasted weight. Resize it closer to the space where it appears before worrying about quality settings.
For most site images, 1600px wide is a solid default. Hero images can go wider. Small cards and thumbnails can be much smaller.
Then compress
After resizing, export as WebP or JPEG and keep an eye on the preview. The best setting is the one where the image still looks good at a smaller file size.
Want to try this on your own image? Compress images for web.
Check the page
If the image is above the fold, be more careful. Bad hero compression is obvious. If it is a tiny card image, you can usually compress harder.
Quick answers
How to reduce image size for a website
The simple version: resize first, compress second, use WebP when it makes sense.
Does Skwish upload my images?
No. Skwish processes supported images in your browser, so files do not need to be sent to Skwish servers.
What image formats does Skwish support?
Skwish supports JPG, PNG, and WebP files.
Want to try this on your own image? Compress images for web.