Bilder in Icons und Favicons umwandeln
Wähle ein Bild, und wir erzeugen daraus einen vollständigen Icon-Satz: eine favicon.ico mit sechs eingebetteten Größen, plus PNG-Icons für jede Größe, die Browser und Betriebssysteme verlangen.
So funktioniert es
- 1
Ein Bild wählen — idealerweise ein quadratisches PNG mit transparentem Hintergrund.
- 2
Anpassungsmodus und gewünschte Größen wählen.
- 3
Jede Größe vor dem Herunterladen prüfen.
- 4
Nur die favicon.ico herunterladen oder das komplette Paket mit PNG-Icons und Manifest.
Warum ein Bild allein nicht reicht
Browser verlangen 16 und 32 Pixel für den Tab, iOS verlangt 180 für den Startbildschirm, Android verlangt 192 und 512 für das Manifest. Ein einzelnes großes Bild zu liefern lässt jedes Gerät es selbst verkleinern, was bei kleinen Größen unscharf wirkt — deshalb erzeugen wir jede Größe einzeln mit hochwertiger Glättung.
Was eine ICO-Datei ist
Eine einzelne Datei mit mehreren Bildern in verschiedenen Größen, aus der das System die passende für jeden Ort wählt. Wir legen 16, 32, 48, 64, 128 und 256 Pixel hinein — die Abdeckung, die Browser und Windows gemeinsam brauchen.
Ganzes Bild oder füllen und zuschneiden?
Icons sind quadratisch, dein Bild meist nicht. „Ganzes Bild“ behält es vollständig und fügt transparente Ränder hinzu, passend für Logos. „Füllen und zuschneiden“ füllt das ganze Quadrat und schneidet die Ränder ab, passend für Fotos.
Häufige Fragen
- Was unterscheidet favicon.ico von PNG-Icons?
- Die ICO vereint mehrere Größen, und jeder Browser versteht sie, auch ältere. Einzelne PNGs braucht iOS, Android und das Web-Manifest. Das komplette Paket gibt dir beides.
- Wo lege ich die Dateien ab?
- Im Stammverzeichnis deiner Website, dann füge die unter dem Werkzeug gezeigten Link-Tags in den head deiner Seiten ein.
- Was ist ein gutes Ausgangsbild?
- Ein quadratisches Bild mit transparentem Hintergrund, 512 Pixel oder größer. Einfache Logos wirken bei 16 Pixeln viel klarer als detailreiche Grafiken.
- Bleibt die Transparenz erhalten?
- Ja. Alle Größen werden als PNG erzeugt, innerhalb und außerhalb der ICO, und PNG unterstützt Transparenz vollständig.
- Wird SVG unterstützt?
- Ja, und es ist die beste mögliche Quelle — es wird genau in der Größe jedes Icons gezeichnet, das Ergebnis ist also perfekt scharf.
- Welche Größe hat das iOS-Icon?
- 180 Pixel, für das apple-touch-icon-Tag. Es ist in der Größenliste standardmäßig ausgewählt.
- Wird mein Bild auf einen Server hochgeladen?
- Nein. Alles wird in deinem Browser erzeugt, und die ICO-Datei selbst wird Byte für Byte auf der Seite zusammengesetzt.
- Was ist site.webmanifest?
- Eine Datei, die Android mitteilt, welche Icons zu verwenden sind, wenn jemand deine Website zum Startbildschirm hinzufügt. Wir erzeugen sie fertig im Paket.