Favicon-Generator
Erstellen Sie PNGs für Ihre Website und ein ICO mit den Größen 16px und 32px aus 1 JPEG-, PNG-, WebP- oder statischen SVG-Bild. Wählen Sie PNG-Größen und Zuschnitt oder Ränder aus und speichern Sie die für die Veröffentlichungsvorbereitung oder einen Logo-Wechsel benötigten Bilder und HTML-Tags einzeln oder als ZIP. Bei Auswahl von 192px oder 512px wird auch ein Beispiel für die Symbolkonfiguration im Manifest beigefügt.
Funktionen
Mehrere Größen gemeinsam erstellen
Erstellen Sie PNGs in den ausgewählten Größen sowie ein ICO mit 16 und 32px.
Auch Installationsdateien speichern
Bündeln Sie Bilder und HTML-Tags in einer ZIP-Datei, bei Bedarf mit einem Beispiel für die Symbolkonfiguration im Manifest.
Anleitung
Quellbild auswählen
Wählen Sie 1 JPEG-, PNG-, WebP- oder statisches SVG-Bild aus.
Größen und Anpassung auswählen
Wählen Sie die benötigten PNG-Größen sowie quadratischen Zuschnitt oder Ränder aus.
Auch kleine Größen prüfen
Prüfen Sie die erstellten Symbole. Bei kleinen Größen können Text und dünne Linien schwer lesbar sein.
Speichern und auf der Website platzieren
Entpacken Sie die ZIP-Datei, platzieren Sie die Bilder auf Ihrer Website und passen Sie die Pfade in den HTML-Tags an Ihre Website-Struktur an.
Nützlich für
Website-Veröffentlichung vorbereiten
Bereiten Sie kleine Symbole für Tabs und ähnliche Verwendungszwecke sowie Bilder für den Startbildschirm vor.
Symbole beim Logo-Wechsel ersetzen
Erstellen Sie die benötigten Größen aus demselben Quellbild neu, passend zu den Symbolen Ihrer Website.
Symbolsatz auf der Website verwenden
Unterschied zwischen ICO und PNG
Ein ICO kann Bilder in mehreren Größen speichern. Das ICO dieses Werkzeugs enthält immer 16×16 und 32×32. PNGs werden einzeln in den ausgewählten Größen erstellt.
Darstellung kleiner Symbole
Text, der im großen Quellbild lesbar ist, kann bei 16px oder anderen kleinen Größen schwer erkennbar sein. Prüfen Sie jede erstellte Größe.
Bildspeicherorte und HTML-Pfade
Die Konfigurationsbeispiele gehen von einer Ablage im Website-Stammverzeichnis aus. Für einen anderen Speicherort müssen Sie sowohl HTML-href als auch Manifest-src entsprechend anpassen.
Das Manifest ist ein Beispiel für die Symbolkonfiguration
Wird erstellt, wenn 192px oder 512px ausgewählt ist. Damit ist die Konfiguration der gesamten Web-App nicht abgeschlossen.
Häufig gestellte Fragen
Kann ich ein ICO ohne PNG-Auswahl erstellen?
Sie müssen mindestens 1 PNG-Größe auswählen. Das ICO enthält unabhängig von der PNG-Auswahl 16px und 32px.
Kann ich mehrere Größen gemeinsam speichern?
Speichern Sie Bilder und Installationsdateien gemeinsam als ZIP. Einzelne Bilder und Konfigurationsbeispiele können ebenfalls gespeichert werden.
Kann ich ein rechteckiges Bild verwenden?
Schneiden Sie die Mitte quadratisch zu oder fügen Sie Ränder hinzu, um das gesamte Bild zu erhalten. Die Bildposition oder Streckung lässt sich nicht anpassen.
Erscheint das Ergebnis nach der Erstellung automatisch auf meiner Website?
Die Dateien werden nicht automatisch veröffentlicht. Platzieren Sie die Bilder auf Ihrer Website, konfigurieren Sie HTML und Manifest und prüfen Sie die Darstellung am Einsatzort.
Dateiverwaltung
- Eingabe
- Verwenden Sie 1 JPEG-, PNG-, WebP- oder statisches SVG-Bild.
- Ausgabe
- ICO, ausgewählte PNGs, HTML und gegebenenfalls ein Manifest. Die Ausgabe besteht aus Standbildern und Metadaten werden entfernt.