Favicon-Generator
Verwandeln Sie ein einfaches Bild in ein Favicon- und Website-Symbolpaket. Überprüfen Sie, ob das Design auch bei kleinen Größen erkennbar bleibt, laden Sie die Dateien herunter und befolgen Sie das mitgelieferte Installationsbeispiel.
Bevor Sie beginnen
- Eingabe
- Ein JPG-, PNG- oder statisches WebP-Bild.
- Ausgabe
- Eine ZIP-Datei mit den Symbolen ICO, PNG, einem Manifest und einem HTML-Beispiel.
Werkzeug wird geladen…
So verwenden Sie dieses Tool
- Wählen Sie ein JPG-, PNG- oder statisches WebP-Bild.
- Auf ein Quadrat zuschneiden oder Abstand hinzufügen und die Symbolvorschau überprüfen.
- Laden Sie die ZIP-Datei herunter und passen Sie die Beispielpfade an Ihre Website an.
Verstehen Sie das Ergebnis
Ein Favicon erscheint oft in einer sehr kleinen Größe. Ein klares Symbol oder ein klarer Buchstabe funktioniert normalerweise besser als detaillierte Grafiken oder kleiner Text. Die generierten Dateien müssen noch hochgeladen und von Ihrer Website referenziert werden.
Bereiten Sie ein kleines, klares Symbol vor
Überprüfen Sie vor dem Herunterladen die 16-Pixel-Vorschau. Erwarten Sie nicht, dass eine breite Wortmarke oder ein vollständiges Foto in einem kleinen Quadrat lesbar bleibt.
Probieren Sie ein Beispiel aus
Probieren Sie ein Originalbeispiel aus, um den unterstützten Workflow zu überprüfen. Eine erfolgreiche Probenahme ist keine Garantie für jede Eingabe.
Originalbildbeispiel ↓
Wenn das Ergebnis nicht Ihren Erwartungen entspricht
Die Site zeigt immer noch das alte Symbol an.
Beim Generieren von Dateien werden diese nicht installiert. Überprüfen Sie die Symbol-URLs und das Seiten-Markup, leeren Sie dann den Site-Cache und testen Sie eine neue Browsersitzung. Browser- und Suchergebnissymbole können zu unterschiedlichen Zeiten aktualisiert werden.
Nächstes nützliches Tool: SVG bis PNG →Wichtige Grenzwerte
- Nur Bildeingabe; Konvertieren Sie zuerst einen SVG in einen PNG.
- Das Tool ändert die Konfiguration Ihrer Website nicht.
- Überprüfen Sie nach der Installation der Symbole Ihre eigene Website, da Caching und Plattformverhalten unterschiedlich sein können.
- Maximal 10 MB und 12 Millionen Pixel. Die Ausgabe umfasst die Symbole ICO, PNG, ein Webmanifest und das Beispiel HTML in einer ZIP-Datei.
Häufig gestellte Fragen
Wird dadurch das Favicon auf meiner Website installiert?
Nein. Es werden Dateien und ein Beispiel vorbereitet. Laden Sie die Dateien hoch und aktualisieren Sie die Pfade oder Ihre Website-Einstellungen.
Macht das Paket meine Website zu einem PWA?
Nein. Symboldateien und ein einfaches Webmanifest sind nur Teil eines Web-App-Setups.
Warum ist mein Logo bei 16 Pixeln schwer zu lesen?
Feine Details können bei dieser Größe verschwinden. Versuchen Sie es mit einem einfacheren Symbol, einer stärkeren Form oder mehr Platz um die Markierung.
Passende Anleitungen
Fragen oder eine Korrektur? mrkcal@mrkcal.com