.ico er stadig det forventede format i et websites rod, og de fleste onlinekonvertere beder dig uploade billedet til deres server. Her viser vi, hvordan du laver en korrekt favicon.ico med flere størrelser ud fra en PNG uden at uploade noget.
En .ico er mere end et omdøbt billede
Det er ikke nok at omdøbe logo.png til favicon.ico. ICO er et containerformat med sin egen header: den beskriver, hvor mange billeder filen rummer, deres mål, og hvor hvert billede begynder i filen. En omdøbt PNG har ingen sådan header, og strengere browsere nægter at vise den.
En korrekt ICO indeholder flere opløsninger af samme ikon. Browseren læser headeren, vælger den variant, der ligger nærmest den nødvendige størrelse, og behøver ikke forstørre noget.
Konvertér en PNG til ICO i tre trin
Første trin er at klargøre kilden. En kvadratisk PNG på mindst 512×512 pixels giver det bedste resultat, fordi alle størrelser dannes ved nedskalering. Har dit billede en gennemsigtig baggrund, skal du nu afgøre, om den skal bevares: den er fin til en fane, men iOS og Android erstatter den med sort.
Andet trin er at generere opløsningerne. Filen bør mindst indeholde 16×16, 32×32 og 48×48. Størrelsesændringen skal bruge et resamplingsfilter af høj kvalitet, ellers bliver de små størrelser ulæselige.
Tredje trin er at samle dem. De tre billeder pakkes i én ICO-container med en header, der beskriver hver post. Resultatet lægges i websitets rod med navnet favicon.ico, hvor browsere finder det selv uden et HTML-tag.
Derfor er lokal konvertering vigtig
De fleste PNG til ICO-konvertere uploader din fil til en server, som behandler den og sender resultatet tilbage. Dit logo, ofte allerede før det er offentliggjort, ender på en maskine, du ikke kontrollerer, under en opbevaringspolitik, du ikke har læst.
En moderne browser kan ellers klare det hele selv: afkode en PNG, ændre størrelsen på et canvas, genkode hver størrelse og samle ICO-containeren. Det er sådan, LFFavicon fungerer. Ingen netværksanmodning indeholder dit billede, og alt slettes, når du lukker fanen.
Fordelen er helt konkret: konverteringen sker straks, virker offline, når siden først er indlæst, og kræver hverken ventetid i kø eller daglige begrænsninger.
.ico alene er ikke længere nok
Når du konverterer din PNG til ICO, dækker du faner og ældre klienter, men lader tre sammenhænge stå åbne: moderne browsere, der foretrækker en SVG, som forbliver skarp i alle størrelser, iOS-hjemmeskærmen, der kræver en ugennemsigtig PNG på 180×180, og Android, der læser webmanifestet.
Når du alligevel behandler billedet, kan du lige så godt lave hele sættet i én omgang. Det gør generatoren: én kilde bruges til .ico, SVG, Apple Touch-ikon og manifestikoner med en forhåndsvisning af hver sammenhæng før download.
Primære kilder
Ofte stillede spørgsmål
Hvor stor skal en PNG være for at lave en ICO?
Et kvadrat på mindst 512×512 pixels. Under 128×128 skal pakkens større størrelser forstørres, og resultatet bliver sløret. En SVG er endnu bedre, fordi den ikke har nogen opløsningsgrænse.
Bevares gennemsigtigheden i .ico?
Ja, ICO-formatet understøtter en fuld alfakanal, og en gennemsigtig PNG forbliver gennemsigtig i fanen. Vær dog opmærksom på iOS-ikonet: systemet udfylder gennemsigtige områder med sort, så giv det en baggrund.
Hvor skal filen favicon.ico ligge?
I domænets rod, tilgængelig på https://yoursite.com/favicon.ico. Browsere og crawlere henter efter konvention præcis den adresse, selv når intet link-tag angiver den.