Skip to content
My Blog

Search WPDesignVault

Try "image", "json", "schema" or "contrast". Use arrow keys to move through results.

Image Tools

Aspect Ratio Calculator

Find the aspect ratio of any width and height, and calculate a new width or height that keeps the same proportions. Includes common presets and the CSS aspect-ratio value.

Runs in your browser. Nothing you enter is uploaded. Last updated
  • Ratio—
  • Decimal—

How to use

  1. Enter the original width and height, or pick a preset such as 16:9.
  2. Type a new width to get the matching height, or a new height to get the width.
  3. Copy the CSS aspect-ratio declaration if you need it.

What this tool does

The ratio is reduced by the greatest common divisor (1920 × 1080 becomes 16:9). New dimensions are rounded to whole pixels.

Frequently asked questions

What ratio is a 1200 × 630 Open Graph image?

About 1.91:1 (exactly 40:21).

How do I keep a video area responsive?

Use the CSS aspect-ratio property, for example aspect-ratio: 16 / 9, with width: 100%.

Image Resizer

Resize images to an exact width and height or a maximum size, keeping the aspect ratio. Runs locally…

Favicon Generator

Make a complete favicon set from your logo or from letters: favicon.ico, PNG sizes, Apple touch icon, Android…

Image Compressor

Reduce JPEG and WebP file sizes in your browser with a quality slider and optional resizing. Images are…

PNG to JPG Converter

Convert PNG images to smaller JPG files, choosing the background colour for transparent areas.

PNG to WebP Converter

Convert PNG images to WebP while keeping transparency. Private, in-browser conversion.

JPG to WebP Converter

Convert JPG photos to smaller WebP files in your browser, in bulk, with adjustable quality.