HTML

Favicon

In React, store image in the public folder

<link rel="icon" type="image/x-icon" href="/favicon.ico" />

Image Formats

WebP - Google (2010), hohe Komprmierung bei besserer Qualität als JPEG, Animation

AVIF - Open Source (2019), noch höhere Kompression als WebP, Transparenz

Einbindung in HTML mit Fallback für nicht unterstützende Medien

<picture>
<source srcset="bild.avif" type="image/avif" />
<source srcset="bild.webp" type="image/webp" />
<img src="bild.jpg" alt="beschreibung" />
</picture>

Open Link In A New Tab

<a target="_blank" rel="noopener noreferrer"></a>

Button With “href”

<button class="checkout__order" onclick="window.location.href='https://www.icefrocks.com/';">ZUR BESTELLUNG</button>