Then I found out a quick and easy way to resize images with CSS by keeping your image’s aspect ratio. This is very quick you can use it in less than 5 minutes, let’s proceed! Lets say you want to show large images on your web page with maximum 200 pixels width, blog or forums just create the following css class into your styling css file: Second class will resize the images by keeping height as 300 pixels. You can use the following classes in tags like: .resize { width: auto; height : 300px; } The above solution is always better than putting width and height attributes into the tag. Hope it works out for you too