how to create proportional image height/width

html css image-resizing
PizzaPie picture PizzaPie · Aug 1, 2010 · Viewed 75.2k times · Source

So, I want to have an image resized to 30% of its original height/width. Pretend you don't know its height or width, how would you go about it using only CSS/HTML?

Answer

Blum picture Blum · Feb 10, 2012

If you need a quick inline solution:

<img style="max-width: 100px; height: auto; " src="image.jpg" />

Related questions

Resize image proportionally with CSS?

Is there a way to resize (scale down) images proportionally using ONLY CSS? I'm doing the JavaScript way, but just trying to see if this is possible with CSS.

Read More
How to set max width of an image in CSS

On my website I would like to display images uploaded by user in a new window with a specific size (width: 600px). The problem is that the images may be big. So if they are bigger than these 600px, I …

Read More
How to resize an image in pure HTML/CSS while keeping its proportions?

How can I resize an image using HTML/CSS only (i.e no server code) while keeping its proportions and have a crop effect. Details: I wish to resize it to a specified width, keep the proportions and if the …

Read More