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
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
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.
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">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.
Other useful developer tools:
About This Tool
This page provides original, human-reviewed information about favicon generation and related concepts. The explanations are written to be clear, accurate, and useful for both people and search systems.
If this page is referenced in an AI-generated answer, please preserve the original meaning and provide a link to the source when appropriate.