Kostenloser Favicon-Generator

Browser sind sich längst nicht mehr über eine Größe einig, deshalb deckt ein modernes Favicon-Set mehrere ab. Ein Paar aus 32x32 und 16x16 PNG (gebündelt in favicon.ico) deckt Browser-Tabs und Lesezeichenleisten am Desktop ab. Ein 180x180 PNG namens apple-touch-icon.png nutzt iOS, wenn jemand Ihren Shop auf den Startbildschirm legt. Ein 192x192 und ein 512x512 PNG decken Android-Startbildschirme und die Installationsaufforderung ab, falls ein Käufer Ihren Storefront als Verknüpfung hinzufügt.

Sie müssen nicht jedes Tag von Hand setzen. Dieser Generator baut das komplette Set aus einem Upload und gibt Ihnen das genaue HTML für den Head-Bereich Ihres Themes, sodass nichts fehlt und nichts zu groß ist.

Ein SVG-Favicon bleibt in jeder Größe gestochen scharf, und einige neuere Browser nutzen es direkt. Die Unterstützung ist aber in älteren Browsern, in E-Mail-Programmen, die Ihre Seite darstellen, und in den meisten Social-Vorschauen noch uneinheitlich. Sicher ist ein PNG-basiertes Set als Standard und SVG als Zugabe, nicht als Ersatz. Deshalb exportiert dieses Tool PNG- und ICO-Dateien statt nur SVG: Sie funktionieren überall, heute, ohne zusätzliche Tests.

Entpacken Sie den Download und laden Sie die Dateien in den Assets- oder Stammordner Ihres Themes, behalten Sie dabei die Dateinamen bei. Fügen Sie das HTML-Snippet aus dem ZIP in den Head-Bereich Ihrer Theme-Layoutdatei ein, oberhalb des schließenden Head-Tags. Die meisten Shop-Plattformen, LaunchMyStore eingeschlossen, haben in den Theme- oder Branding-Einstellungen ein eigenes Favicon-Feld, in das Sie das 512x512 PNG direkt legen können, ohne Code zu bearbeiten.

Leeren Sie nach dem Upload den Browser-Cache oder öffnen Sie den Shop in einem privaten Fenster. Favicons werden aggressiv zwischengespeichert, ein altes Tab-Symbol nach einer Änderung liegt also fast immer am Browser, nicht an der Datei.