Pri spletnem oblikovanju je, kot verjetno veste, pomembna vsaka podrobnost. Oseba, ki je prešla na vaš vir, ne vidi vsakega od elementov posebej, ampak celotno sliko dojema kot paket, sestavljen iz drugih majhnih podrobnosti. Če torej v procesu razvoja svojega vira kaj zamudite, lahko ta podrobnost kasneje pokvari celoten kompleks, celotno kompozicijo.
Takšna malenkost je lahko na primer ozadje gumba, napačno izbrana pisava kakšnega majhnega elementa in celo ikona za ikono. Dejansko se prepričajte sami - velika, znana spletna mesta imajo posamezno ikono, ki jo označuje v razdelku »Zaznamki« v brskalniku uporabnika. Brez tega razvijalci vira ne bi mogli ustvariti kompozicije, za katero so si prvotno prizadevali.
Zato bi morali pri ustvarjanju dizajna za vašo spletno stran poskrbeti za tako podrobnost, kot je ikona ikone. V tem članku bomo govorili o tem, kako ga uskladiti s splošnim slogom vira, pa tudi o tem, kakšne velikosti naj ima ta slika.
ikona spletnega mesta
Najprej definirajmo, kaj je ta element. Zdaj si oglejte naslov zavihka brskalnika. Kot lahko vidite, je na levi strani majhna slika, ki označuje poenostavljeno različico logotipa vira. Ista slika je tudi blizu imena spletnega mesta, prikazanega v rezultatih iskanja. To je tisto, kar uporabnika vodi, ko vidi naslov.
Številni spletni skrbniki razumejo, da je takšna slika potrebna - le malo ljudi ve, kakšna velikost ikone ikona za spletno mesto bo najbolj primerna. Zato v tem članku ne bomo dali le informacij o tem, kako narediti takšno ikono in kako jo lahko namestite na svoj vir, temveč bomo govorili tudi o velikostih slik.
Namen favicon
Torej, slika blizu glave spletnega mesta se uporablja za identifikacijo. To je njegov prvotni namen: izraziti spletno mesto, katerega ime vidimo, in ga izstopati v očeh ostalih. To se naredi čim bolj preprosto z uporabo grafike: intuitivno zaznavamo informacije v slikah veliko hitreje in lažje kot v besedilni obliki. Favicons nam pomagajo narediti prav to. Vendar ne pozabite, da je velikost ikone v očeh uporabnika minimalna. To ni logotip v "glavi" spletnega mesta, ki lahko vsebuje dodatne informacije v obliki napisov, nekaterih pojasnil ali kontaktnih podatkov. Vse, kar se lahko prikaže v ikoni poleg imena, naj čim bolj ustreza velikosti ikone ikone. In kot je bilo že navedeno, je preprosto miniaturen (samo 16 x 16 slikovnih pik).
Kako izbratifavicon?
Kako lahko spletni skrbnik oblikuje ikono za svoje spletno mesto? Treba je opozoriti, da preprosto stiskanje logotipa spletnega mesta najpogosteje ne bo delovalo. Na emblemih, ki so postavljeni v obliki logotipa določenega vira, so pogosto vidni različni elementi, ki ne bodo vedno pravilno prikazani v miniaturni obliki. Bolje je, da takoj opustite takšno podjetje.
Seveda velikost ikone favikona ne dopušča, da bi se tam preprosto vstavili napis. Vsako besedilo bo pri tej ločljivosti preprosto nevidno. Razviti moramo novo ikono, ki bi izražala slog strani. Za iskanje rešitev se spet obrnimo na največja spletna mesta.
Veliko ljudi uporablja stilizirano prvo črko imena storitve kot ikono za ikono. Tako je na primer Bing, Yahoo, Yandex, Wikipedia, Google. Obstaja še en pristop - če imate kratko ime spletnega mesta, ga lahko nastavite kot ozadje ikone. Da bi velikost ikone ikone (v slikovnih pikah dosega, ponavljam, 16 x 16 slikovnih pik) pravilno prikazala ta napis, ne sme biti daljša od 3 črk. To počne na primer storitev Aol.
Kako ustvariti favicon?
Obstaja več načinov za izdelavo ikone za ime spletnega mesta. Seveda je najlažje delati z različnimi že pripravljenimi rešitvami. Lahko govorimo o nekaterih storitvah ali programih, ki vam omogočajo, da naredite ikono iz polnopravne slike, tako da jo zmanjšate. Vseeno bi priporočal, da sami razvijete tak logotip. To bo najprej dalopriložnost, da se nekaj naučijo; in drugič, zagotovil bo več orodij. Vse, kar morate vedeti za to, je, kaj narisati, in tudi vedeti, kakšne velikosti naj bo ikon v končni različici. O velikosti ikon za spletno mesto bomo govorili malo kasneje, za zdaj pa bomo opazili nekaj tankosti pri delu s takšnimi slikami. Zlasti, ne da bi omenjali velikost ikone za spletno mesto, je treba pojasniti obliko takšne slike. Kot ugotavljajo izkušeni oblikovalci, mora biti slika shranjena kot-p.webp
Sliko lahko shranite, na primer z uporabo Photoshopa, kjer bo narisan emblem.
Dimenzije ikone za ikone
Torej, zdaj se pogovorimo o tem, kako velika bi morala biti slika, ki jo vidimo poleg imena spletnega mesta v rezultatih iskanja. Privzeto je, kot že omenjeno, njegova velikost le 16 slikovnih pik (na vsaki strani). Če pa poskusite to sliko urediti v Photoshopu, se boste sami prepričali, kako neprijetno je. Zato priporočamo delo s povečano sliko, ki jo lahko v prihodnosti preprosto stisnete vzdolž robov in shranite v zahtevani format.
Multiplatform
Vendar, ko govorimo o tem, kako velik mora biti ikona ikone na vašem spletnem mestu, je treba upoštevati še eno stvar. Vse platforme ne prikazujejo slike vira na enak način. Na primer, naprave z zaslonom Retina "vidijo" vašo ikono ikone pri ločljivosti 32 x 32 slikovnih pik. In v Safariju in na novi platformi Windows in sploh te ikone dosegajo velikost 64slikovnih pik.
Zato priporočamo, da shranite različne različice ikone in preprosto poskrbite za njeno spreminjanje glede na platformo uporabnika v prihodnosti. Še ena zanimiva točka - lahko poskusite naložiti ikono v največji obliki, pri čemer računate na dejstvo, da se bo "krčila" glede na brskalnik.
Zunanji uredniki
Seveda je dobro, če obvladate Photoshop in veste, kakšne velikosti mora biti ikona ikone in kako jo doseči, medtem ko shranjujete sliko. Je pa veliko začetnikov, ki se z grafičnimi urejevalniki le še niso srečali tako od blizu, zato želene slike ne morejo tako enostavno narisati. V pomoč takšnim spletnim skrbnikom obstajajo različne storitve, ki vam omogočajo, da samodejno ustvarite ikono, ki vas zanima. Mnogi od njih so celo brezplačni, kar od uporabnika ne zahteva nobenih naložb.
Včasih se morate samo registrirati za delo, a, kot razumete, se to naredi enkrat - navsezadnje podjetja ne spreminjajo ikone ikone tako pogosto. Poglejte si Google, ki vsak dan spreminja logotip, a se ikone ne dotika.
Kako namestiti favicon?
Na splošno je nastavitev vaše spletne strani tako, da pravilno prikazuje sliko, ki jo potrebujete, zelo preprosta. Dovolj je, da izvedete vrsto preprostih korakov, ki bodo iskalnikom, pa tudi preprostim brskalnikom, omogočili branje informacij.
Če želite to narediti, morate dobljeno sliko shraniti zimenovano favicon.ico in postavljeno v koren vašega vira. To je to, zdaj bo vaša slika samodejno prepoznana in čez nekaj časa bo povezana z vašim spletnim mestom.
Poleg te vezave lahko dodate še eno vrstico, ki bo »predlagala«, kje se nahaja vaša ikona. Izgleda takole:
Namestite kodo v glavo spletnega mesta.
Sklepi
Torej, ko ste prebrali naš članek, ste ugotovili, kakšna velikost mora biti ikona za spletno mesto in kakšna je. Prav tako mislim, da ste razumeli, da je iskanje prave ikone za vaš vir nujno, saj vam igra na roko tako v smislu povečanja prepoznavnosti kot tudi v smislu dodatnega izstopa med vašimi konkurenti. Vsaj največja spletna mesta delajo enako, kar lahko vzamemo kot odličen primer. Poleg tega ne povzroča veliko truda - ko ste enkrat naredili ikono za priljubljene in jo pravilno namestili na svoje spletno mesto, lahko nanjo pozabite v naslednjih nekaj mesecih.
Zato lahko eksperimentirate, izmislite nekaj novega, poskusite - in vse se bo izšlo!
