PNG till ICO-konverterare

Skapa en ICO-favicon med flera storlekar

Favicons använder ofta fortfarande ICO-formatet eftersom en enda fil kan rymma flera ikonstorlekar. En webbläsarflik, ett bokmärke, en skrivbordsgenväg och Windows-skalet kan alla välja den bästa storleken ur samma fil. Den här PNG till ICO-konverteraren förvandlar en källbild till en riktig favicon med flera storlekar, med poster på 16, 32, 48, 64, 128 och 256 pixlar. Släpp in en logotyp, ett märke eller en kvadratisk PNG, förhandsgranska de skapade storlekarna och ladda ner en färdig .ico-fil.

Konverteringen sker helt i din webbläsare. Sidan läser in din källbild, beskär den kvadratiskt från mitten, ritar den på canvas i flera storlekar och paketerar dessa PNG-kodade canvas i en ICO-struktur. Din logotyp laddas aldrig upp, vilket är bra för osläppta varumärken, kunduppdrag och privata projekt. Den skapade filen använder inbäddade PNG-bilder, en modern ICO-funktion som stöds av dagens webbläsare och operativsystem.

Förbereda källbilden

Använd en enkel bild med hög kontrast för bästa favicon. Små ikoner kan inte visa fin text eller tunna detaljer tydligt, så kraftiga former och tydliga silhuetter fungerar bättre än komplicerade skärmbilder. En kvadratisk, transparent PNG är idealisk eftersom beskärningen behåller hela motivet och bevarar alfakanalen. Rektangulära bilder beskärs automatiskt från mitten så att ikonen förblir kvadratisk i stället för utsträckt, men du kanske vill beskära källan själv om det viktiga motivet inte sitter i mitten.

Så använder du ICO-filen

Placera filen i ditt webbplatsprojekt efter nedladdningen och referera till den från din HTML, ditt ramverks metadata eller statiska resurser. Många webbplatser har fortfarande en rad som <link rel="icon" href="/favicon.ico"> för bred kompatibilitet, ofta vid sidan av PNG- eller SVG-ikoner. Kontrollera de minsta förhandsvisningarna innan du publicerar: om versionen på 16 pixlar ser suddig ut, förenkla motivet eller öka kontrasten och skapa sedan ICO-filen igen.

Filstorlek och cachning

ICO-filen innehåller sex PNG-komprimerade poster och är därför större än en enda ikon på 16×16, men den är fortfarande liten för en enkel logotyp. Webbläsare cachar favicons mycket envist, så efter att du bytt fil kan du behöva göra en hård omladdning eller rensa webbplatsens data innan den nya ikonen syns. Om du även vill ha separata PNG-filer för Apple touch- och Android-ikoner skapar favicon-generatorn på den här webbplatsen dem.

Konverteraren accepterar alla bildtyper som din webbläsare kan öppna, inte bara PNG, och döper nedladdningen efter din källfil med filändelsen .ico. Allt bearbetas lokalt, så osläppta logotyper förblir privata.