Images for the web
Matching the width to the size the image actually displays at cuts file size dramatically and speeds up loading.
Change the width and height of an image.
🔒 This file is processed in your browser. It is never uploaded anywhere.
…
Resizing changes an image’s dimensions in pixels. It is not the same as compressing: here you are not adjusting save quality but how many dots make up the picture, which affects both file size and the size it displays at.
Most images we handle are far larger than necessary. A phone photo is around 4000 pixels wide, while a laptop screen shows about 1400. Publishing the original means forcing the browser to download three times more information than it will use.
Reducing is a clean operation because it only has to discard pixels. Enlarging is another matter: the program has to invent the missing information, and the result always loses sharpness.
Matching the width to the size the image actually displays at cuts file size dramatically and speeds up loading.
Many platforms ask for exact dimensions. Setting them beforehand stops automatic cropping from framing the photo badly.
Inserting pre-resized photos keeps the file manageable instead of dragging around enormous images.
This tool applies exactly the width and height you enter, so if you don't keep the original ratio, the image will stretch or squeeze differently on each axis.
You can increase the size, but enlarging beyond its original resolution will make the image look softer, as with any resizing tool.