diedVIPs

html knowhow

Favicon Generator










 

Favicons erstellen

So sieht´s aus


Quellcode in den META-Tags

<html>
<head>
<link rel="apple-touch-icon" sizes="180x180" href="../Icons/apple-touch-icon.png" />
<link rel="icon" type="image/png" sizes="32x32" href="../Icons/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="../Icons/favicon-16x16.png" />
<link rel="manifest" href="../Icons/site.webmanifest" />
<link rel="mask-icon" href="../Icons/safari-pinned-tab.svg" color="#5bbad5" />
<meta name="msapplication-TileColor" content="#da532c" />
<meta name="theme-color" content="#ffffff" />

<style type="text/css">Hier nichts</style>
</head>

<body >Hier nichts</body>

</html>

Verzeichnis auf dem Server: Icons

Icon Generator Online

Favicons sind kleine Grafikdateien, die für Verknüpfungen und Lesezeichen verwendet werden. Dabei wird zwischen PC-Browser- und mobilen Browser, bzw. mobilen Endgeräten unterscheiden. Wozu sind Favicons gut? Wenn dein Kunde Lesezeichen setzt und du keine Favicons hat, dann werden bei deinen Kunden leere Grafikflächen oder Fragezeichen anstatt deinem LOGO angelegt – das ist nicht professionell. Das Vorhandensein eines/mehreren Favicons ist ein von vielen Faktoren, die auch für Google-Ranking einen Einfluss haben. Fehlen die Icons – dann wird deine Seite nicht so gut von Google bewertet.

Online gibt es einige gute Generatoren. Für mich der beste ist https://realfavicongenerator.net. Es gibt auch andere, wie zum Beispiel https://www.ionos.de/tools/favicon-generator oder https://www.favicon-generator.org. Mit dem ersteren können Sie sogar Icons mit transparentem Hintergrund generieren.









Kontakt    Datenschutz   Impressum