Über Bild zu Favicon
Zyffs Bild-zu-Favicon-Konverter nimmt ein gewöhnliches Bild — ein JPG aus der Kamera, einen PNG-Screenshot, ein WebP, ein AVIF oder ein SVG — und liefert den quadratischen Symbolsatz zurück, den ein Browser will. Der schwierige Teil ist nicht das Skalieren, sondern dass fast kein echtes Bild quadratisch ist. Deshalb öffnet diese Seite mit Beschneiden auf Füllung und gefülltem Hintergrund, sodass aus einem 4:3-Foto ein gefülltes Quadrat wird statt eines mit Balken an zwei Seiten. Schalten Sie auf Einpassen um, wenn ein Logo seine ganze Form behalten muss. Die Umwandlung läuft auf Zyffs Servern nur im Arbeitsspeicher, Ihr Bild wird also nie gespeichert.
So wandeln Sie ein Bild in ein Favicon um
Laden Sie Ihr Bild hoch
Jede Form und wahlweise PNG, JPG, WebP, AVIF oder SVG, bis 25 MB. Sie müssen es nicht vorher quadratisch beschneiden — genau dafür ist diese Seite eingerichtet.
Wählen Sie Beschneiden oder Einpassen
Beschneiden auf Füllung ist voreingestellt und für Fotos richtig: Es füllt das Quadrat aus der Bildmitte und schneidet den Überstand ab. Schalten Sie auf Einpassen um bei einem Schriftzug oder einem breiten Logo, wo der Verlust der Enden den Sinn verlöre.
Setzen Sie den Hintergrund
Ein beschnittenes Foto braucht keinen Hintergrund, weil es das Quadrat füllt. Ein eingepasstes Logo schon, und Transparenz wird nur von der PNG- und ICO-Ausgabe geachtet — das apple-touch-Symbol wird immer plattgelegt, denn iOS zeichnet transparente Bereiche eines Startbildschirm-Symbols schwarz.
Justieren Sie Rand und Rundung
Ein Foto will meist weder das eine noch das andere. Ein Logo will oft ein paar Prozent Rand, damit es die Kante eines Browser-Tabs nicht berührt, und Rundung nur, wenn Ihr Symbol als App-Kachel gelesen werden soll.
Herunterladen und die Tags einfügen
Nehmen Sie das ZIP und kopieren Sie die erzeugten link-Tags in Ihren Head.
Was Bild zu Favicon kann
Nicht quadratische Eingabe wird verarbeitet
Beschneiden aus der Mitte mit Füllung ist hier der Standard, sodass aus einem Querformatfoto ein gefülltes Quadrat wird statt eines mit Balken. Kein vorheriger Beschnittschritt.
Liest, was Handys erzeugen
JPG, PNG, WebP, AVIF, HEIC-nahe Formate und SVG gehen alle hinein. Ein Foto direkt vom Handy braucht keine vorherige Umwandlung.
Ehrlich zur Transparenz
Transparenz bleibt in der PNG- und ICO-Ausgabe erhalten und wird für apple-touch plattgelegt, denn iOS setzt ein Startbildschirm-Symbol auf eine Kachel und zeichnet transparente Pixel schwarz.
Nachschärfen in kleinen Größen
Auf Elemente mit 64 px und darunter wird ein sanftes Nachschärfen angewandt, denn dort wird eine schlichte Verkleinerung eines Fotos zuerst weich.
Jede Ausgabe, die der Satz braucht
Die .ico, die PNG-Größen, apple-touch, die Android- und maskierbaren Symbole und das Manifest — alles aus dem einen Bild.
At a glance
| Akzeptierte Eingabe | PNG, JPG, WebP, AVIF, SVG bis 25 MB, 100 Megapixel |
|---|---|
| Standard-Anpassung | cover — auf Füllung beschneiden, aus der Mitte |
| Alternative Anpassung | contain — ganzes Bild behalten, auf Quadrat aufgefüllt |
| Randbereich | 0-40 % pro Seite (0-30 % für apple-touch) |
| Eckenrundung | 0-50 % der Flächenkante; 50 ergibt einen Kreis |
| Nachschärfen angewandt bei | Elementen mit 64 px und darunter |
| Master-Rendering | 1024 px im Quadrat |
Frequently asked questions
Kann ich ein Foto als Favicon verwenden?
Sie können, und das Ergebnis ist meist schlecht, aus einem Grund, der mit der Umwandlung nichts zu tun hat: Ein Favicon wird mit 16 bis 32 Pixeln angezeigt, und ein Foto ist in dieser Größe ein Fleck aus Durchschnittsfarbe. Wenn ein Foto alles ist, was Sie haben, beschneiden Sie es auf das eine markanteste Element — ein Gesicht, ein Objekt, eine Form — statt das ganze Bild zu verkleinern.
Was passiert mit meinem nicht quadratischen Bild?
Es wird aus der Mitte auf ein Quadrat beschnitten und der Überstand verworfen, denn das ist die Voreinstellung dieser Seite. Sitzt das Motiv außermittig, beschneiden Sie es vorher selbst oder stellen Sie die Anpassung auf Einpassen um, was das ganze Bild behält und stattdessen die kurze Achse auffüllt.
Soll ich die Transparenz behalten?
Behalten Sie sie für die PNG- und ICO-Ausgabe, wo sie das Symbol ohne sichtbaren Kasten auf hellem oder dunklem Browser-Rahmen sitzen lässt. Für apple-touch lässt sie sich nicht behalten: iOS legt ein Startbildschirm-Symbol auf eine Kachel und zeichnet transparente Pixel schwarz — die ehrliche Antwort für ein transparentes Logo ist also ein weißer Apple-Hintergrund und Transparenz überall sonst.
Verliert die Umwandlung eines JPG in ein Favicon an Qualität?
Das Skalieren fügt keinen Verlust hinzu, aber das JPEG, mit dem Sie begonnen haben, hat bereits Detail verworfen, und dieser Schaden ist bei kleinen Größen am sichtbarsten, wo ohnehin wenig Detail übrig ist. Beginnen Sie mit der größten, am wenigsten komprimierten Fassung, die Sie haben — ein PNG-Export oder das Originalvektorbild schlägt ein JPG, das durch eine Chat-App gelaufen ist.
Mein Logo enthält Text. Wird er lesbar sein?
Bei 180 px ja, bei 32 px selten, bei 16 px fast nie. Nehmen Sie die Marke ohne Schriftzug für den Symbolsatz und behalten Sie die vollständige Kombination für Ihren Kopfbereich. Prüfen Sie die 16-px-Vorschau vor dem Herunterladen — diese Größe entscheidet es.
Wird mein hochgeladenes Foto irgendwo gespeichert?
Nein. Die Anfrage ist in sich abgeschlossen: Der Server dekodiert Ihr Bild, rendert den Satz, streamt ihn zurück, und der Puffer mit dem Original verlässt mit der Anfrage den Gültigkeitsbereich. Es gibt kein Konto und keine Galerie früherer Aufträge, es gibt also nichts, was man leeren müsste.