Storlek favicon för din webbplats

I webbdesign, som ni säkert vet varje detalj frågor. Mannen som gick till din webbplats, kan inte se varje element för sig, och tar hela bilden av paketet, som består av andra små detaljer. Således, om du saknar något i färd med att utveckla resursen kan denna detalj i framtiden förstöra hela komplexet, hela kompositionen.

Sådana böter kan vara till exempel bakgrund av knappen felaktiga teckensnitt några små objekt och även favicon. I själva verket ser sami- stora välkända webbplatser har en individuell ikon som representerar den i "Bookmarks" i användarens webbläsare. Utan den, utvecklarna resurs misslyckats med att skapa sammansättningen som de ursprungligen sökte.

Därför skapar du en design för webbplatsen, bör ta hand om sådana detaljer som favicon. I denna artikel kommer vi att tala om hur man väljer det under den allmänna resurs stil, och vilken storlek ska vara i bilden.

ikon site

Först definierar vi vad utgör denna del. Nu titta på titeln på webbläsarens flikar. Som ni kan se, till vänster finns en liten bild som representerar en förenklad version av logotypen resursen. Samma bild finns nära platsnamn visas i SERPS. Att användaren styrs av henne, när de ser titeln.

Många webbansvariga förstår att den här bilden behövs - men få människor vet vad storlek favicon för webbplatsen skulle vara mest lämpliga. Därför, i denna artikel kommer vi inte bara kommer att ge information om hur man gör en sådan ikon och hur man installerar det på din webbplats, men också för att beskriva dimensionerna av bilden.

syfte favicon

Så är bilden nära platsen header används för identifiering. Detta är dess ursprungliga syfte: att uttrycka platsen, vilket vi ser Nathaniel och markera den i andras ögon. Det blir mycket enkel med hjälp av grafik: vi intuitivt uppfattar informationen i bilder mycket snabbare och enklare än i textformat. Favicon hjälpa oss i detta. Men glöm inte att favicon storleken är minimal i ögonen på användaren. Detta är inte en logotyp i "cap" site som kan innehålla ytterligare information i form av inskrifter, vissa förtydliganden eller kontaktinformation. Allt som kan avbildas i ikonen bredvid namnet borde vara den mest lämpliga storleken på favicon. Och det är, såsom redan angivits, en miniatyr (av 16 med 16 bildpunkter).

Hur man väljer en favicon?

Så hur en webmaster kan utforma en ikon för din webbplats? Det bör noteras att bara komprimera webbplatsens logotyp, troligen inte kommer att lyckas. På affischer som sätts i form av logotypen för en viss resurs, ofta ser olika saker som inte alltid kommer att visas korrekt i miniatyrformat. Det är bättre att omedelbart överge denna satsning.

Naturligtvis storleken på favicon kan inte prata om det just sätter inskriptionen där. All text helt enkelt inte syns på den här resolutionen. Vi behöver utveckla ett nytt ikon som kan överföra site stil. Att hitta lösningar, återigen, låt oss titta på de stora arenor.

Många använder en favicon stiliserad första bokstaven i namnet på tjänsten. Så kom till exempel Bing, Yahoo, Yandex, Wikipedia, Google. Det finns en annan metod - om du har en kort namnet på webbplatsen, kan du ställa in den som bakgrund på ikonen. Att favicon upplösning (pixlar den når återigen 16-16 poäng) kan korrekt visa tecken, det får inte vara längre än tre bokstäver. Det gör till exempel tjänsten AOL.

Hur man skapar en favicon?

Gör en ikon för namnet på webbplatsen på flera sätt. Naturligtvis är det enklaste - är att arbeta med olika färdiga lösningar. Vi kan tala om några tjänster eller program som tillåter dig att göra bilden av hela ikonen genom att minska den. Men jag skulle rekommendera att göra utvecklingen av logotypen på egen hand. Detta är det första gör det möjligt att lära sig något; och för det andra för att ge ett stort antal verktyg. Allt du behöver för att kunna göra -att oavgjort, liksom vet vilken storlek favicon att vara i den slutliga versionen. Om storleken på ikonerna för webbplatsen kommer vi att tala senare, men nu kan vi konstatera vissa nyanser av att arbeta med sådana bilder. Framför allt att inte tala om storleken på favicon för webbplatsen bör klargöra detta bildförhållande. Som framgår av erfarna designers, bör bilden sparas som en PNG (24-bitars) eller som fayl.ICO.

Utför spara bilden, kan du till exempel med hjälp av Photoshop, där det kommer att dras emblem.

mått favicon

Så nu ska vi prata om hur stor måste vara den bild som vi ser bredvid platsen i sökresultaten. Som standard, som redan nämnts, är dess storlek endast 16 pixlar (på varje sida). Men om du försöker redigera bilden i "Photoshop" själv kontrollera om det är obekvämt. Därför rekommenderar vi att arbeta med en förstorad bild, som i framtiden kommer att vara bara pressa kanterna och sparas i önskat format.

multi

Men att tala om vad storleken på favicon bör vara på din webbplats, måste du komma ihåg ett sak. Inte alla plattformar lika speglar resurs bilden. Till exempel kan en Retina-bildskärm "se" din favicon i mängden 32 till 32 pixlar. I Safari, och på den nya Windows-plattformen, och alla dessa ikoner når 64 pixlar storlek.

Därför rekommenderar vi att hålla de olika versionerna av ikonerna i framtiden bara att ge dess förändring beroende på användarens plattform. En annan intressant punkten - kan du försöka hämta ikonen i största format i hopp om att det kommer att "krympa", beroende på vilken webbläsare.

utländska redaktörer

Naturligtvis bra om du är bra på Photoshop och vet vilken storlek favicon ska vara och hur man kan uppnå det, bevara sin image. Men det finns gott om nybörjare som helt enkelt inte upplevt grafiska redaktörer så hårt innan, så kanske inte är så lätt att dra en önskade bilden. För att hjälpa dessa webmasters finns olika tjänster som gör att automatiskt gör du intresserad av ikonen. Många av dem är till och med gratis, som inte kräver några investeringar från användaren.

Att arbeta ibland bara behöver registrera, men som ni vet, görs detta endast en gång - i själva verket inte så ofta företagen ändra favicon. Titta bara på Google, där varje dag ändrar logotypen, men inte trycka på ikonen.

Hur man installerar en favicon?

I allmänhet ställer in din webbplats så att den på rätt sätt visar den bild du vill ha, är det mycket enkelt. Det räcker med att utföra en serie enkla åtgärder som gör att sökmotorerna, samt bara en webbläsare för att läsa informationen.

För detta måste du spara den resulterande bilden som favicon.ico och lägga den i roten på resursen. Allt är nu din bild kommer att automatiskt och händelsen någon gång det kommer att kopplas till din webbplats.

Utöver detta bindande, kan du lägga till en annan linje, som kommer att "prompt", där din ikon. Det ser ut som följer:

Ställ in koden ska vara i huvudet.

rön

Så efter att ha läst den här artikeln behandlar dig med det faktum, vilken storlek bör vara favicon för området och att det i allmänhet är. Dessutom tror jag du förstår att sökandet efter en lämplig ikon för din webbplats - det är en nödvändighet, eftersom den spelar i händerna på dig både när det gäller att öka medvetenheten, både när det gäller de ytterligare anslag bland dina konkurrenter. Åtminstone viktiga platser fungerar på samma sätt som vi kan ta ett tydligt exempel. Och sedan, mycket ansträngning det orsakar inte - gör favicon gång och installera det på rätt sätt på din webbplats, kan du glömma det under de närmaste månaderna.

Så tveka inte att experimentera, uppfinna något nytt, prova - och lyckas!