Konvertera AVIF till ICO

Om din logotyp bara finns som .avif-fil gör den här sidan om den till en favicon.ico med alla vanliga ikonstorlekar från 16 till 256 px, och den transparenta bakgrunden behålls.

eller släpp JPG, JPEG, JPE …-filer här ·

Max 95 MB per fil· Upp till 20 filer· Raderas efter 30 minuter

Utdata

Konvertera till

Filerna bearbetas på våra servrar och raderas efter 30 minuter.

Så använder du verktyget

1
Ladda upp AVIF-logotypen
Använd den största kvadratiska versionen du har. 512 × 512 px eller mer ger de renaste små storlekarna. Flera logotyper kan ingå i samma omgång.
2
Låt ikonstorlekar stå på Alla
Ikonstorlekar är inställt på Alla storlekar (16–256), så en enda .ico täcker webbläsarflikar, bokmärken och genvägar i Windows. Välj en enskild storlek bara om ett program kräver det.
3
Konvertera till ICO
Tryck på Konvertera till ICO, döp vid behov om den nedladdade filen till favicon.ico och lägg den i rotmappen på din webbplats.

AVIF är ett format för att leverera bilder snabbt, medan ICO är en behållare för små ikoner. Vid konverteringen avkodas AVIF-filen en gång och flera nedskalade kopior skrivs till en enda .ico, var och en med en egen alfakanal.

Därför behöver en AVIF-logotyp en ICO-version

AVIF släpptes av Alliance for Open Media 2019 och bygger på videokodeken AV1. Chrome fick stöd i version 85, Firefox i 93 och Safari i 16, så webbplatsbyggare och bild-CDN:er levererar nu AVIF som standard. Därför har många team en logotyp som bara finns sparad som logo.avif.

Favicon är den plats där det fungerar dåligt. Genvägar på Windows-skrivbordet läser ICO, äldre webbläsare och många sökrobotar hämtar /favicon.ico utan att titta på din HTML, och en del favicon-fält i CMS vägrar helt ta emot AVIF. En ICO byggd från AVIF-filen täcker allt detta, och ett mellansteg med PNG till ICO behövs inte längre.

AVIF

AV1 Image File Format

AVIF lagrar stillbilder och bildsekvenser komprimerade med videokodeken AV1 och slutfördes av Alliance for Open Media 2019. Det ger oftast mindre filer än både JPEG och WebP vid samma visuella kvalitet och stöder transparens, animation, brett färgomfång och HDR. Kodningen är långsammare än hos äldre format, och mycket fina texturer kan se utjämnade ut vid låg kvalitet. Alla större webbläsare visar numera AVIF, men många datorprogram, sociala plattformar och äldre enheter kan inte öppna det.

Komprimering: Förlustbaserad eller förlustfri
Transparens: Ja
Animation: Ja
Introducerades: 2019 · Alliance for Open Media

AVIF-omvandlare

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

ICO-omvandlare

AVIF-logotyper kommer oftast från en modern webbplats bildflöde eller en designers webbexport, och webbplatsen behöver ändå en klassisk favicon.ico i roten som alla webbläsare och sökrobotar kan läsa.

Ikonstorlekar som ingår i favicon.ico

Webbläsarflik och adressfält: 16 px
Bokmärken, genvägar i aktivitetsfältet: 32 px
Stora ikoner i Windows: 256 px
Alla storlekar i en favicon.ico: 1 fil

Alfa bevaras

Genomskinliga områden i AVIF förblir genomskinliga i alla storlekar.

Nedskalad per storlek

Varje post skalas om från originalet, inte från nästa större storlek.

Endast första bildrutan

En animerad AVIF bidrar med sin första bildruta.

Så förblir en AVIF-logotyp läsbar i 16 × 16

En ikon på 16 px har totalt 256 pixlar, så tunna linjer, liten text och toningar försvinner. Exportera en förenklad version av logotypen före konverteringen: symbolen utan ordmärke, tjockare linjer och mer kontrast mot både ljusa och mörka webbläsarteman. En genomskinlig bakgrund låter flikens färg synas igenom, vilket oftast ser bättre ut än en vit ruta.

Kraftig AVIF-komprimering kan också ge mjuka kanter eller färgsmetning kring skarpa former. Om din logotyp har det, be om en förlustfri AVIF eller en SVG-original. På stora ikoner syns artefakterna, medan nedskalningen vid 16 och 32 px döljer det mesta. För bakgrund om hur AVIF står sig mot WebP och HEIC, se AVIF, HEIC och WebP förklarade.

Frågor om favicon från AVIF till ICO

Kan en webbläsare använda en AVIF-fil direkt som favicon?

Chrome, Firefox och Safari kan visa AVIF, men filen favicon.ico i webbplatsens rot är den som webbläsare, flödesläsare och många bottar för länkförhandsvisning begär som standard. Med en riktig ICO där slipper du 404-fel i serverloggarna och en tom flikikon i äldre klienter.

Min AVIF-logotyp är inte kvadratisk. Blir ikonen utdragen?

Ikoner är kvadratiska, så en bred logotyp blir antingen en tunn remsa eller förvrängd. Beskär först logotypen till symbolen eller initialen. Så beskär du en bild till ett bildformat beskriver en 1:1-beskärning som håller motivet centrerat.

Behålls AVIF-filens 10-bitarsfärg i ICO-filen?

Nej. Ikonposter lagrar 8 bitar per kanal plus en 8-bitars alfakanal, så HDR- eller 10-bitars AVIF-data reduceras till vanlig sRGB-färg. Vid 16 eller 32 px kan ingen se skillnaden.

Vad kräver Google för den favicon som visas i sökresultaten?

Googles riktlinjer kräver en kvadratisk favicon vars storlek är en multipel av 48 px, till exempel 48 × 48 eller 96 × 96, och som refereras från startsidan. ICO-filen från den här sidan innehåller större poster som Google kan skala ner.

Är AVIF till PNG ett bättre val för en appikon?

För iOS, Android och webbappars manifest, ja. De förväntar sig PNG-filer i fasta storlekar som 180 × 180 och 512 × 512. Använd AVIF till PNG för dem och behåll ICO för den klassiska favicon och för Windows.