Favicons nadomesti ikono globusa v naslovni vrstici.
Zasluga slike: r0mu/iStock/Getty Images
Favicon je ustvarjalen, praktičen način za dodajanje prefinjenega vizualnega pridiha prisotnosti vašega spletnega mesta. Favikone so majhne slike, ki jih spletni brskalniki uporabljajo na zavihkih strani in naslovnih vrsticah. Ob naslovu ali URL-ju prikazujejo logotip ali sliko, povezano s spletnim mestom, ki deluje kot vizualni identifikator blagovne znamke. Favikoni so še posebej uporabni identifikatorji spletnih mest pri brskanju z zavihki, ker se razpoložljivi prostor za besedilo, uporabljen za naslove strani, zmanjša na skoraj nič, ko uporabnik odpre več zavihkov.
Korak 1
Oblikujte ikono, ki jo želite uporabiti v programu za urejanje fotografij ali grafike. Lahko vzamete obstoječi logotip ali sliko, povezano z vašim spletnim mestom ali blagovno znamko, in jo prilagodite tako, da bo v skladu s standardi ikon za ikone. Favikoni vedno uporabljajo kvadratne dimenzije in imajo največjo podprto velikost 256 x 256 slikovnih pik. Sliko obrežite in prilagodite velikosti kvadrata velikosti 256 x 256 slikovnih pik, če boste uporabljali pakiranje ikon za podporo več velikosti. Če nameravate narediti samo eno različico, izberite velikost 16 x 16 slikovnih pik.
Video dneva
2. korak
Izvozite grafiko ikone kot slikovno datoteko PNG iz programa za grafično oblikovanje. PNG je standardni slikovni format W3C za favicons. Nekateri brskalniki lahko prikažejo datoteke JPG kot ikone za priljubljene, vendar standard uradno ni podprt. Poleg tega programi za pakiranje ikon morda ne bodo delovali s slikami v drugih formatih. Favikoni podpirajo tudi datoteke GIF in ICO.
3. korak
Zapakirajte izvoženo datoteko PNG v datoteko ICO s programom za pretvorbo ICO. Program za pretvornik ikon obdela ikon PNG, ga formatira za več različnih široko podprtih velikosti ikon in jih vstavi v eno datoteko. Datoteke ICO zagotavljajo favikone z višjo ločljivostjo kot 16 x 16 slikovnih pik za naprave, ki jih podpirajo.
4. korak
Prijavite se v storitev gostovanja vašega spletnega mesta in naložite datoteko PNG ali ICO na medijski strežnik vašega spletnega mesta. Kopirajte URL naložene datoteke; Potrebovali ga boste za pritrditev ikone ikone na spletno mesto.
5. korak
Odprite program za urejanje spletnega mesta in v razdelek svojega spletnega mesta dodajte naslednjo kodo, spremenjeno z URL-jem datoteke favicon, kot je navedeno.
Za datoteke PNG:
Za datoteke ICO:
Razen če uporabljate spletno mesto, ki ga nadzoruje CMS, ali vključite razdelek, ki temelji na datoteki, boste morali dodati kodo vsaki strani, na kateri želite prikazati ikono. Favicon se prikaže, ko shranite in posodobite strani spletnega mesta.
Nasvet
Programi za urejanje fotografij, kot sta Photoshop in Corel Draw, dobro delujejo pri oblikovanju in oblikovanju ikone. Lahko pa uporabite tudi brezplačne programe, kot sta Paint.net in Pixlr.
Opozorilo
Nekateri brskalniki samodejno povežejo slikovno datoteko, ki se nahaja v imeniku /favicon, kot ikono za ikono; vendar organizacija W3C to prakso odvrača, ker ni univerzalno podprt standard in je v nasprotju z načeli spletne arhitekture. Poleg tega številne storitve spletnega gostovanja in sistemi CMS uporabniku ne dovolijo, da medijske vsebine postavlja zunaj imenikov medijskih datotek, zaradi česar je ta praksa nemogoča.
