Konvertera WebP till ICO
Finns din logga bara som en WebP sparad från din egen webbplats eller en designexport? Gör den till en favicon.ico som webbläsare, bokmärken och genvägar i Windows hittar utan extra kod.
Bildkonverterare
eller släpp JPG, JPEG, JPE …-filer här ·
Max 95 MB per fil· Upp till 20 filer· Raderas efter 30 minuter
Filerna bearbetas på våra servrar och raderas efter 30 minuter.
85 gör att foton ser identiska ut med originalet. Sänk den bara när du behöver en mindre fil.
JPG, BMP och EPS saknar transparens. Genomskinliga pixlar fylls med denna färg.
Hexfärg som används bakom genomskinliga pixlar, t.ex. #FFFFFF.
Det här formatet rymmer bara en bild. Välj GIF eller WebP som utdata om du vill behålla animationen.
En ikon med flera storlekar innehåller flera upplösningar i en fil; webbläsare och operativsystem väljer den de behöver.
Behåll originalmåtten, eller ange en sida så behålls proportionerna.
Pixlar för sidan du valde ovan.
Procent av originalmåtten.
sRGB passar skärmar och webben. Behåll originalet för tryckflöden; gråskala tar bort färg.
Endast metadata, 0 behåller originalvärdet. Skrivare och vissa portaler läser detta tal; det ändrar inte pixelmåtten.
Så använder du verktyget
- 1
Ladda upp WebP-loggan
Släpp .webp-filen, eller upp till 20 åt gången, högst 95 MB per fil. En kvadratisk logotyp på minst 256 × 256 px ger bäst resultat.
- 2
Behåll alla ikonstorlekar
Ikonstorlekar är som standard Alla storlekar (16–256) under Avancerade inställningar. Animerade WebP-filer använder sin första bildruta.
- 3
Konvertera och lägg upp på webbplatsen
Tryck på Konvertera till ICO, byt namn på filen till favicon.ico vid behov och lägg den i webbplatsens rotmapp.
Logotyper som sparas från webbplatser är numera oftast WebP. En konvertering gör filen till en favicon.ico i flera storlekar med den transparenta bakgrunden bevarad.
Skapa en favicon.ico av en WebP-logga
WebP blev standardbildformat på en stor del av webben efter att Google lanserade det 2010. WordPress har tillåtit WebP-uppladdningar sedan version 5.8 år 2021, och många bild-CDN:er konverterar varje PNG de levererar. När du letar efter din egen logotyp är därför kopian du hittar ofta en .webp, och favicon-generatorer, Windows och vissa webbhotellspaneler tar inte emot den.
ICO-formatet löser ett annat problem än WebP. I stället för en enda komprimerad bild samlar det flera kvadratiska bitmappar, och webbläsaren eller operativsystemet väljer den storlek som behövs: 16 px för en flik, 32 px för aktivitetsfältet eller bokmärkesfältet, större för skrivbordsgenvägar och skärmar med hög pixeltäthet. Konverteringen skapar alla dessa storlekar från din WebP i ett enda steg.
Behåll själva WebP-filen för logotypen i sidhuvudet. De två filerna används på olika platser, och konverteringen ändrar inte originalet.
Det här lägger konverteraren in i ICO-filen
- Fem storlekar i en och samma .ico
- 16–256 px
- WebP-filer per omgång
- 20
- Största storlek per fil
- 95 MB
- Därefter raderas de från servern
- 30 min
WEBP
WebP-bild
WebP är ett bildformat som Google släppte 2010 för att få webbsidor att laddas snabbare. Det stöder både förlustbringande och förlustfri komprimering, alfatransparens och animation i ett och samma format. Förlustbringande WebP-filer är vanligtvis 25–35 % mindre än JPEG med liknande visuell kvalitet, och förlustfri WebP är oftast mindre än PNG. Alla aktuella webbläsare stöder det, men en del äldre datorprogram, tryckerier och uppladdningsformulär avvisar det fortfarande. Windows, macOS och de flesta moderna bildredigerare kan öppna WebP-filer.
- Komprimering
- Förlustbaserad eller förlustfri
- Transparens
- Ja
- Animation
- Ja
- Introducerades
- 2010 · Google
ICO
Windows-ikon
ICO är Microsofts ikonformat som används för programikoner i Windows och favicons på webbplatser. En .ico-fil kan innehålla flera bilder i olika storlekar, till exempel 16×16, 32×32, 48×48 och 256×256 pixlar, så att systemet kan välja den som passar bäst. Varje bild kan lagras som bitmapp eller som PNG-data och stöder full alfatransparens. ICO är inte avsett för foton eller stora illustrationer. Webbläsare, Windows och de flesta ikonredigerare kan läsa det.
- Komprimering
- Förlustfri
- Transparens
- Ja
- Animation
- Nej
- Introducerades
- Microsoft
En WebP-logotyp blir en ICO när den enda kopian av varumärket är den komprimerade fil som en webbplats eller ett CMS levererade, och webbplatsen ändå behöver en favicon.ico i sin rot.
Förbered en WebP-logga för en webbläsarflik på 16 px
Beskär till symbolen
De flesta logotyper är breda. Behåll bara symbolen eller första bokstaven och beskär den till en kvadrat med lite marginal.
Ta bort den lilla texten
Slogans och ordmärken blir grått brus vid 16 px. En enda kraftig form klarar sig, tunna streck gör det inte.
Kontrollera båda flikfärgerna
Titta på resultatet i både ett ljust och ett mörkt webbläsartema. En mörk logotyp på transparent bakgrund kan försvinna på en mörk flik.
Lägg till den nya faviconen på webbplatsen
Lägg favicon.ico i rotmappen så att den svarar på dinsajt.se/favicon.ico. Genom att ange den i sidans head med <link rel="icon" href="/favicon.ico" sizes="any"> blir valet uttryckligt, och ett CMS som WordPress har ett eget fält för webbplatsikon som skriver de taggarna åt dig.
Två ikoner till kompletterar uppsättningen. iPhone och iPad använder en apple-touch-icon, en PNG på 180 × 180 px, när någon lägger till din webbplats på hemskärmen. Skapa den med WebP till PNG och vår guide till beskärning. Google Search vill ha en kvadratisk favicon vars storlek är en multipel av 48 px, så en PNG på 96 eller 144 px länkad från startsidan täcker även sökresultaten. Webbläsare cachar favicons ordentligt. Öppna sidan i ett privat fönster för att se den nya direkt.
Frågor om WebP till ICO
Varför behöver jag en .ico när loggan redan är en WebP?
Webbläsare hämtar /favicon.ico från webbplatsens rot på egen hand när en sida inte anger någon ikon, och Windows-genvägar, äldre webbläsare och många favicon-fält i CMS förväntar sig ICO eller PNG. En .ico-fil i roten fungerar för alla dessa utan någon extra kod.
Förblir det genomskinliga området runt WebP-loggan genomskinligt?
Ja. Både WebP och ICO har en alfakanal, så den transparenta bakgrunden följer med till varje storlek i ikonen och favicon ser bra ut på både ljusa och mörka webbläsarflikar.
Vad händer om jag laddar upp en animerad WebP?
ICO innehåller stillbilder, så konverteraren använder den första bildrutan (Animerad indata är inställd på Endast första bildrutan). Välj en annan källa om den första bildrutan är tom eller mitt i en övergång.
Syns WebP:s förstörande komprimering i faviconen?
Sällan vid 16 till 64 px, eftersom förminskningen jämnar ut små artefakter. Svaga ljusringar kan finnas kvar i lagren på 128 och 256 px. Om logotypen också finns som vektorgrafik ger SVG till ICO de renaste kanterna.
Vilken upplösning behöver WebP-loggan för en skarp favicon?
Minst 256 × 256 px och kvadratisk, så att det största lagret skapas genom förminskning och inte förstoring. En logotyp på 120 px som sparats från en sidhuvudsbild blir suddig i de större storlekarna.