Zur Navigation

favicon-Generator

1 Lena567

Hallo Leute,

Für die Erstellung der Favicons habe ich folgenden Generator verwendet
https://realfavicongenerator.net/
und diese gibt mir neben den Grafiken folgenden Code aus
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">

Was mich wundert ist, dass keine Grafik im Format ico dabei ist und dafür aber zwei Grafiken im Format png.
Wieso denn das?
Und welche der beiden PNg-Grafiken wird den geladen?

02.03.2022 16:00

2 Jörg Kruse

Der IE 10 benötigte noch das ICO-Format. Moderne Browser bevorzugen das PNG-Format und verwenden jeweils die Größe, die sie benötigen.

02.03.2022 16:58

1 Forenmitglied fand diesen Beitrag gut

3 Lena567

Danke für deine Antwort!

Ist es korrekt, dass sich der Browser die erstbeste Variante, die er unterstützt, nimmt?

Also beim oben genannten Code das icon im Format png mit der Größe 32 × 32?
Wenn das nicht funktioniert dann das png in der Größe 16 × 16?
Und wenn das nicht funktioniert, dann nimmt er die ico-Datei?

03.03.2022 13:28

4 Jörg Kruse

Wenn ein Browser das Favicon größer anzeigt als 16x16, dann nimmt er die größere Variante, damit es nicht "pixelig" ausschaut.

Die ICO-Datei ist nur notwendig, wenn du noch antike Browser unterstützen möchtest.

03.03.2022 16:56

1 Forenmitglied fand diesen Beitrag gut

5 Lena567

Vielen Dank für deine Erklärung!
Wünsche dir noch einen schönen Tag und schon mal ein schönes Wochenende

04.03.2022 09:01

Beitrag schreiben (als Gast)

Die Antwort wird nach der Überprüfung durch einen Moderator freigeschaltet.





[BBCode-Hilfe]