Favicon-Konverter
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
Was ist eine favicon.ico?
favicon.ico ist die klassische Icon-Datei, die Browser im Stammverzeichnis Ihrer Website suchen. Sie erscheint in Browser-Tabs, Lesezeichen und der Adressleiste und bündelt mehrere Größen (16×16, 32×32 und 48×48), damit jeder Browser eine passende Variante findet.
Standardgrößen für favicon.ico:
- 16×16 – Browser-Tab
- 32×32 – Taskleiste
- 48×48 – Desktop-Verknüpfung
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
Datenschutz / Sicherheit
- Verarbeitung im Browser
- Keine gespeicherten Uploads
- Automatische Bereinigung
Für wen geeignet
- Entwickler
- Designer
- Indie Hacker
- SaaS-Gründer
Anwendungsfälle
- Website-Favicon
- PWA-Symbol
- Web-App
- Platzhalter-Icon für mobile Apps
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.
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">HTMLAlle 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.