Photo · 4 min read
How to resize, compress and convert images for the web
Oversized images are the most common cause of slow pages. A photo straight from a phone can be several megabytes — far more than a web page needs. A few quick steps make images load fast and look sharp.
Resize to the dimensions you actually use
A 4000-pixel-wide photo displayed in a 1000-pixel column wastes bandwidth. Resize to the real display size first — it is the single biggest saving you can make.
Compress to cut the file size
After resizing, compression squeezes out the remaining bytes. For photos, a JPG at around 70–80% quality is usually indistinguishable from the original at a fraction of the size.
Convert to a modern format
WebP typically beats JPG and PNG on size at the same quality. Converting your images is an easy win for page speed — and you can switch back just as easily.
Fit non-square photos for social feeds
For a tidy grid or a post that is not cropped awkwardly, fit the whole photo onto a square or social-sized canvas with a clean background.
Tools in this guide
- I-resize at i-crop ang larawan I-resize o i-crop ang larawan sa 9:16, 1:1, 16:9, o 4:5.
- I-compress ang larawan Bawasan ang laki ng JPG, PNG, o WebP nang hindi nababawasan ang kalidad.
- I-convert ang larawan Mag-convert sa pagitan ng JPG, PNG, at WebP sa iyong browser.
- Square Fit Ipasok ang buong larawan sa square o social-size na canvas na may puti, itim o malabong background — walang pag-crop.
- I-crop sa Sukat I-crop at i-scale ang larawan sa eksaktong sukat ng pixel.
Ready to try it?
Every tool is free and runs on your device — no account, no upload, no watermark.