Koko favicon sivuston

Web design, kuten varmasti tiedätte, jokainen yksityiskohta asioita. Mies, joka meni sivuston, ei voi nähdä jokaisen elementin erikseen, ja ottaa koko kuva paketin, joka koostuu muita pieniä yksityiskohtia. Näin ollen, jos olet puuttuu jotain kehitettäessä resurssin, tämän yksityiskohdan jatkossa voi pilata koko monimutkainen, koko koostumuksesta.

Tällaiset sakot voivat olla esimerkiksi taustalla painiketta väärä fontteja pieniä tuotteita jopa favicon. Todellakin, katso sami- suuri, tunnettuja sivustoja on yksilöllinen kuvake, joka edustaa sen "Kirjanmerkit" käyttäjän selaimeen. Ilman sitä resurssi kehittäjät kyennyt luomaan koostumukseen, johon ne alun perin vaativat.

Siksi luot suunnittelu sivuston, pitäisi huolehtia sellaiset yksityiskohdat kuin favicon. Tässä artikkelissa puhumme kuinka valita sen yleisten resurssien tyyli, ja mitä koon tulisi olla kuvassa.

kuvake site

Ensin määritellään, mitä pidetään tätä elementtiä. Nyt katsomaan otsikko selaimen välilehtiä. Kuten näette, vasemmalla on pieni kuva, joka edustaa yksinkertaistettu versio logon resurssi. Sama kuva on siellä lähellä sivuston nimi näkyy SERPs. Että käyttäjä ohjaa häntä, kun he näkevät otsikko.

Monet ylläpitäjät ymmärtää, että tämä kuva on tarpeen - mutta harvat tietävät mitä kokoa haetaan määritetyn sivuston olisi sopivin. Siksi tässä artikkelissa emme vain antaa tietoa siitä, miten tehdä tällaista kuvaketta ja miten asentaa sen päällä, mutta myös kuvaamaan mitat kuvan.

tarkoitus favicon

Niin, kuva lähellä sivusto otsikon käytetään tunnistamiseen. Tämä on sen alkuperäinen tarkoitus: ilmaista sivustoon, jossa näemme Nathaniel ja valitse se muiden silmissä. Siitä tulee erittäin yksinkertainen käyttämällä grafiikka: me intuitiivisesti ymmärtävät tiedot kuvina paljon nopeammin ja helpommin kuin tekstimuodossa. Favicon auttaa meitä tässä. Mutta älä unohda, että favicon koko on minimaalinen silmissä käyttäjälle. Tämä ei ole logoa "cap" sivusto, joka voi sisältää muita tietoja muodossa kirjoituksia, selvennyksiä tai yhteystietoja. Kaikki, mikä voidaan kuvata kuvakkeen nimen vieressä, olisi sopivin kokoon favicon. Ja se on, kuten jo mainittiin, pienoiskoossa (16 16 pikseliä).

Miten valita favicon?

Joten miten ylläpitäjä voi suunnitella kuvakkeen sivuston? On syytä huomata, että yksinkertaisesti puristavat logo sivuston todennäköisimmin ei onnistu. Julisteissa, jotka esitetään muodossa logon tietyn resurssin, usein nähdä erilaisia kohteita, jotka eivät aina näy oikein pienoiskoossa. On parempi heti luopua tässä hankkeessa.

Tietenkin koko faviconin voi puhua, että vain lisätä merkintä siellä. Mitään uutta tekstiä yksinkertaisesti ei näy tällä resoluutiolla. Meidän on kehitettävä uusi kuvake, joka välittää sivuston tyyliä. Löytää ratkaisuja, jälleen, Katsotaanpa suuret paikat.

Monet käyttävät favicon tyylitelty ensimmäinen kirjain palvelun nimen. Joten tule, esimerkiksi Bing, Yahoo, Yandex, Wikipedia, Google. On toinenkin lähestymistapa - jos sinulla on lyhyt nimi sivuston, voit asettaa sen taustana kuvakkeen. To favicon resoluutio (pikseliä se saavuttaa jälleen 16-16 pistettä) voi oikein osoittaa merkki, se ei saa olla pidempi kuin kolme kirjainta. Joten ei, esimerkiksi palvelun AOL.

Miten luoda favicon?

Tee kuvakkeen nimi sivuston monella tavalla. Tietenkin helpoin - on työskennellä erilaisten valmiita ratkaisuja. Voimme puhua mitään palveluja tai ohjelmia, joiden avulla voit tehdä kuvan koko ikoni vähentämällä sitä. Haluan kuitenkin suositella toteuttaa kehittämistä logon omasta. Tämä on ensinnäkin mahdollistaa oppia jotain; ja toisaalta tarjota suuren määrän työkaluja. Kaikki mitä sinun tarvitsee pystyä tekemään -että piirtää, sekä tietää, mitä koko favicon olla lopullisessa versiossa. Noin kokoa kuvakkeet sivuston, me puhumme myöhemmin, mutta nyt toteamme joitakin vivahteet työskennellä tällaiset kuvat. Erityisesti puhumattakaan koko haetaan määritetyn sivuston, pitäisi selventää tätä kuvasuhde. Minkä myös kokeneita suunnittelijoita, kuvan tulisi tallentaa .PNG (24-bittinen) tai fayl.ICO.

Suorita tallentaa kuvan, voit esimerkiksi avulla Photoshop, jossa se arvotaan tunnus.

Mitat favicon

Joten nyt puhutaanpa kuinka suuri on kuva, jonka näemme vieressä sivuston hakutuloksissa. Oletuksena, kuten jo mainittiin, sen koko on vain 16 pikseliä (kummallakin puolella). Kuitenkin, jos yrität muokata kuvaa "Photoshop", tarkistaa itse, onko tämä on epämukava. Siksi suosittelemme kanssa suurennettu kuva, joka tulevaisuudessa tullaan vain puristaa reunat ja tallennetaan halutussa muodossa.

Monialustainen

Kuitenkin ottaen mitä kokoa faviconin olisi sivuston, sinun täytyy muistaa yksi asia. Ei kaikki alustat ovat yhtä heijastavat resurssi kuvan. Esimerkiksi Retina-näyttölaite "nähdä" oman favicon määrää 32-32 pikseliä. Safarin ja uudella Windows-alustalla, ja kaikki nämä kuvakkeet nousta 64 pikseliä koosta.

Siksi suosittelemme pitämään eri versioita kuvakkeiden tulevaisuudessa yksinkertaisesti tarjota muutoksen riippuen käyttäjän alustalla. Toinen mielenkiintoinen seikka - voit yrittää ladata kuvakkeen suurin muodossa siinä toivossa, että se "kutistua", riippuen selaimen.

ulkomaiset toimittajat

Tietenkin hyvä jos olet hyvä Photoshop ja tietää, mitä koko favicon pitäisi olla ja miten siihen päästään, säilyttäen sen kuvan. On kuitenkin olemassa paljon aloittelijoille, jotka eivät vain ole kokenut graafiset editorit niin tiukka ennen, joten voi olla niin helppoa tehdä haluttu kuva. Auttaa näitä ylläpitäjät on useita palveluita, joiden avulla automaattisesti tekee sinusta kiinnostunut kuvakkeen. Monet niistä ovat jopa ilmaisia, joka ei vaadi investointeja käyttäjältä.

Työskennellä joskus tarvitsee vain rekisteröityä, mutta, kuten tiedätte, tämä tapahtuu vain kerran - itse asiassa ole niin usein yritykset muuttavat favicon. Katsokaapa Google, jossa jokainen päivä muuttaa logon, mutta se ei kosketa kuvaketta.

Kuinka asentaa favicon?

Yleensä perustaa oman sivuston niin, että se oikein näyttää kuvan haluat, se on hyvin yksinkertainen. Se on tarpeeksi suorittaa useita yksinkertaisia ohjeita, joiden avulla hakukoneet, samoin kuin vain selaimen lukea tietoja.

Tähän tarvitaan tallentaa tuloksena kuvan favicon.ico ja laita se juuri resurssi. Kaikki on nyt kuvan havaitaan automaattisesti, ja tapaus jonkin aikaa se linkitetään sivuston.

Tämän lisäksi sitovia, voit lisätä toisen rivin, joka tulee "kuiskata", jossa kuvake. Se näyttää seuraavalta:

Aseta koodin olla otsikossa.

tulokset

Joten, kun luet tämän artikkelin, voit käsitellä sitä, mitä koon tulisi olla haetaan määritetyn sivuston ja että se yleensä on. Lisäksi olen sitä mieltä, ymmärrätte että etsi sopiva kuvake sivuston - se on välttämättömyys, koska se pelaa käsiin te niin tiedon lisäämiseksi, olipa kyse lisämäärärahan keskuudessa kilpailijoita. Ainakin suuret sivustot toimivat samalla tavalla, että voimme ottaa niin mainio esimerkki. Ja sitten, paljon vaivaa se ei aiheuta - tehdä favicon kerran ja asentaa sen oikein sivuston, voit unohtaa sitä lähikuukausina.

Joten rohkeasti kokeilla, keksiä jotain uutta, kokeilla - ja onnistua!