Tag: Images

All the articles with the tag "Images".

• SVGs on the web: performance comparison based on how you load them

  Published:24 feb 2026

  Inline, sprite with <use>, <object>, <img>... each way of loading an SVG has different implications for performance, caching and rendering. A practical analysis to help you choose well.

• Practical guide to the <img> element: from the basics to LCP

  Published:22 feb 2026

  The <img> element has attributes that make a real difference in performance: loading, decoding, fetchpriority, srcset and sizes. A practical guide to using them well.

• Detect AVIF Support for Your CSS Images

  Published:6 dic 2020

  Implement the new AVIF image format in your CSS `background-image`.

• AVIF, the Definitive Image Format?

  Published:10 feb 2020

  AVIF is a next-generation image format that reduces JPEG images by up to ~50%.

• Finally Understanding JPG

  Published:4 feb 2020

  This article is available in English on the original source by Christoph Erdmann.

• Where to Start Optimizing My Images

  Published:4 ene 2020

  As web development professionals, we worry about choosing the best framework, the most current library, applying best practices in JavaScript and CSS, being careful with HTML semantics to improve SEO, improving our content's accessibility, bundling and splitting files to optimize loading, but what about images?