How To Set Height And Width Of An Image In HTML

769

2025-04-21 09:55:05 • HTML

To set the height and width of an image in HTML, you can do it in several ways. Here are the most common ones:

<img src="image.jpg" width="300" height="200" alt="Description">

<img src="image.jpg" style="width: 300px; height: 200px;" alt="Description">

<style>
  .custom-img {
    width: 300px;
    height: 200px;
  }
</style>

<img src="image.jpg" class="custom-img" alt="Description">

Always include the alt attribute for accessibility and SEO.
Use object-fit: cover; in CSS if you want the image to maintain aspect ratio and fill the space.

Need help with making it responsive or maintaining aspect ratio too?

Read More