Skakel PNG om na ICO vir 'n skerp gunstelingikoon
'n Gunstelingikoon is die piepklein beeld wat 'n webwerf sy visuele handtekening gee. Jy sien dit in die blaaierblad langs die bladsytitel, in jou boekmerklys, in die adresbalk-aftreklys van jou blaaigeskiedenis, en soms langs soekresultate. Dit is klein, maar dit doen baie werk: 'n herkenbare gunstelingikoon help gebruikers om jou blad tussen 'n dosyn ander te vind en dui aan dat 'n werf voltooi en versorg is. Die klassieke formaat vir daardie klein ikoon is ICO, en die maklikste manier om een te maak is om met 'n skoon vierkantige PNG te begin en dit om te skakel.
Hierdie hulpmiddel neem 'n PNG-beeld en verander dit in 'n ICO-gunstelingikoon reg binne jou blaaier. Die omskakeling loop plaaslik met jou eie toestel, dus word die prentjie wat jy kies nooit na 'n bediener opgelaai nie. Dit maak saak wanneer jou ikoon 'n logo of handelsmerk-bate is wat jy liewer nie aan 'n derde party sou oorhandig nie. Wanneer die lêer gereed is, laai jy dit eenvoudig af.
Wat die ICO-formaat is en waarom dit verskeie groottes bevat
ICO is 'n ikooncontainerformaat wat sy oorsprong in Microsoft Windows het, waar dit die ikone stoor wat vir programme, kortpaaie en vouers gebruik word. Sy bepalende kenmerk, en die rede waarom dit die standaard vir web-gunstelingikone geword het, is dat 'n enkele ICO-lêer dieselfde beeld by verskeie resolusies gelyktydig kan bevat. In plaas van een vaste bitkaart pak die lêer 'n klein stel vierkantige beelde en laat die blaaier of bedryfstelsel kies watter grootte pas by die plek waar dit die ikoon moet teken.
Dit is werklik nuttig. 'n Blaaierblad benodig 'n piepklein ikoon, 'n boekmerkbalk mag 'n effens groter een gebruik, en 'n vasgemaakte kortpad op die lessenaar kan vra vir iets nog groter. Met 'n multi-grootte ICO gryp elke konteks die weergawe wat by hom pas, sodat jou ikoon skerp bly eerder as om van 'n enkele klein bitkaart opgeskaal te word en wasig te raak. ICO behou ook deursigtigheid, wat die hoeke van 'n ronde of onreëlmatige logo skoon hou teen enige bladkleur.
Aanbevole gunstelingikoongroottes
Vir 'n webwerf se gunstelingikoon is die drie groottes die moeite werd om in te sluit 16x16, 32x32 en 48x48 pixels. Die 16-piksel-weergawe is die een wat die meeste blaaiers in die blad en adresbalk wys. Die 32-piksel-weergawe word gebruik op hoërresolusie-vertonings en in sommige boekmerk- en geskiedenisaansigte, sodat dit dinge skerp hou op moderne skerms. Die 48-piksel-weergawe dek groter kontekste soos Windows-werf-kortpaaie. Omdat hulle almal binne een ICO-lêer leef, verskeep jy 'n enkele bate en laat elke oppervlak kies wat hy nodig het.
Begin met 'n vierkantige PNG sodat niks rek nie. As jou bronbeeld reghoekig of oorgroot is, sny of skaal dit eers na 'n skoon vierkant met ons beeldherskaleerder, en voer dan die omskakeling uit. 'n Eenvoudige, hoë-kontras-ontwerp lees baie beter by 16 pixels as 'n gedetailleerde illustrasie, dus verkies vetgedrukte vorms bo fyn teks.
Hoe om die gunstelingikoon by jou werf te voeg
Sodra jy jou ICO-lêer het, laai dit na jou webwerf op, tradisioneel na die werfwortel as favicon.ico. Baie blaaiers sal dit outomaties daar vind, maar dit is beste praktyk om dit uitdruklik in die kop van jou HTML te verklaar sodat daar geen raaiwerk is nie. Voeg 'n skakelmerker soos hierdie by:
<link rel="icon" type="image/x-icon" href="/favicon.ico">
Plaas daardie reël binne die <head>-afdeling van jou bladsye. Die rel="icon"-eienskap vertel die blaaier hierdie hulpbron is die bladsyikoon, en die href wys na waar jy die lêer gestoor het. As jy 'n wortel-relatiewe pad soos hierbo gebruik, werk dieselfde verklaring oor elke bladsy van jou werf. Na ontplooiing mag jy 'n harde verfrissing moet doen of die kas moet skoonmaak voordat die nuwe ikoon verskyn, aangesien blaaiers hardnekkig aan gunstelingikone vashou.
Private omskakeling in jou blaaier
Alles gebeur op jou toestel. Die PNG wat jy kies word plaaslik gelees, gedekodeer en herkodeer as 'n ICO, en niks verlaat jou masjien tydens die proses nie. Daar is geen rekening, geen tou, en geen bediener-kant-berging nie, wat dit gerieflik maak selfs vir ongepubliseerde logo's of kliëntewerk onder 'n ooreenkoms. Vir meer maniere om grafika voor te berei en op te ruim, blaai deur ons volledige stel beeldhulpmiddels.
Gereelde vrae
Word my beeld iewers opgelaai?
Nee. Die PNG word heeltemal in jou blaaier op jou eie toestel na ICO omgeskakel. Niks word na 'n bediener gestuur nie en niks word gestoor nie, dus bly jou beeld privaat.
Watter groottes moet my gunstelingikoon insluit?
Die nuttigste groottes is 16x16, 32x32 en 48x48 pixels. Die 16-piksel-beeld word in blaaierblaaie gewys, terwyl die groteres die ikoon skerp hou op hoërresolusie-vertonings en lessenaar-kortpaaie.
Waarom ICO gebruik in plaas van net 'n PNG?
ICO is die langsstaande gunstelingikoonformaat en dit kan verskeie groottes binne een lêer stoor. Blaaiers en die bedryfstelsel kies die resolusie wat by elke konteks pas, sodat die ikoon skerp bly eerder as om van 'n enkele bitkaart opgeskaal te word.
Behou die ICO deursigtigheid van my PNG?
Ja. Die ICO-formaat ondersteun deursigtigheid, dus word die deurskynende areas van jou PNG behou en die ikoon meng skoon met enige blad- of agtergrondkleur.
Hoe voeg ek die gunstelingikoon by my werf?
Laai die ICO-lêer na jou werf op, gewoonlik as favicon.ico in die wortel, en voeg 'n skakelmerker in die kop van jou HTML by soos link rel icon type image x-icon href skuinsstreep favicon.ico. Maak dan jou blaaierkas skoon om dit te sien.
My bronbeeld is nie vierkantig nie. Wat moet ek doen?
Sny of skaal dit eers na 'n vierkant sodat dit nie rek nie. Jy kan ons beeldherskaleerder gebruik om 'n skoon vierkant te maak, en dit dan na ICO omskep vir die mooiste gunstelingikoon.