What image should I upload?

A square PNG, JPG or GIF of your logo or icon, ideally at least 310 × 310 pixels and simple enough to recognise at tiny sizes.

Which sizes does the generator create?

17 sizes, saved in the same format you upload (upload a PNG to get PNG icons): 16, 32 and 96 px browser favicons; Apple touch icons from 57 to 180 px; Android icons at 36, 48 and 192 px; and Microsoft tiles at 70, 144, 150 and 310 px. They download together as a ZIP.

Why is my new favicon not showing?

Browsers cache favicons heavily. Clear the browser cache or open the site in a private window. Google search results can take days or weeks to update.

Does Google show my favicon in search results?

Google can show it next to your site name. It needs a square icon of at least 48 × 48 px that crawlers can access.

Can I use a non-square logo?

The generator resizes to squares, so a wide logo gets squashed. Crop a square version – usually just the symbol – first.

Do I need a favicon.ico file?

Modern browsers accept PNG favicons linked in your HTML, which is what this generator produces. Some site owners also add favicon.ico in the root for old browsers.

So erstellen Sie in wenigen Minuten ein Favicon für Ihre Website

Herr Deepak in Bildleitfäden 08. Okt / vor 3 Wochen

Um ein Favicon zu erstellen, laden Sie ein quadratisches PNG, JPG oder GIF Ihres Logos in den Favicon-Generator auf pdfseotools.com hoch. Laden Sie ein PNG hoch, um PNG-Icons zu erhalten. Sie erhalten eine ZIP-Datei mit 17 Icon-Größen für Browser, iPhone, Android und Windows. Laden Sie die Dateien in Ihr Website-Root-Verzeichnis hoch und fügen Sie die Link-Tags zum Head Ihrer Seite hinzu.

Wichtige Fakten

Eingabe: PNG, JPG oder GIF – quadratisch ist am besten
Ausgabe: 17 Größen in einer ZIP, im hochgeladenen Format (PNG empfohlen)
Abdeckung von Browsern (16–96 px), Apple (57–180 px), Android (36–192 px), Windows-Kacheln (70–310 px)
Google benötigt mindestens 48 × 48 px, um es in den Suchergebnissen anzuzeigen

Warum ein Favicon wichtig ist

🖼️ Das Favicon ist das winzige Symbol in Browser-Tabs, Lesezeichen, auf dem Startbildschirm von Handys und – zunehmend – neben Ihrem Website-Namen in den Google-Ergebnissen. Ein klares Icon erleichtert das Finden Ihrer Website zwischen zwanzig offenen Tabs und wirkt in der Suche vertrauenswürdiger.

So erstellen Sie Ihr Favicon – Schritt für Schritt

Schritt 1: Bereiten Sie ein quadratisches Bild vor

Verwenden Sie Ihr Log symbol auf einem einfarbigen Hintergrund, mindestens 310 × 310 px. Entfernen Sie kleine Texte – sie werden bei 16 px unleserlich.

Schritt 2: Laden Sie es hoch

Öffnen Sie den Favicon-Generator und wählen Sie Ihr Bild aus – ein PNG ist am besten, da die Icons im gleichen Format gespeichert werden, wie Sie sie hochladen.

Schritt 3: Generieren

Das Tool erstellt alle 17 Größen auf einmal.

Schritt 4: ZIP herunterladen

Entpacken Sie es auf Ihrem Computer – diese Dateien werden Sie als Nächstes auf Ihre Website hochladen.

Fügen Sie es Ihrer Website hinzu

Laden Sie die PNG-Dateien in den Stammordner Ihrer Website hoch (der Ordner mit Ihrer Homepage) und fügen Sie dann diese Zeilen in den <head>-Bereich Ihrer Seiten ein:

💡 Möchten Sie es sofort ausprobieren? Öffne den kostenlosen Favicon-Generator – es dauert weniger als eine Minute, funktioniert auf Handy und Computer und erfordert keine Anmeldung. Öffne Favicon-Generator →

WordPress: Gehen Sie zu Darstellung → Anpassen → Website-Identität → Website-Symbol und laden Sie ein Bild mit 512 × 512 Pixeln hoch – WordPress fügt die Tags für Sie hinzu. Blogger: Layout → Favicon → Bearbeiten.

Design-Tipps für winzige Größen

Verwenden Sie eine fette Form oder einen Buchstaben – feine Details verschwinden bei 16 px.
Wählen Sie einen starken Kontrast, damit es sowohl auf hellen als auch auf dunklen Browser-Tabs gut aussieht.
Vermeiden Sie dünne Linien und lange Wörter.
Vorschau in klein: Zoomen Sie Ihren Browser heraus und schauen Sie sich den Tab an.

Probiere jetzt den kostenlosen Favicon-Generator aus

Öffnen Sie den Favicon Generator auf pdfseotools.com – kostenlos, keine Anmeldung und es funktioniert auf jedem Gerät.

Öffne Favicon-Generator →

Häufig gestellte Fragen

Welches Bild sollte ich hochladen?

Ein quadratisches PNG, JPG oder GIF Ihres Logos oder Icons, idealerweise mindestens 310 × 310 Pixel und einfach genug, um bei winzigen Größen erkannt zu werden.

Welche Größen erstellt der Generator?

17 Größen, im gleichen Format gespeichert, das Sie hochladen (laden Sie ein PNG hoch, um PNG-Icons zu erhalten): 16, 32 und 96 px Browser-Favicons; Apple-Touch-Icons von 57 bis 180 px; Android-Icons bei 36, 48 und 192 px; und Microsoft-Kacheln bei 70, 144, 150 und 310 px. Sie werden zusammen als ZIP heruntergeladen.

Warum wird mein neues Favicon nicht angezeigt?

Browser cachen Favicons stark. Löschen Sie den Browser-Cache oder öffnen Sie die Website in einem privaten Fenster. Es kann Tage oder Wochen dauern, bis sich die Google-Suchergebnisse aktualisieren.

Zeigt Google mein Favicon in den Suchergebnissen an?

Google kann es neben Ihrem Website-Namen anzeigen. Es benötigt ein quadratisches Icon von mindestens 48 × 48 px, auf das Crawler zugreifen können.

Kann ich ein nicht-quadratisches Logo verwenden?

Der Generator passt die Größe auf Quadrate an, sodass ein breites Logo gequetscht wird. Schneiden Sie zuerst eine quadratische Version – normalerweise nur das Symbol – zu.

Brauche ich eine favicon.ico-Datei?

Moderne Browser akzeptieren PNG-Favicon-Links in deinem HTML, was dieser Generator erstellt. Einige Website-Betreiber fügen auch favicon.ico im Root-Verzeichnis für alte Browser hinzu.

Zusammenfassung

Ein quadratisches Logo rein, 17 Größen raus, ein paar Zeilen in Ihrem HTML – und Ihre Website erhält überall ein professionelles Icon. Erstellen Sie Ihres mit dem Favicon Generator und entdecken Sie weitere kostenlose Bildbearbeitungswerkzeuge.

Schlagwörter favicon Website-Symbol Favicon-Generator Branding

Teilen in sozialen Medien: