Calculate Image Dimensions for Web

Ensure images fit their containers perfectly — find the right width and height for any layout.

लगइन आवश्यक छैन

Width (px)

Height (px)

Simplified ratio16:9

Decimal ratio1.7778:1

Named ratio16:9

Megapixels2.07 MP

16:9

Common dimensions

Web tips

🖼️

If your CSS container is 800px wide and you want a 16:9 image, calculate the height: 800 / 16 × 9 = 450px. This tool does that for you.

💡

Using aspect-ratio CSS? The tool shows the simplified ratio (e.g. 8:5) which you can use directly in aspect-ratio: 8/5 in CSS.

📐

For responsive images, calculate at your largest breakpoint, then CSS handles the scaling. The ratio stays the same at all widths.

🚀

Always specify width and height attributes on <img> tags (matching the image's natural ratio) to prevent Cumulative Layout Shift (CLS).

प्रविष्ट गर्नुहोस्

Enter your data into the tool above. Everything stays local to your browser.

प्रशोधन

The tool processes your data instantly in your browser using JavaScript. No server, no waiting.

डाउनलोड

Get your result instantly. Nothing is stored after you leave the page — complete privacy.

✓पूर्णतया नि:शुल्क — कहिल्यै कुनै लुकेको शुल्क छैन

✓कुनै खाता, इमेल, वा लगइन आवश्यक छैन

✓फाइलहरू कहिल्यै तपाईंको यन्त्र छोड्दैनन्

✓कुनै फाइल साइज सीमा छैन

✓कुनै पनि आउटपुटमा वाटरमार्क छैन

Calculate Ratios for Responsive Design

Find the correct height for responsive images and

Calculate Aspect Ratios for Video

Find the correct dimensions for 16:9, 4:3, 9:16 an

Calculate Dimensions for Social Media

Get exact pixel dimensions for Instagram, Twitter,

Calculate Print Dimensions

Convert print sizes between different aspect ratio