Sivuston Favicon-koko

Web-suunnittelu, kuten luultavasti tiedätte, on tärkeäkaikki yksityiskohdat. Resurssiisi siirretty henkilö ei näe kaikkia elementtejä erikseen, vaan kokee koko kuvan pieninä yksityiskohtina. Joten, jos kaipaan jotain resurssiasi kehitettäessä, tämä yksityiskohta voi pilata koko kokonaisuuden, koko kokoonpanon.

Tällainen harha voi olla esimerkiksi painikkeen tausta,väärän kirjasin jonkin pienen elementin ja jopa favicon. Katsokaa hyvin suuria, tunnettuja sivustoja, joissa on yksittäinen kuvake, joka ilmaisee sen käyttäjän selaimen "Kirjanmerkit" -osiossa. Ilman sitä resurssien kehittäjät eivät olisi kyenneet luomaan koostumusta, johon he alun perin pyrkivät.

Siksi, luomalla sivustosi mallia,pitäisi huolehtia yksityiskohdista, kuten faviconista. Tässä artikkelissa puhumme siitä, miten se sopii resurssin yleiseen tyyliin, ja minkä kokoisen kuvan pitäisi olla.

Sivuston kuvake

Ensin päätämme, mikä ontämä kohta. Tutki selaimesi välilehteäsi juuri nyt. Kuten näet, vasemmalla on pieni kuva, joka kuvaa resurssin logon yksinkertaistettua versiota. Sama kuva on myös lähellä hakutuloksen tuloksissa näkyvän sivuston nimeä. Näin käyttäjä ohjataan, kun hän näkee otsikon.

Monet verkkovastaavat ymmärtävät tällaisen kuvantarvitaan - mutta harvat tietävät, mitä sivuston favicon koko on sopivin. Siksi tässä artikkelissa ei vain anneta tietoja siitä, miten tällainen kuvake ja miten voit asentaa sen resurssisi, vaan kertoa myös kuvan koosta.

Faviconin tarkoitus

Joten, kuvan läheltä sivuston otsikko on tarkoitettutunnistaminen. Tämä on sen alkuperäinen tarkoitus: ilmaista sivusto, jonka nimi näemme ja korostaa sitä muiden silmissä. Tämä tehdään mahdollisimman yksinkertaisesti grafiikan avulla: intuitiivisesti katsomme kuvia kuvissa paljon nopeammin ja helpommin kuin tekstimuodossa. Favicons auttaa meitä tässä. Mutta älä unohda, että favicon koko on minimaalinen käyttäjän silmissä. Tämä ei ole sivuston "otsikon" logo, joka voi sisältää lisätietoja merkinnöissä, selvennyksissä tai yhteystiedoissa. Kaikki, jotka voidaan kuvata kuvakkeen lähellä nimi olisi mahdollisimman lähellä koko favicon. Ja hän, kuten on jo mainittu, on vain pieni (vain 16 x 16 pikseliä).

Kuinka valita favicon?

Miten webmaster voi kehittyäkuvaketta sivustollesi? On huomattava, että yksinkertaisesti pakkaa sivuston logo, useimmiten, ei toimi. Resurssin logon muodossa olevat tunnukset ovat usein näkyviä elementtejä, joita ei aina näytetä pienoiskoossa. On parempi heti hylätä tämä ajatus.

Tietenkin faviconin koko ei salli puhuaja vain laittaa kirjoitus siellä. Mikä tahansa teksti on yksinkertaisesti näkymätön tämän päätöslauselman kanssa. On tarpeen kehittää uusi kuvake, joka välittää sivuston tyylin. Ratkaisujen löytämiseksi käännykää taas suurimpiin sivustoihin.

Monet ihmiset käyttävät tyyliteltyä faviconina.Palvelun nimen ensimmäinen kirjain. Joten esimerkiksi Bing, Yahoo, Yandex, Wikipedia, Google. Toinen lähestymistapa on, jos sinulla on lyhyt sivuston nimi, voit asettaa sen kuvakkeen taustaksi. Jotta favicon-koko (pikseleinä se saavuttaa, toistan, 16 x 16 pikseliä), jotta tämä merkintä näyttäisi oikein, sen on oltava enintään kolme kirjainta. Niin tapahtuu esimerkiksi Aol-palvelu.

Kuinka luoda Favicon?

Voit luoda kuvakkeen sivuston nimeen.monin tavoin. Tietenkin, helpoin on työskennellä erilaisten valmiiden ratkaisujen kanssa. Voimme puhua kaikista palveluista tai ohjelmista, joiden avulla voit tehdä kuvakkeen täysimittaisesta kuvasta vähentämällä sitä. Suosittelen kuitenkin tällaisen logon kehittämistä omalla tavallaan. Tämä ensinnäkin antaa mahdollisuuden oppia jotain; ja toiseksi tarjota enemmän työkaluja. Kaikki, mitä sinun tarvitsee tehdä, on piirtää, ja myös tietää, mikä koko favicon on oltava lopullisessa versiossa. Puhumme sivustokuvakkeen koosta hieman myöhemmin, mutta nyt huomaamme joitakin hienovaraisuuksia tällaisten kuvien käsittelyssä. Erityisesti mainitsematta sivuston favicon koon pitäisi selventää tällaisen kuvan muotoa. Kuten kokeneet suunnittelijat huomauttivat, kuva olisi tallennettava .PNG (24-bittiseksi) tai .ICO-tiedostoksi.

Voit tallentaa kuvan esimerkiksi käyttämällä Photoshopia, jossa tunniste piirretään.

Favicon-mittasuhteet

Joten nyt puhutaan siitä, kuinka suuriMeidän on löydettävä kuva, joka näkyy sivuston nimen vieressä hakutuloksissa. Kuten aiemmin mainittiin, sen koko on vain 16 pikseliä (kummallakin puolella). Jos kuitenkin yrität muokata tätä kuvaa "Photoshopissa", katso itsellesi kuinka epämiellyttävä se on. Siksi suosittelemme laajennetun kuvan käsittelyä, joka tulevaisuudessa voidaan helposti puristaa reunoilta ja tallentaa haluamaasi muotoon.

Monialustainen

Kuitenkin, puhumme siitä, mitä kokoa favicontäytyy olla sivustossasi, sinun täytyy muistaa vielä yksi asia. Kaikki alustat eivät näytä resurssikuvaa samalla tavalla. Esimerkiksi laitteet, joissa Retina-näyttö "näkevät" suosikkisi koko 32 x 32 pikseliä. Ja Safarissa ja uudessa Windows-alustassa, ja kaikki nämä kuvakkeet ulottuvat 64 pikseliä.

Siksi suosittelemme eri versioiden tallentamista.kuvakkeita tulevaisuudessa vain sen muuttamiseksi käyttäjän alustasta riippuen. Toinen mielenkiintoinen kohta - voit yrittää ladata kuvakkeen suurimmassa muodossa toivoen, että se "kutistuu" riippuen selaimesta.

Ulkopuoliset toimittajat

Tietenkin on hyvä, jos ymmärrät Photoshopinja tiedät, minkä kokoinen favicon pitäisi olla ja miten se saavuttaa sen säilyttäen kuvan. Kuitenkin on paljon aloittelijoita, jotka eivät yksinkertaisesti törmännyt graafisiin toimituksiin niin tiukasti ennen, joten he eivät voi vain piirtää haluttua kuvaa. Tällaisten verkkovastaavien auttamiseksi on useita palveluja, joiden avulla voit automaattisesti luoda kiinnostavan kuvakkeen. Monet niistä ovat jopa ilmaisia, eikä käyttäjän tarvitse tehdä mitään investointeja.

Työtä varten, joskus sinun tarvitsee vain rekisteröityä,mutta, kuten ymmärrät, tämä tehdään vain kerran - loppujen lopuksi yritykset eivät muutu favicon niin usein. Tutustu Googleen, joka muuttaa logoa joka päivä, mutta ei kosketa kuvaketta.

Kuinka asentaa favicon?

Yleensä muokkaa sivustosi niin, ettäse näytti oikein kuvan, jota tarvitset, hyvin yksinkertainen. Riittävät tekemään useita yksinkertaisia ​​toimia, joiden avulla hakukoneet ja yksinkertaiset selaimet voivat lukea tietoja.

Tätä varten tuloksena oleva kuva on tarpeentallenna favicon.ico: ksi ja laita se resurssisi juuriin. Kaikki, nyt kuvasi tunnistetaan automaattisesti ja jonkin ajan kuluttua se sidotaan sivustoosi.

Tällaisen sitomisen lisäksi voit lisätä toisen rivin, joka "pyytää", missä kuvake sijaitsee. Se näyttää tältä:

<link rel = "pikakuvake" href = "kuvakkeen osoite" />

Asenna koodi tulee olla sivuston otsikossa.

tulokset

Joten, lukemalla artikkelimme, voit selvittää senminkä kokoisen pitäisi olla sivuston favicon ja mistä se on kyse. Luulen myös, että ymmärrät, että löytää resurssisi oikea kuvake on välttämätöntä, koska se vaikuttaa sinun käsiisi sekä tietoisuuden lisäämisen että kilpailijoidesi lisäämisen yhteydessä. Ainakin suurimmat toimipisteet toimivat samalla tavoin kuin parhaimmat esimerkit. Sitten tämä ei aiheuta erityisiä ponnisteluja - kun olet tehnyt favicon kerran ja asentanut sen oikein verkkosivustollesi, voit unohtaa sen lähikuukausina.

Voit siis kokeilla, keksit jotain uutta, kokeilla - ja kaikki toimii!