Favicon-Konverter

Laden Sie ein Bild hoch, um alle Favicon-Größen für Ihre Website zu generieren.

favicon.pub hilft Ihnen, in wenigen Sekunden alle benötigten Favicon-Formate zu erzeugen – einschließlich PNG, ICO, SVG, Apple Touch Icons, Android Icons, Safari-Pinned-Tab-Icons und PWA-Manifestdateien.

Klicken Sie oder ziehen Sie ein Bild hierher

Unterstützt PNG, JPG, SVG, WEBP

Browser-Favicons (16x16, 32x32, 48x48)

Apple Touch Icons für iPhone & iPad

Android-Chrome-Icons für PWAs

SVG-Favicon & Safari-Pinned-Tab-Icon

Automatisch generierte site.webmanifest

PWA-bereites Favicon & Manifest

Icons für Progressive Web Apps generieren

Ein-Klick-Generierung

Laden Sie ein Bild hoch, um alle Favicon-Größen zu generieren, einschließlich ICO-, PNG-, SVG- und anderen Formaten

Plattformübergreifend kompatibel

Unterstützt alle Browser und Geräte, einschließlich Icon-Anforderungen für iOS-, Android-, Windows- und andere Plattformen

Professionelle Qualität

Automatische Bildqualitätsoptimierung, generiert hochwertige Favicon-Dateien, die den Standards aller Plattformen entsprechen

Privacy / Security

Files processed in browser
No uploads stored
Automatic cleanup

Who is this for

Developers
Designers
Indie Hackers
SaaS founders

Use cases

Website favicon
PWA icon
Web App
Mobile App placeholder

Was ist ein Favicon?

Favicon (Abkürzung für favorite icon) ist ein kleines Icon, das in Browser-Tabs, Lesezeichen und anderen Interface-Elementen angezeigt wird. Es hilft Benutzern, Ihre Website schnell in mehreren geöffneten Tabs und Lesezeichen zu identifizieren.

Favicon-Konverter

Browser-Favicons (16x16, 32x32, 48x48)
Apple Touch Icons für iPhone & iPad
Android-Chrome-Icons für PWAs
SVG-Favicon & Safari-Pinned-Tab-Icon
Automatisch generierte site.webmanifest
PWA-bereites Favicon & Manifest
Icons für Progressive Web Apps generieren

So erstellen Sie ein Favicon online

Die Nutzung unseres Favicon-Generators ist ganz einfach:

Laden Sie Ihr Logo als PNG-, JPG- oder SVG-Datei hoch.
Sehen Sie sich sofort alle generierten Favicon-Icons in der Vorschau an.
Laden Sie das Favicon-Paket herunter und fügen Sie die Dateien Ihrer Website hinzu.

So fügen Sie Ihrer Website ein Favicon hinzu

Nachdem Sie Ihre Favicons generiert haben, fügen Sie den folgenden HTML-Code in den <head>-Bereich Ihrer Website ein:

<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16">
<link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/favicon-48x48.png" sizes="48x48">
<link rel="manifest" href="/site.webmanifest">
<link rel="icon" type="image/png" href="/android-chrome-192x192.png" sizes="192x192">
<link rel="icon" type="image/png" href="/android-chrome-512x512.png" sizes="512x512">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">HTML

Alle Favicon-Formate für moderne Plattformen

ICO-Format (.ico)

Traditionelles Favicon-Format, kompatibel mit allen Browsern einschließlich älterer Versionen von Internet Explorer. Enthält normalerweise mehrere Größen (16x16, 32x32, 48x48).

PNG-Format (.png)

Bevorzugtes Format für moderne Browser, unterstützt transparente Hintergründe, kleine Dateigröße. 16x16 für Tabs, 32x32 für Taskleiste, 48x48 für Desktop-Verknüpfungen.

Android Chrome-Icons

192x192 und 512x512 für Android-Geräte PWA, angezeigt wenn Nutzer die Website zum Startbildschirm hinzufügen.

Apple Touch-Icons

180x180 für iOS-Geräte (iPhone, iPad), verwendet beim Hinzufügen der Website zum Startbildschirm. Apple fügt automatisch abgerundete Ecken und Glanz hinzu.

Safari fixiertes Tab-Icon

Einfarbiges SVG-Vektoricon für Safari fixierte Tabs, unterstützt benutzerdefinierte Farben.

SVG-Format (.svg)

Modernes Vektorformat, unbegrenzt skalierbar ohne Qualitätsverlust, unterstützt Dark-Mode, kleine Dateigröße.