UltKit

WebP til ICO-konverter

Finnes logoen din bare som en WebP lagret fra ditt eget nettsted eller en designeksport? Gjør den om til en favicon.ico som nettlesere, bokmerker og Windows-snarveier plukker opp uten ekstra kode.

Bildekonverterer

eller slipp JPG, JPEG, JPE …-filer her ·

Maks 95 MB per fil· Opptil 20 filer· Slettes etter 30 minutter

Utdata

Filene behandles på serverne våre og slettes etter 30 minutter.

Slik bruker du dette verktøyet

  1. 1

    Last opp WebP-logoen

    Slipp .webp-filen, eller opptil 20 samtidig, 95 MB per fil. En kvadratisk logo på minst 256 × 256 px fungerer best.

  2. 2

    Behold alle ikonstørrelsene

    Ikonstørrelser starter på Alle størrelser (16–256) under Avanserte innstillinger. Animerte WebP-filer bruker første bilderute.

  3. 3

    Konverter og last opp til nettstedet ditt

    Trykk Konverter til ICO, gi filen nytt navn til favicon.ico ved behov, og legg den i rotmappen til nettstedet ditt.

Logoer lagret fra nettsteder er som oftest WebP i dag. Én konvertering gjør filen om til en favicon.ico med flere størrelser og bevart gjennomsiktig bakgrunn.

Lag en favicon.ico av en WebP-logo

WebP ble standard bildeformat på store deler av nettet etter at Google introduserte det i 2010. WordPress har godtatt WebP-opplastinger siden versjon 5.8 i 2021, og mange bilde-CDN-er konverterer hver PNG de leverer. Når du leter etter din egen logo, er kopien du finner derfor ofte en .webp, og favicon-generatorer, Windows og enkelte nettverktøy hos vertsleverandører godtar den ikke.

ICO-formatet løser et annet problem enn WebP. I stedet for ett komprimert bilde samler det flere kvadratiske punktgrafikker, og nettleseren eller operativsystemet velger størrelsen det trenger: 16 px for en fane, 32 px for oppgavelinjen eller bokmerkelinjen, større for snarveier på skrivebordet og skjermer med høy tetthet. Konverteringen lager disse størrelsene fra WebP-filen din i én omgang.

Behold selve WebP-filen til logoen i sidetoppen. De to filene brukes til ulike formål, og konverteringen endrer ikke originalen.

Dette legger konverteren inn i ICO-filen

Fem størrelser samlet i én .ico
16–256 px
WebP-filer per batch
20
Maks størrelse per fil
95 MB
Deretter slettet fra serveren
30 min

WEBP

WebP-bilde

WebP er et bildeformat Google lanserte i 2010 for å få nettsider til å laste raskere. Det støtter både tapsbasert og tapsfri komprimering, alfagjennomsiktighet og animasjon i ett format. Tapsbaserte WebP-filer er vanligvis 25–35 % mindre enn JPEG med tilsvarende visuell kvalitet, og tapsfri WebP er som regel mindre enn PNG. Alle dagens nettlesere støtter det, men noe eldre skrivebordsprogramvare, trykketjenester og opplastingsskjemaer avviser det fortsatt. Windows, macOS og de fleste moderne bilderedigeringsprogrammer kan åpne WebP-filer.

Komprimering
Med tap eller tapsfri
Gjennomsiktighet
Ja
Animasjon
Ja
Introdusert
2010 · Google
WEBP-konverterer

ICO

Windows-ikon

ICO er Microsofts ikonformat, brukt til programikoner i Windows og favicons på nettsteder. Én .ico-fil kan inneholde flere bilder i ulike størrelser, for eksempel 16×16, 32×32, 48×48 og 256×256 piksler, slik at systemet kan velge den som passer best. Hvert bilde kan lagres som bitmap eller som PNG-data og støtter full alfa-gjennomsiktighet. ICO er ikke ment for bilder eller stor grafikk. Nettlesere, Windows og de fleste ikonredigerere kan lese det.

Komprimering
Tapsfri
Gjennomsiktighet
Ja
Animasjon
Nei
Introdusert
Microsoft
ICO-konverterer

En WebP-logo blir til en ICO når den eneste kopien av merket er den komprimerte filen et nettsted eller publiseringsverktøy leverte, og nettstedet fortsatt trenger en favicon.ico i roten.

Slik gjør du en WebP-logo klar for en nettleserfane på 16 px

  1. Beskjær til merket

    De fleste logoer er brede. Behold bare symbolet eller første bokstav, og beskjær til en firkant med litt marg.

  2. Dropp den lille teksten

    Slagord og ordmerker blir grå støy ved 16 px. En enkelt kraftig form overlever, tynne streker gjør ikke det.

  3. Sjekk begge fanefargene

    Se på resultatet i et lyst og et mørkt nettlesertema. En mørk logo på gjennomsiktig bakgrunn kan forsvinne på en mørk fane.

Legge det nye faviconet til på nettstedet ditt

Legg favicon.ico i rotmappen slik at den svarer på yoursite.com/favicon.ico. Å oppgi den i sidens head med <link rel="icon" href="/favicon.ico" sizes="any"> gjør valget eksplisitt, og et publiseringsverktøy som WordPress har et eget felt for nettstedsikon som skriver disse taggene for deg.

To ikoner til fullfører settet. iPhone og iPad bruker et apple-touch-icon, en PNG på 180 × 180 px, når noen legger nettstedet ditt på hjemskjermen. Lag det med WebP til PNG og vår veiledning i beskjæring. Google Søk ber om et kvadratisk favicon med en størrelse som er et multiplum av 48 px, så en PNG på 96 eller 144 px lenket fra forsiden dekker også søkeresultatene. Nettlesere hurtigbufrer favicon-er kraftig. Åpne siden i et privat vindu for å se det nye med en gang.

Spørsmål om WebP til ICO

Hvorfor trenger jeg en .ico når logoen min allerede er en WebP?

Nettlesere ber selv om /favicon.ico fra roten av nettstedet ditt når en side ikke oppgir noe ikon, og Windows-snarveier, eldre nettlesere og mange favicon-felt i publiseringsverktøy forventer ICO eller PNG. Én .ico i roten dekker alle disse uten noen kode.

Forblir det gjennomsiktige området rundt WebP-logoen gjennomsiktig?

Ja. Både WebP og ICO har en alfakanal, så den gjennomsiktige bakgrunnen går rett inn i hver størrelse i ikonet, og favicon-et ser rent ut på både lyse og mørke nettleserfaner.

Hva skjer hvis jeg laster opp en animert WebP?

ICO inneholder stillbilder, så konverteren bruker første bilderute (Animert inndata er satt til Bare første bilderute). Velg en annen kilde hvis første bilderute er tom eller midt i en overgang.

Vil tapsbasert WebP-komprimering synes i faviconet?

Sjelden ved 16 til 64 px, fordi forminskingen jevner ut de små artefaktene. Svake glorier kan bli igjen i lagene på 128 og 256 px. Finnes logoen også som vektor, gir SVG til ICO de reneste kantene.

Hvilken oppløsning trenger WebP-logoen for et skarpt favicon?

Minst 256 × 256 px og kvadratisk, slik at det største laget lages ved å forminske i stedet for å forstørre. En logo på 120 px lagret fra en sidetopp vil se uskarp ut i de største størrelsene.