GIF in ICO (animiertes Favicon)
Verwandeln Sie ein GIF in die beiden Dateien, die ein animiertes Favicon benötigt: einen Favicon.ico in mehreren Größen, der aus dem ersten Frame ausgeschnitten wird, und die Größe der Animation für einen Browser-Tab anpassen.
Platzieren Sie hier Ihr Logo
oder Dateien durchsuchen
GIF • Max 10MB
Größen innerhalb von Favicon.ico
Erstellt aus dem ersten Frame Ihres GIF
Animationsgröße
Quadratgröße für das animierte Favicon.gif
Verwandt
- Möchten Sie die ganze Geschichte zur Browserunterstützung erfahren? Animierter Favicon-Leitfaden.
- Benötigen Sie auch PNG-Größen und ein Manifest? Generieren Sie ein vollständiges Paket.
- Ausgehend von einem Standbild? PNG in ICO.
- Überprüfen Sie, was Ihre Live-Site bietet? Favicon-Checker.
Bevor Sie versenden
Die meisten Ihrer Besucher werden die Animation nie sehen. Firefox spielt es ab; Chrome, Edge und Safari rendern den ersten Frame. Betrachten Sie die Bewegung als Bonus, nicht als die Botschaft.
Halten Sie die Schleife kurz und kontrastarm. Ein Favicon, das neben einem Tab-Titel flackert, wird als Benachrichtigung gelesen und nervt die Leute schnell.
Laden Sie beide Dateien in das Stammverzeichnis Ihrer Website hoch und fügen Sie dann das Snippet ein <head>.
Häufig gestellte Fragen
Wird das Favicon tatsächlich animiert?
In Firefox ja. Chrome, Edge und Safari zeigen stattdessen den ersten Frame – Chrome hat seine animierte-Favicon-Anfrage als geschlossen nicht geplant. Deshalb bietet Ihnen dieses Tool auch einen ICO-Fallback. Der animierter Favicon-Leitfaden deckt den JavaScript-Ansatz für andere Browser ab.
Laden Sie meine Datei hoch?
Ja. Ihr GIF wird hochgeladen, damit die Frames auf dem Server dekodiert und in der Größe geändert werden können.
Welche Animationsgröße soll ich wählen?
32px passt zu den meisten Tabs. Größere Größen bedeuten eine größere Datei für ein Symbol, das niemand sieht, etwa 32 Pixel, also erhöhen Sie es nur, wenn Ihre Grafik dies erfordert.
Warum ist der erste Frame so wichtig?
Jeder Browser, der keine Animationen ausführt, zeigt Bild eins an und die Google-Suche verwendet ein statisches Symbol. Machen Sie Rahmen eins für sich allein lesbar.