WebP in ICO umwandeln
Ihr Logo liegt nur als WebP vor, gespeichert von Ihrer eigenen Website oder aus einem Design-Export? Machen Sie daraus eine favicon.ico, die Browser, Lesezeichen und Windows-Verknüpfungen ohne zusätzliches Markup übernehmen.
Bild-Konverter
oder JPG, JPEG, JPE …-Dateien hierher ziehen ·
Max. 95 MB pro Datei· Bis zu 20 Dateien· Gelöscht nach 30 Minuten
Dateien werden auf unseren Servern verarbeitet und nach 30 Minuten gelöscht.
85 hält Fotos optisch identisch mit dem Original. Senken Sie den Wert nur, wenn Sie eine kleinere Datei brauchen.
JPG, BMP und EPS unterstützen keine Transparenz. Transparente Pixel werden mit dieser Farbe gefüllt.
Hex-Farbe hinter transparenten Pixeln, z. B. #FFFFFF.
Dieses Format enthält nur ein einzelnes Bild. Wählen Sie GIF oder WebP als Ausgabe, wenn die Animation erhalten bleiben soll.
Ein Symbol mit mehreren Größen enthält mehrere Auflösungen in einer Datei; Browser und Betriebssysteme wählen die passende.
Die ursprünglichen Abmessungen beibehalten oder eine Seite eingeben; das Seitenverhältnis bleibt erhalten.
Pixel für die oben gewählte Seite.
Prozentsatz der ursprünglichen Abmessungen.
sRGB passt für Bildschirme und das Web. Behalten Sie das Original für Druck-Workflows; Graustufen verwerfen die Farbe.
Nur Metadaten, 0 behält den ursprünglichen Wert. Drucker und einige Portale lesen diese Zahl; die Pixelmaße ändern sich dadurch nicht.
So verwenden Sie dieses Tool
- 1
WebP-Logo hochladen
Ziehen Sie die .webp-Datei hinein, oder bis zu 20 gleichzeitig, je 95 MB. Ein quadratisches Logo mit mindestens 256 × 256 px funktioniert am besten.
- 2
Alle Symbolgrößen beibehalten
Icon-Größen steht unter Erweiterte Einstellungen auf Alle Größen (16–256). Animierte WebP-Dateien verwenden ihr erstes Einzelbild.
- 3
Umwandeln und auf Ihre Website hochladen
Klicken Sie auf In ICO umwandeln, benennen Sie die Datei bei Bedarf in favicon.ico um und legen Sie sie im Stammordner Ihrer Website ab.
Von Websites gespeicherte Logos sind heutzutage meist WebP. Eine Umwandlung macht aus dieser Datei eine favicon.ico mit mehreren Größen und erhaltenem transparentem Hintergrund.
favicon.ico aus einem WebP-Logo erstellen
WebP wurde nach der Einführung durch Google im Jahr 2010 zum Standardbildformat eines großen Teils des Webs; WordPress akzeptiert WebP-Uploads seit Version 5.8 im Jahr 2021, und viele Bild-CDNs wandeln jedes ausgelieferte PNG um. Wenn Sie nach Ihrem eigenen Logo suchen, ist die auffindbare Kopie daher oft eine .webp-Datei, die Favicon-Generatoren, Windows und manche Hosting-Panels nicht annehmen.
Das ICO-Format löst ein anderes Problem als WebP. Statt eines komprimierten Bildes bündelt es mehrere quadratische Bitmaps, und der Browser oder das Betriebssystem wählt die benötigte Größe: 16 px für einen Tab, 32 px für die Taskleiste oder Lesezeichenleiste, größere für Desktop-Verknüpfungen und Bildschirme mit hoher Pixeldichte. Die Umwandlung erzeugt diese Größen in einem Durchgang aus Ihrer WebP-Datei.
Behalten Sie die WebP-Datei selbst für das Logo im Seitenkopf. Die beiden Dateien dienen unterschiedlichen Zwecken, und die Umwandlung verändert das Original nicht.
Was der Konverter in die ICO-Datei packt
- Fünf Größen in einer .ico
- 16–256 px
- WebP-Dateien pro Stapel
- 20
- Maximale Größe pro Datei
- 95 MB
- Danach vom Server gelöscht
- 30 Min.
WEBP
WebP-Bild
WebP ist ein Bildformat, das Google 2010 veröffentlichte, damit Webseiten schneller laden. Es unterstützt verlustbehaftete und verlustfreie Kompression, Alpha-Transparenz und Animation in einem einzigen Format. Verlustbehaftete WebP-Dateien sind bei ähnlicher Bildqualität meist 25–35 % kleiner als JPEGs, verlustfreies WebP ist meist kleiner als PNG. Alle aktuellen Browser unterstützen es, manche ältere Desktop-Software, Druckdienste und Upload-Formulare lehnen es aber noch ab. Windows, macOS und die meisten modernen Bildbearbeitungen öffnen WebP-Dateien.
- Komprimierung
- Verlustbehaftet oder verlustfrei
- Transparenz
- Ja
- Animation
- Ja
- Eingeführt
- 2010 · Google
ICO
Windows-Symbol
ICO ist das Symbolformat von Microsoft, das für Windows-Programmsymbole und Website-Favicons verwendet wird. Eine .ico-Datei kann mehrere Bilder in verschiedenen Größen enthalten, etwa 16×16, 32×32, 48×48 und 256×256 Pixel, damit das System die passendste auswählen kann. Jedes Bild kann als Bitmap oder als PNG-Daten gespeichert werden und unterstützt volle Alpha-Transparenz. ICO ist nicht für Fotos oder große Grafiken gedacht. Browser, Windows und die meisten Symbol-Editoren können es lesen.
- Komprimierung
- Verlustfrei
- Transparenz
- Ja
- Animation
- Nein
- Eingeführt
- Microsoft
Ein WebP-Logo wird zur ICO, wenn die einzige Kopie des Markenzeichens die komprimierte Datei ist, die eine Website oder ein CMS ausgeliefert hat, und die Seite trotzdem eine favicon.ico im Stammverzeichnis braucht.
Ein WebP-Logo für einen 16 px großen Browser-Tab vorbereiten
Auf das Zeichen zuschneiden
Die meisten Logos sind breit. Behalten Sie nur das Symbol oder den ersten Buchstaben und schneiden Sie es mit etwas Rand quadratisch zu.
Kleinen Text weglassen
Claims und Schriftzüge werden bei 16 px zu grauem Rauschen. Eine einzelne kräftige Form bleibt erkennbar, dünne Linien nicht.
Beide Tab-Farben prüfen
Sehen Sie sich das Ergebnis in einem hellen und einem dunklen Browser-Design an. Ein dunkles Logo auf transparentem Hintergrund kann in einem dunklen Tab verschwinden.
Das neue Favicon auf Ihrer Website einbinden
Legen Sie favicon.ico im Stammordner ab, damit sie unter yoursite.com/favicon.ico erreichbar ist. Die Angabe im Seitenkopf mit <link rel="icon" href="/favicon.ico" sizes="any"> macht die Wahl eindeutig, und ein CMS wie WordPress hat ein eigenes Feld für das Website-Icon, das diese Tags für Sie schreibt.
Zwei weitere Icons vervollständigen das Set. iPhones und iPads verwenden ein apple-touch-icon, ein PNG mit 180 × 180 px, wenn jemand Ihre Website zum Home-Bildschirm hinzufügt; erstellen Sie es mit WebP in PNG und unserer Anleitung zum Zuschneiden. Die Google-Suche verlangt ein quadratisches Favicon, dessen Größe ein Vielfaches von 48 px ist; ein von der Startseite verlinktes PNG mit 96 oder 144 px deckt also auch die Suchergebnisse ab. Browser speichern Favicons hartnäckig im Cache; öffnen Sie die Seite in einem privaten Fenster, um das neue sofort zu sehen.
Fragen zu WebP in ICO
Wozu brauche ich eine .ico-Datei, wenn mein Logo schon als WebP vorliegt?
Browser fordern /favicon.ico im Stammverzeichnis Ihrer Website selbstständig an, wenn eine Seite kein Icon deklariert. Windows-Verknüpfungen, ältere Browser und viele Favicon-Felder in CMS erwarten ICO oder PNG. Eine einzige .ico im Stammverzeichnis deckt all das ohne zusätzliches Markup ab.
Bleibt der transparente Bereich um mein WebP-Logo transparent?
Ja. WebP und ICO unterstützen beide einen Alphakanal, daher wird der transparente Hintergrund direkt in jede Größe im Icon übernommen, und das Favicon sieht auf hellen wie dunklen Browser-Tabs sauber aus.
Was passiert, wenn ich ein animiertes WebP hochlade?
ICO enthält Standbilder, deshalb verwendet der Konverter das erste Einzelbild (Animierte Eingabe steht auf Nur erstes Einzelbild). Wählen Sie eine andere Quelle, wenn das erste Einzelbild leer ist oder mitten in einem Übergang liegt.
Sieht man die verlustbehaftete WebP-Komprimierung im Favicon?
Bei 16 bis 64 px selten, weil das Verkleinern kleine Artefakte herausmittelt. In den Ebenen mit 128 und 256 px können schwache Lichthöfe bleiben. Falls das Logo auch als Vektorgrafik vorliegt, liefert SVG in ICO die saubersten Kanten.
Welche Auflösung braucht mein WebP-Logo für ein scharfes Favicon?
Mindestens 256 × 256 px und quadratisch, damit die größte Ebene durch Verkleinern statt Vergrößern entsteht. Ein 120-px-Logo aus einem Seitenkopf wirkt in den größeren Größen weich.