A practical starting point

Resize an image without stretching it

Calculate proportional image dimensions, decide whether to crop or fit, and check the final asset at the size where people will actually see it.

3 steps to get startedSources reviewed
The aspect-ratio calculator gives a proportional height for a new width. It calculates dimensions only; use the result in your existing image editor to perform the actual resize or crop.

Useful starting points

Tools and resources you can explore today. External services have their own terms and availability.

Aspect-ratio calculatorOn this site · Tool Image compressorOn this site · Tool

A practical way forward

  1. Record the source dimensions

    Enter the original pixel width and height. Confirm you are using pixel dimensions rather than a print size measured in inches or centimeters.

  2. Choose fit or crop

    Keep the original ratio when the whole image must remain visible. If a destination requires another ratio, choose a crop deliberately instead of stretching the image.

  3. Apply and inspect

    Use the calculated dimensions in your editor, then check the result at its actual display size. Confirm important subjects stay visible and small text remains legible.

Keep in mind

  • This calculator does not resize or crop a file.
  • Upscaling adds pixels, not missing source detail.

Sources, not guesswork

Background for this guide. Discussion and documentation are useful signals, not proof of demand or an endorsement of every service.

Planned · Research

Ready-to-use image size presets

Research only — not available yet. Would a crop preview and several export dimensions help prepare assets for different placements?

This feature is not available yet. We’re exploring whether it would be useful. Tell us about your task; leaving an email for follow-up is optional.

All solutions

Make a photo smaller before uploading

Reduce a photo’s file size with a JPEG export, compare the result with the original, and check the destination’s size and format requirements.

Read the guide

Create a simple favicon for a new site

Create a small text-based browser icon, export PNG sizes, and check that it remains recognizable in a tab before adding it to your website.

Read the guide

Check colors before using them in an interface

Convert a color value for your stylesheet, check its contrast against the actual background, and avoid using color alone to communicate meaning.

Read the guide
AN IDEA IN RESEARCH

What would make this useful?

This feature is not available yet. We’re exploring whether it would help. Sharing feedback is free and does not reserve a place or promise a launch date.

Please leave out passwords, private files, and other people’s personal information.

Feedback is kept privately for up to 90 days. Privacy & deletion