Find your next tool

Search tools, studios, guides and workflows.

Practical guide · creative

Resize an image for a sharper, lighter page

Choose useful dimensions, preserve the aspect ratio and inspect the exported image instead of guessing.

The useful part

Choose dimensions for the actual destination. Keep the aspect ratio, export a copy and compare both visual quality and file size.

Measure the destination first

An image displayed at 600 CSS pixels wide may benefit from a 1200-pixel source on a high-density screen. That does not mean every image should be 1200 pixels wide. Check the largest displayed width and the destination’s own image recommendations before exporting.

If an upload requires an exact aspect ratio, crop the source in an image editor first. The Veylunex image resizer preserves the full image and its aspect ratio; it does not crop to an arbitrary box.

Start with a still JPEG, PNG or WebP under 15 MB and 40 megapixels. Animated, vector, HEIC and other formats are outside this tool’s scope. Keep the source so you can make another version later.

Try a safe sample

Download our 1200 × 800 practice image, or choose Load sample in the tool. It is an original Veylunex graphic designed for checking dimensions and format conversion.

Try a width of 600 pixels. Its exported height should be 400 pixels. This gives you a known result before you use a personal or client image.

Resize and export

  1. Open Image resizer & converter.
  2. Choose your source. The tool reports its decoded dimensions and size.
  3. Enter the Output width. The height is calculated from the original aspect ratio and rounded to the nearest pixel.
  4. Choose WebP, JPEG or PNG.
  5. For JPEG or WebP, start with quality 85. This is a starting point, not a guarantee of the best size or appearance.
  6. Select Resize & convert, inspect the preview and read the output dimensions and file size.
  7. Download the result as a separate file.

Both output dimensions must be between 1 and 8,192 pixels, and the output must remain under 40 megapixels. A very tall source may exceed the height limit even when the requested width looks modest; reduce the width.

Check edges, text and transparency

Inspect the exported image at the size people will view it. Check fine lines, lettering, faces and areas of smooth color. If the image is visibly degraded, increase quality or choose a format suited to that content.

JPEG does not support transparent pixels. The tool places transparent areas on a white background when exporting JPEG. Choose PNG or WebP if transparency matters. Quality settings do not change PNG export quality.

The browser decodes and re-encodes the source. Metadata such as camera information is not guaranteed to survive, and color can appear differently across browsers and displays. This is a practical publishing utility, not a color-managed archival workflow.

Compare size instead of assuming

A smaller pixel count can still produce a larger file if you change from an efficient JPEG to PNG. Read the result size after each export. Try WebP and JPEG on a photograph, or PNG and WebP on a flat graphic with transparency.

Upscaling cannot create detail that the source does not contain. If a 400-pixel image must look sharp at 1600 pixels, find a higher-resolution original rather than repeatedly resizing the small version.

Name and verify the final asset

Use a descriptive name, such as field-notes-cover-1200.webp. Open the downloaded file to confirm dimensions and appearance, then test it in the actual publishing destination.

If the browser cannot export WebP, the tool asks you to choose another format. It never labels a PNG as a WebP. For format decisions, read Choose an image format.

Ready to put it to work?

Use image resizer & converter on your device.

Open the tool

Keep learning.