UltKit

Pretvornik WebP v ICO

Vaš logotip obstaja le kot WebP, shranjen z vašega spletnega mesta ali iz izvoza oblikovalskega programa? Pretvorite ga v favicon.ico, ki ga brskalniki, zaznamki in bližnjice v sistemu Windows prepoznajo brez dodatne kode HTML.

Pretvornik slik

ali spustite datoteke JPG, JPEG, JPE … sem ·

Največ 95 MB na datoteko· Do 20 datotek· Izbrisano po 30 minutah

Izhod

Datoteke se obdelajo na naših strežnikih in izbrišejo po 30 minutah.

Kako uporabljati to orodje

  1. 1

    Naložite logotip WebP

    Spustite datoteko .webp ali do 20 datotek naenkrat, vsaka do 95 MB. Najbolje deluje kvadratni logotip z vsaj 256 × 256 px.

  2. 2

    Ohranite vse velikosti ikone

    Velikosti ikon so privzeto nastavljene na Vse velikosti (16–256) v razdelku Napredne nastavitve. Animirani WebP uporabi prvi okvir.

  3. 3

    Pretvorite in naložite na svoje spletno mesto

    Pritisnite Pretvori v ICO, datoteko po potrebi preimenujte v favicon.ico in jo shranite v korensko mapo svojega spletnega mesta.

Logotipi, shranjeni s spletnih strani, so danes običajno WebP. Ena pretvorba spremeni datoteko v večvelikostni favicon.ico s ohranjenim prosojnim ozadjem.

Izdelajte favicon.ico iz logotipa WebP

WebP je po tem, ko ga je Google predstavil leta 2010, postal privzeti slikovni format velikega dela spleta; WordPress sprejema nalaganje WebP od različice 5.8 leta 2021, številni slikovni CDN-ji pa pretvorijo vsak PNG, ki ga posredujejo. Ko iščete svoj logotip, je zato kopija, ki jo najdete, pogosto .webp, generatorji faviconov, Windows in nekatere upravljalne plošče gostovanja pa je ne sprejmejo.

Format ICO rešuje drugačen problem kot WebP. Namesto ene stisnjene slike združuje več kvadratnih bitnih slik, brskalnik ali operacijski sistem pa izbere velikost, ki jo potrebuje: 16 px za zavihek, 32 px za opravilno vrstico ali vrstico zaznamkov, večje za bližnjice na namizju in zaslone z visoko gostoto. Pretvorba te velikosti ustvari iz vašega WebP v enem prehodu.

Sam WebP obdržite za logotip v glavi strani. Datoteki služita različnima mestoma in pretvorba izvirnika ne spremeni.

Kaj pretvornik shrani v datoteko ICO

Pet velikosti v eni datoteki .ico
16–256 px
datotek WebP na serijo
20
Največja velikost na datoteko
95 MB
Nato izbrisano s strežnika
30 min

WEBP

Slika WebP

WebP je slikovni format, ki ga je Google izdal leta 2010 za hitrejše nalaganje spletnih strani. V enem formatu podpira izgubno in brezizgubno stiskanje, alfa prosojnost in animacijo. Izgubne datoteke WebP so običajno za 25–35 % manjše od JPEG podobne vidne kakovosti, brezizgubni WebP pa je običajno manjši od PNG. Podpirajo ga vsi sodobni brskalniki, vendar ga nekateri starejši namizni programi, tiskarske storitve in obrazci za nalaganje še vedno zavrnejo. Windows, macOS in večina sodobnih urejevalnikov slik datoteke WebP odprejo.

Stiskanje
Z izgubo ali brez izgube kakovosti
Prosojnost
Da
Animacija
Da
Uvedeno
2010 · Google
Pretvornik WEBP

ICO

Ikona Windows

ICO je Microsoftova oblika ikon, ki se uporablja za ikone programov v sistemu Windows in favicone spletnih strani. Ena datoteka .ico lahko vsebuje več slik različnih velikosti, na primer 16×16, 32×32, 48×48 in 256×256 pikslov, zato sistem izbere najboljšo. Vsaka slika je lahko shranjena kot bitna slika ali podatki PNG in podpira polno alfa prosojnost. ICO ni namenjen fotografijam ali večjim slikam. Preberejo ga brskalniki, Windows in večina urejevalnikov ikon.

Stiskanje
Brez izgube kakovosti
Prosojnost
Da
Animacija
Ne
Uvedeno
Microsoft
Pretvornik ICO

WebP logotip postane ICO, kadar je edina kopija znamke stisnjena datoteka, ki jo je posredovalo spletno mesto ali CMS, mesto pa še vedno potrebuje favicon.ico v korenu.

Priprava logotipa WebP za zavihek brskalnika velikosti 16 px

  1. Obrežite na znak

    Večina logotipov je široka. Obdržite samo simbol ali prvo črko in ju obrežite v kvadrat z majhnim robom.

  2. Opustite majhno besedilo

    Slogani in zapisi imena pri 16 px postanejo siv šum. Ena krepka oblika preživi, tanke črte ne.

  3. Preverite obe barvi zavihka

    Rezultat si oglejte v svetli in temni temi brskalnika. Temen logotip na prosojnem ozadju lahko na temnem zavihku izgine.

Dodajanje novega favicona na spletno mesto

Datoteko favicon.ico postavite v korensko mapo, da je dosegljiva na yoursite.com/favicon.ico. Če jo navedete v glavi strani z <link rel="icon" href="/favicon.ico" sizes="any">, je izbira izrecna, CMS, kot je WordPress, pa ima svoje polje Ikona mesta, ki te oznake zapiše namesto vas.

Komplet dopolnita še dve ikoni. iPhone in iPad uporabljata apple-touch-icon, PNG velikosti 180 × 180 px, ko nekdo doda vaše mesto na začetni zaslon; izdelajte ga s WebP v PNG in našim vodnikom za obrezovanje. Google Search zahteva kvadratni favicon, katerega velikost je večkratnik 48 px, zato PNG s 96 ali 144 px, povezan z začetne strani, pokrije tudi rezultate iskanja. Brskalniki favicone agresivno shranjujejo v predpomnilnik; stran odprite v zasebnem oknu, da takoj vidite novo ikono.

Vprašanja o pretvorbi WebP v ICO

Zakaj potrebujem datoteko .ico, če je moj logotip že v formatu WebP?

Brskalniki sami zahtevajo /favicon.ico iz korena vašega mesta, kadar stran ne določa ikone, Windows bližnjice, starejši brskalniki in številna polja za favicon v CMS-jih pa pričakujejo ICO ali PNG. Ena datoteka .ico v korenu poskrbi za vse to brez dodatne kode.

Ali bo prosojni del okoli logotipa WebP ostal prosojen?

Da. WebP in ICO oba podpirata alfa kanal, zato se prosojno ozadje prenese v vse velikosti znotraj ikone, favicon pa se čisto prilega svetlim in temnim zavihkom brskalnika.

Kaj se zgodi, če naložim animiran WebP?

ICO vsebuje samo mirujoče slike, zato pretvornik uporabi prvi okvir (Animirana vhodna datoteka je nastavljena na Samo prvi okvir). Izberite drug vir, če je prvi okvir prazen ali sredi prehoda.

Ali bo izgubno stiskanje WebP vidno v faviconu?

Pri 16 do 64 px redko, ker pomanjšanje poravna majhne artefakte. V slojih 128 in 256 px lahko ostanejo rahli robovi. Če logotip obstaja tudi kot vektor, SVG v ICO da najčistejše robove.

Kakšno ločljivost potrebuje logotip WebP za oster favicon?

Vsaj 256 × 256 px in kvadratna, da se največji sloj ustvari s pomanjšanjem, ne s povečanjem. Logotip s 120 px, shranjen iz glave strani, bo v večjih velikostih videti zamegljen.