HTML: Image Tag
The image tag
is used to embed a image.
<img src="i/tile_A.png" />
The most common image file formats supported by browsers are jpg png svg .
img tag Attibutes
- Optional. A text description for the blind.
- Optional. Width of image in pixels.
- Optional. Height of image in pixels.
- “source set”. For alternate image file sources. New around 2017.
srcset attribute is for inline image that has multiple versions each with different size or image quality, for browser to chose a right one for user's device (for example, on home computer with huge screen or on mobile phone with tiny screen). It is invented sometimes around 2015.
Value is list of items, separated by comma, each is of the form:
The DensityOrWidth is optional.
DensityOrWidth is either a “density”, of the form
a width such as
<img src="cat.jpg" srcset=" cat_small.jpg 1x, cat_mid.png 2x, cat_big.png 3x" alt="cat">