UltKit

Bilde til ICO-konverter

Lag en favicon.ico eller et Windows-ikon av bildet du har: en logo i PNG, en SVG fra designeren, en JPG fra en profilpakke eller til og med et mobilbilde. Filen inneholder flere størrelser. Nedenfor ser du hvilken kilde som fungerer best, og hvilke andre ikonfiler hver plattform forventer.

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

    Velg den reneste kilden du har

    Last opp bildet du vil bruke som ikon, helst en kvadratisk logo eller et symbol på 256 × 256 px eller større.

  2. 2

    La Ikonstørrelser stå på Alle

    Under Avanserte innstillinger står Ikonstørrelser som standard på Alle størrelser (16–256). Velg bare én størrelse hvis et program ber om nøyaktig én.

  3. 3

    Konverter og test

    Trykk Konverter til ICO, last ned filen og se på den i en nettleserfane eller på skrivebordet før du publiserer den.

Svar

Hvordan gjør jeg et bilde om til et ICO-ikon?

Last opp et kvadratisk bilde på minst 256 × 256 px, la Ikonstørrelser stå på Alle størrelser (16–256) og trykk Konverter til ICO. Du får én fil med versjoner på 16, 32, 64, 128 og 256 px, klar til bruk som favicon.ico eller som ikon for en Windows-snarvei.

Bilde til ICO: hvilket kildebilde du bør starte med

ICO er Microsofts ikonbeholder, like gammel som Windows selv. Den lagrer ikke ett bilde, men en liten oversikt over flere, og siden Windows Vista kan den største oppføringen, 256 px, være PNG-komprimert. Nettlesere tok i bruk formatet i 1999, da Internet Explorer 5 begynte å be om /favicon.ico fra alle nettsteder.

Siden konverteren skalerer bildet ned til så lite som 16 px, avgjør kildebildet resultatet langt mer enn noen innstilling. Vurder hva du har før du laster opp, og beskjær det til kvadrat først hvis det er bredt. Verktøyet beskjær bilde setter en 1:1-ramme på noen sekunder.

  1. Vektorlogo (SVG, EPS, AI)

    Rastreres på nytt i hver størrelse, så kantene holder seg skarpe. Beste valg hvis designeren din kan sende en.

  2. Gjennomsiktig PNG eller WebP

    Beholder den gjennomsiktige bakgrunnen som fanelinjen skinner gjennom. Start fra 256 px eller mer.

  3. JPG, HEIC eller et skjermbilde

    Fungerer, men den firkantede bakgrunnen følger med. Fyll eller beskjær den slik at hjørnene ser bevisste ut.

Hvor hver plattform leter etter ikonfilen sin

1:1

32 × 32 px

favicon.ico (nettleserfane)

16 og 32 px tegnes i faner og bokmerker, og ICO-filen fra denne siden dekker begge

1:1

256 × 256 px

Windows-snarvei eller .exe

Visninger med store ikoner og skjermer med høy DPI bruker oppføringen på 256 px

1:1

180 × 180 px

apple-touch-icon.png

PNG, ikke ICO. Brukes når noen legger nettstedet til på hjemskjermen på en iPhone

1:1

512 × 512 px

Ikon i web app-manifest

PNG oppgitt i manifest.json, ved siden av en versjon på 192 px, for web-apper som kan installeres

ANY I

Alle bilder

Dette verktøyet godtar vanlige bildeformater, blant annet JPG, PNG, WebP, HEIC, GIF, BMP og TIFF. Formatet gjenkjennes automatisk fra filen, så du trenger ikke vite hva slags bilde du har.

Any image-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

Folk konverterer et vilkårlig bilde til ICO fordi en nettleserfane, en Windows-snarvei eller et installasjonsprogram forventer én .ico-fil, og den eneste grafikken som finnes, er en logo, et skjermbilde eller et foto i et annet format. Å hente ut en PNG fra en ICO er det motsatte, gjenoppretting av grafikk.

Lesbarhetstesten ved 16 px før du konverterer til ICO

Med 16 × 16 px har et ikon bare 256 piksler til sammen. En full logotekst blir en grå flekk, mens en enkelt tydelig bokstav eller et symbol overlever. Før du konverterer, forminsker du kilden til 16 px i et vilkårlig visningsprogram og spør deg selv om du ville gjenkjent den i en rad med 30 åpne faner.

Kontrast betyr like mye som form. Faner står på lyse og mørke nettlesertemaer, så en svart logo på gjennomsiktig bakgrunn kan forsvinne i mørk modus. En tynn lys kontur eller et fylt, avrundet kvadrat bak symbolet holder det synlig på begge. For macOS-apppakker trenger du ICNS i stedet. PNG til ICNS lager den filen fra den samme grafikken.

Spørsmål om bilde til ICO

Hvilke bildeformater kan gjøres om til ICO på denne siden?

Alle bilder konverteren kan lese: blant annet PNG, JPG, SVG, WebP, AVIF, HEIC, GIF, BMP, TIFF, PSD og RAW fra kamera. En gjennomsiktig PNG eller en SVG gir de reneste kantene. En JPG fungerer, men tar med seg den rektangulære bakgrunnen.

Holder det med favicon.ico, eller trenger jeg andre ikonfiler også?

ICO-filen dekker nettleserfaner og bokmerker overalt. iPhone og iPad leter etter en PNG på 180 × 180 px med navnet apple-touch-icon, og Chrome tilbyr bare å installere et nettsted som app når web manifestet viser PNG-ikoner på 192 og 512 px.

Trenger Windows et bilde på 48 px i ICO-filen?

Filutforskerens visning med mellomstore ikoner tegner ikoner på 48 px. Hvis filen ikke har noen 48 px-oppføring, skalerer Windows den neste større, her bildet på 64 px, og det ser vanligvis fint ut for tydelig grafikk. Fine linjer kan bli uskarpe.

Kan én ICO vise ulike motiver ved 16 px og ved 256 px?

Formatet tillater det, og systemikoner bruker ofte en forenklet tegning for de minste størrelsene. Denne konverteren skalerer ett bilde til alle størrelser. Hvis 16 px-versjonen din trenger en egen tegning, eksporterer du den grafikken separat og konverterer den med Ikonstørrelser satt til 16 px.

Hvordan sjekker jeg at ikonet er lesbart ved 16 px før jeg konverterer?

Forminsk det til 16 px i et vilkårlig redigeringsprogram og se på det i 100 %. Hvis du ikke kan se hva det er, må du kutte detaljer: fjern sloganet, behold initialen eller symbolet og gjør tynne streker tykkere.

Hvor skal favicon.ico lastes opp på nettstedet mitt?

Legg den i rotmappen til nettstedet, slik at den svarer på /favicon.ico, for nettlesere ber om den adressen selv når ingen tagg peker dit. Med en link-tagg med rel="icon" i sidens head kan du plassere den et annet sted.