WebP na ICO-omskakelaar
Bestaan u logo slegs as 'n WebP wat van u eie webwerf of uit 'n ontwerp-uitvoer gestoor is? Skakel dit om na 'n favicon.ico wat blaaiers, boekmerke en Windows-kortpaaie optel sonder ekstra kode.
Beeldomskakelaar
of los JPG, JPEG, JPE …-lêers hier ·
Maks. 95 MB per lêer· Tot 20 lêers· Uitgevee na 30 minute
Lêers word op ons bedieners verwerk en na 30 minute uitgevee.
85 hou foto's visueel identies aan die oorspronklike. Verlaag dit slegs wanneer jy 'n kleiner lêer nodig het.
JPG, BMP en EPS het geen deursigtigheid nie. Deursigtige pixels word met hierdie kleur gevul.
Heks-kleur agter deursigtige pixels, bv. #FFFFFF.
Hierdie formaat hou een beeld. Kies GIF- of WebP-uitvoer as jy die animasie wil behou.
'n Multi-grootte-ikoon bevat verskeie resolusies in een lêer; blaaiers en bedryfstelsels kies die een wat hulle nodig het.
Behou die oorspronklike afmetings, of voer een kant in en die aspekverhouding word behou.
Pixels vir die kant wat jy hierbo gekies het.
Persentasie van die oorspronklike afmetings.
sRGB is reg vir skerms en die web. Behou die oorspronklike vir drukwerkvloei; grysskaal gooi kleur weg.
Slegs metadata, 0 behou die oorspronklike waarde. Drukkers en sommige portale lees hierdie getal; dit verander nie die pixelafmetings nie.
Hoe om hierdie nutsding te gebruik
- 1
Laai die WebP-logo op
Los die .webp-lêer hier, of tot 20 op een slag, elk tot 95 MB. 'n Vierkantige logo van minstens 256 × 256 px werk die beste.
- 2
Behou alle ikoongroottes
Ikoongroottes begin by Alle groottes (16–256) onder Gevorderde instellings. Geanimeerde WebP-lêers gebruik hul eerste raam.
- 3
Skakel om en laai op na u webwerf
Klik Skakel om na ICO, hernoem die lêer na favicon.ico indien nodig en plaas dit in jou webwerf se wortelgids.
Logo's wat van webwerwe gestoor word, is deesdae gewoonlik WebP. Een omskakeling maak daardie lêer 'n favicon.ico met verskeie groottes en die deursigtige agtergrond behou.
Maak 'n favicon.ico van 'n WebP-logo
WebP het die verstek-beeldformaat van 'n groot deel van die web geword nadat Google dit in 2010 bekendgestel het; WordPress aanvaar sedert weergawe 5.8 in 2021 WebP-oplaaie, en baie beeld-CDN's skakel elke PNG om wat hulle lewer. As jy dus jou eie logo soek, is die kopie wat jy kry dikwels 'n .webp, en favicon-kragmakers, Windows en sommige gasheerpanele neem dit nie aan nie.
Die ICO-formaat los 'n ander probleem op as WebP. In plaas van een saamgeperste prent bundel dit verskeie vierkantige bitmaps, en die blaaier of bedryfstelsel kies die grootte wat dit nodig het: 16 px vir 'n oortjie, 32 px vir 'n taakbalk of boekmerkbalk, groter een vir lessenaarkortpaaie en skerms met hoë digtheid. Omskakeling bou daardie groottes in een slag uit jou WebP.
Hou die WebP self vir die logo in jou bladsykop. Die twee lêers dien verskillende plekke, en niks aan die omskakeling verander die oorspronklike nie.
Wat die omskakelaar in die ICO plaas
- Vyf groottes in een .ico gepak
- 16–256 px
- WebP-lêers per bondel
- 20
- Maksimum grootte per lêer
- 95 MB
- Daarna van die bediener uitgevee
- 30 min
WEBP
WebP-beeld
WebP is 'n beeldformaat wat Google in 2010 vrygestel het om webbladsye vinniger te laat laai. Dit ondersteun beide verlieslike en verlieslose kompressie, alfadeursigtigheid en animasie in een formaat. Verlieslike WebP-lêers is gewoonlik 25–35% kleiner as JPEG's van soortgelyke visuele gehalte, en verlieslose WebP is gewoonlik kleiner as PNG. Elke huidige blaaier ondersteun dit, maar sommige ouer rekenaarsagteware, drukdienste en oplaaivorms weier dit steeds. Windows, macOS en die meeste moderne beeldredigeerders kan WebP-lêers oopmaak.
- Kompressie
- Met verlies of verliesloos
- Deursigtigheid
- Ja
- Animasie
- Ja
- Bekendgestel
- 2010 · Google
ICO
Windows-ikoon
ICO is die Microsoft-ikoonformaat wat vir Windows-programikone en webwerf-favicons gebruik word. Een .ico-lêer kan verskeie beelde in verskillende groottes bevat, soos 16×16, 32×32, 48×48 en 256×256 piksels, sodat die stelsel die beste pasmaat kan kies. Elke beeld kan as 'n bitmap of as PNG-data gestoor word en ondersteun volle alfa-deursigtigheid. ICO is nie bedoel vir foto's of groot kunswerk nie. Blaaiers, Windows en die meeste ikoonredigeerders kan dit lees.
- Kompressie
- Verliesloos
- Deursigtigheid
- Ja
- Animasie
- Nee
- Bekendgestel
- Microsoft
'n WebP-logo word 'n ICO wanneer die enigste kopie van die handelsmerk die saamgeperste lêer is wat 'n webwerf of CMS gelewer het, en die webwerf steeds 'n favicon.ico in sy wortel nodig het.
Berei 'n WebP-logo voor vir 'n blaaieroortjie van 16 px
Sny tot by die merk
Die meeste logo's is breed. Hou net die simbool of die eerste letter en sny dit vierkantig met 'n bietjie rand.
Los die klein teks uit
Slagspreuke en woordmerke word grys geraas by 16 px. 'n Enkele vet vorm oorleef; dun lyne nie.
Kyk na albei oortjiekleure
Kyk na die resultaat in 'n ligte en 'n donker blaaiertema. 'n Donker logo op 'n deursigtige agtergrond kan op 'n donker oortjie verdwyn.
Voeg die nuwe favicon by u webwerf
Sit favicon.ico in die wortelgids sodat dit by yoursite.com/favicon.ico antwoord. Om dit in die bladsykop te verklaar met <link rel="icon" href="/favicon.ico" sizes="any"> maak die keuse duidelik, en 'n CMS soos WordPress het sy eie Webwerfikoon-veld wat daardie etikette vir jou skryf.
Twee ikone voltooi die stel. iPhones en iPads gebruik 'n apple-touch-icon, 'n 180 × 180 px PNG, wanneer iemand jou webwerf by die tuisskerm voeg; maak dit met WebP na PNG en ons gids oor uitsny. Google Search vra vir 'n vierkantige favicon waarvan die grootte 'n veelvoud van 48 px is, so 'n PNG van 96 of 144 px wat van die tuisblad gekoppel is, dek ook soekresultate. Blaaiers berg favicons aggressief in die kas; maak die bladsy in 'n private venster oop om die nuwe een dadelik te sien.
Vrae oor WebP na ICO
Waarom het ek 'n .ico nodig as my logo reeds 'n WebP is?
Blaaiers vra self /favicon.ico vanaf jou webwerf se wortel as 'n bladsy geen ikoon verklaar nie, en Windows-kortpaaie, ouer blaaiers en baie CMS-favicon-velde verwag ICO of PNG. Een .ico in die wortel dek dit almal sonder enige opmerking.
Sal die deursigtige area rondom my WebP-logo deursigtig bly?
Ja. WebP en ICO dra albei 'n alfakanaal, so die deursigtige agtergrond gaan reguit oor na elke grootte in die ikoon, en die favicon lyk netjies op ligte en donker blaaiertoutjies.
Wat gebeur as ek 'n geanimeerde WebP oplaai?
ICO bevat stilbeelde, so die omskakelaar gebruik die eerste raam (Geanimeerde invoer is op Slegs eerste raam gestel). Kies 'n ander bron as die eerste raam leeg is of midde in 'n oorgang is.
Sal verlieslatende WebP-saampersing in die favicon sigbaar wees?
Selde by 16 tot 64 px, omdat verkleining die klein artefakte uitmiddel. Flou halo's kan in die 128- en 256 px-lae bly. As die logo ook as vektor bestaan, gee SVG na ICO die skoonste rande.
Watter resolusie moet my WebP-logo hê vir 'n skerp favicon?
Minstens 256 × 256 px en vierkantig, sodat die grootste laag deur verkleining eerder as vergroting gemaak word. 'n Logo van 120 px wat uit 'n bladsykop gestoor is, sal in die groter groottes sag lyk.