Affiliate link

HTML - Multimedia

There are HTML elements to define multimedia resources such as graphic, video, audio, animation.

HTML Graphic

img element can load different types of image format.

Image typesDescriptionRelated links
.apngGood choice for lossless animation sequences (GIF is less performant).APNG (Animated Portable Network Graphics)
.avifGood choice for both images and animated images due to high performance.AV1 Image File Format (AVIF)
.gifGood choice for simple images and animations.GIF (Graphics Interchange Format)
.jpg, .jpeg, .jpe, .jif, .jfifGood choice for lossy compression of still images (currently the most popular).JPEG (Joint Photographic Experts Group image)
.pngGood choice for lossless compression of still images (slightly better quality than JPEG).PNG (Portable Network Graphics)
.svgVector image format. Use for images that must be drawn accurately at different sizes.SVG (Scalable Vector Graphics)
.webpExcellent choice for both images and animated images.WebP image
Supported Image formats reference from Mozilla mdn.

<img src="/LearnCodeNow.png" />

Code result

LearnCodeNow
Affiliate link
Affiliate link
Affiliate link
Advertisment
WP Engine
Ad - SiteGround WooCommerce hosting - best home for your online store. Fast WooCommerce, Free SSL, Top support. Learn more.