Guide
How to Resize Images for Websites
Resize images to the right dimensions before publishing them to improve layout control and page speed.
Why dimensions matter
Oversized uploads waste bandwidth even if the browser displays them in a smaller container.
Resizing images before publishing helps keep file weight and layout behavior under control.
It also prevents the common habit of publishing a giant original and assuming CSS alone will clean things up. The browser may scale it down visually, but the visitor still pays the download cost.
Keep aspect ratio in mind
If you change only width or only height, keep the aspect ratio locked to avoid distortion.
Prepare a few standard sizes for article covers, social previews and inline content so you can reuse them consistently.
That small bit of consistency pays off later because you stop making resizing decisions from scratch every time you publish a new page.
Think about the final slot
A hero image, a blog thumbnail and an inline screenshot rarely need the same dimensions. Work backwards from the slot the image will occupy.
If the final container is narrow on mobile, create a version that reflects that reality instead of shipping a desktop-first original everywhere.