Olet varmasti useaan otteeseen kuullut suosikkikuvakkeesta. Tämä liittyy läheisesti verkkosivujen suunnitteluun, ja on tärkeä seikka, että jokaisella sivulla, olipa kyseessä verkkokauppa, blogi, verkkosivusto jne. he aikovat kysyä sinulta. Mutta, Mikä on favicon? Mitä varten se on? Ja mikä tärkeintä, miten se tehdään?
Jos sinulla on monia epäilyksiä tästä, annamme sinulle avaimet, jotta ymmärrät sen ja ennen kaikkea, jotta voit esitellä sen projektissasi ja sinulle jää parempi esitys. Vakuutamme sinulle!
Mikä on favicon
Aloitamme selittämällä, mikä favicon on, jotta ymmärrät sen. Ja tälle ei ole mitään parempaa kuin antaa sinulle käytännön esimerkki. Kuvittele, että selaat juuri nyt (itse asiassa luet meitä). Mutta sinulla ei ole vain yhtä välilehteä, vaan useita niistä. Olet ehkä huomannut, että kummassakin näkyy kyseisen sivun heijastaman nimen nimi, joko YouTube (koska kuuntelet taustamusiikkia), Gmail (koska postisi on auki) tai tämä sivu.
Jokaisen nimen vieressä vasemmalla näkyy pieni neliön muotoinen kuva. Youtubessa ja Gmailissa oleva on varmasti tunnistettavissa heidän omistamiinsa logoihin, mutta entä muut välilehdet?
No, mitä näet, on oikeastaan favicon. Toisin sanoen se on a -kuvake, joka liittyy vierailemallesi sivulle, Siksi on niin tärkeää kiinnittää huomiota tähän yksityiskohtiin, koska kun lisäät sivun suosikkeihin tai pikakuvakkeisiin, faviconista tulee kyseisen sivun "kuva" ja siksi sinun on huolehdittava sen suunnittelusta niin, että se liittyy täydellisesti (ja ennen kaikkea näyttää hyvältä erottaakseen sen muista).
Tämän pienen kuvakkeen koko on yleensä 16 × 16 pikseliä (vaikka se voidaan asettaa myös 32x32 pikseliksi). Sen sisällä on huolehdittava siitä, että kaikki asettamasi asiat näkyvät oikein, koska muuten se näkyy pienenä tunnistettavana tahrana (ja se antaa erittäin huonon kuvan sivustasi).
Miksi favicon on niin tärkeä?
Nyt kun tiedät, mikä suosikkikuvake on, ja että olet löytänyt sen tavallisesti avaamillasi sivuilla, oletko huomannut, että puuttuvia sivuja on nykyään yhä vähemmän? Tämä johtuu siitä, että on todella tärkeää antaa visio eleganssista ja taitotiedosta. Toisin sanoen aiot välittää tuotemerkin tai yrityksen kuvan, joka välittää yksityiskohdista.
Faviconilla on kuitenkin myös muita käyttötarkoituksia, kuten:
- Toimi sivusi tunnisteena. Yleensä tämä favicon liittyy logoon, joka sinulla on verkkosivustollasi, vain pienemmässä koossa. Mutta kun logo on liian iso eikä sitä näy pikkupainikkeessa, valitset yleensä jotain, joka liittyy siihen.
- Autat sivusi tallentaneita käyttäjiä tunnistamaan sen visuaalisesti. Siten, vaikka he eivät muista URL-osoitetta tai yrityksen nimeä, he etsivät sen faviconin kuvan vuoksi.
- Olla "hyvä" SEO: n kanssa. Tämä on otettava suolan kanssa. Ja se, että faviconin saaminen tai puuttuminen ei vaikuta suoraan SEO: ään (toisin sanoen se ei aseta sinua paremmin tai huonommin siitä, onko sinulla vai ei). Nyt on yhä yleisempää, että kun selain siirtyy sivulle, se etsii kyseistä suosikkikuvaketta ja, kun se ei löydä sitä, se antaa virheen 404. Ja tiedät, että nämä virheet eivät ole hyviä hakukoneoptimoijalle. sivu.
Kuinka tehdä favicon
Nähtyään on selvää, että suosikkikuvake on olennainen osa verkkosivustoa. Kuinka teet sellaisen?
Sinun pitäisi tietää, että useimmissa tapauksissa se on valitse kyseisen verkkosivuston logo tai jos se on liian iso, se tunnistaa sen. Kuvittele esimerkiksi, että sinulla on televisio-sivusto, jolle olet soittanut jollakin tavalla. Mutta se on faviconissa liian suuri. Sen sijaan voit laittaa kuvan televisiosta niin, että ne liittyvät siihen. Näissä tapauksissa on suositeltavaa käyttää samoja värejä kuin verkkosivustosi, jotta he tunnistavat sen paremmin.
Ja nyt, kuinka voimme luoda suosikkikuvion? Sinulla on useita vaihtoehtoja:
Photoshop, Gimp ...
Toisin sanoen puhumme kuvankäsittelyohjelmista, koska suosikkikuvake luodaan täsmälleen sama kuin kuva. Tietenkin sinun on tallennettava se .ico-muodossa, jotta se tunnistetaan sellaisenaan, koska sitä ei voi jättää JPG-, GIF- tai vastaavaksi.
Tämä tapa tehdä se avulla voit muokata faviconia paljon paremmin, onnistuu luomaan se tyhjästä ja antamaan sille haluamasi lopputulos. Tätä varten työskentelet normaalisti normaalikokoisen kuvan kanssa ja sovitat sen sitten kyseisen painikkeen kokoon.
Loppujen lopuksi se tulisi ladata ja testata eri selaimissa nähdäksesi, näyttääkö se hyvältä, edustavalta ja ennen kaikkea ymmärretäänkö.
Verkkotyökalujen käyttäminen
Tässä tapauksessa tarkoitamme verkkosivuja, jotka huolehtivat minkä tahansa haluamasi kuvan muuntamisesta faviconiksi muutamassa sekunnissa. Mutta sinulla on myös mahdollisuus Suunnittele suosikkisi suoraan näillä sivuilla.
Jos haluat edellisen (lataa kuva ja muunna se), suosittelemme Favicon Generatoria tai Favic-o-maticia. Mutta jos haluat jälkimmäisen (suunnittele se tyhjästä), lyö vetoa favicon.io tai x-icon editorilla.
WordPressin kanssa
Onko sivusi tehty WordPressissä? Ja tiedätkö, että voit käyttää tätä järjestelmää faviconin luomiseen. Tätä varten voit käyttää joitain laajennuksia, joiden avulla voit luoda tämän painikkeen lataamasi (tai lataamasi) kuvan perusteella. Myös läpi "Ulkonäkö / Mukauta" voit tehdä sen.
Kun olet tehnyt suosikkikuvakkeen, sinun on vain lisättävä se verkkosivustollesi ja annettava sen tunnistaa se voidakseen näyttää sen sivusi nimen vasemmalla alueella sekä tallennettaessa suosikkeihin. Tällä tavoin he tunnistavat sinut helposti tarvitsematta lopettaa lukemista, jos se on sivu, jolla he todella halusivat käydä.