In HTML, you can control the size of an image using the width and height attributes within the <img> tag. These attributes define the size of the image in pixels and are essential for maintaining the layout of your web page without causing it to flicker while images load¹.

Example:

Note: It's recommended to always set both the width and height attributes to avoid layout shifts during loading². However, if you want to maintain the aspect ratio of an image, you can set only one dimension and let the browser automatically adjust the other. For instance, setting width and leaving height as auto in CSS will preserve the aspect ratio:

For responsive designs, you can use percentages or CSS properties like max-width to ensure images scale properly on different devices³. Using percentages allows an image to adjust based on the available width: