Favicon storlek för webbplatsen

I webbdesign, som du säkert vet, är viktigtvarje detalj. En person som har gått till din resurs ser inte var och en av elementen separat, men uppfattar hela bilden som ett paket som består av andra små detaljer. Om du saknar någonting samtidigt som du utvecklar din resurs kan denna detalj i framtiden förstöra hela komplexet, hela kompositionen.

En sådan trifle kan exempelvis vara bakgrunden på en knapp,felaktigt valda teckensnitt av något litet element och till och med ett favicon. Faktum är att se dig själv, stora, välkända platser har en enskild ikon, som står för den i avsnittet "Bokmärken" i användarens webbläsare. Utan det skulle utvecklarna av resursen inte kunna skapa den komposition som de ursprungligen önskade.

Därför skapar du en design för din webbplats,bör ta hand om sådana detaljer som Favicon. I den här artikeln pratar vi om hur du väljer den under resursens allmänna stil, liksom vilken storlek den här bilden ska ha.

Webbplats Ikon

Först bestämmer vi vad som ärdenna artikel. Titta nu på namnet på fliken i din webbläsare. Som du kan se, till vänster om det finns en liten bild som betecknar en förenklad version av resurslogotypen. Samma bild är också nära namnet på webbplatsen som visas i sökresultaten. Det är på det att användaren är orienterad när han ser titeln.

Många webbansvariga förstår att en sådan bildBehov - men få människor vet vilken storlek favicon för webbplatsen kommer att vara den 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.

Syftet med favicon

Så tjänar bilden nära sidhuvudet tillidentifiering. Detta är dess ursprungliga syfte: att uttrycka sajten, namnet som vi ser och att markera det i andras ögon. Detta görs så enkelt som möjligt genom att använda grafik: vi intuitivt uppfattar informationen i bilder mycket snabbare och enklare än i textformat. Favicons hjälper oss i detta. Men glöm inte att storleken på favicon är minimal i användarens ögon. Det här är inte en logotyp i webbplatsens "rubrik", som kan innehålla ytterligare information i form av inskriptioner, eventuella förtydliganden eller kontaktuppgifter. Allt som kan avbildas i ikonen bredvid namnet ska vara så nära som möjligt till storleken på favicon. Och han, som redan har angivits, är bara liten (endast 16 med 16 pixlar).

Hur väljer man en favicon?

Så hur kan en webmaster utvecklasikon för din webbplats? Det bör noteras att helt enkelt komprimera webbplatsen logotyp, oftast, kommer inte att fungera. På emblemen som sätts i form av en resurs logotyp, är olika element ofta synliga, vilket inte alltid visas korrekt i miniatyrform. Det är bättre att omedelbart överge detta venture.

Naturligtvis tillåter inte favikonets storlek att prataoch bara för att skriva inskrift där. Vilken text som helst är helt enkelt osynlig med denna resolution. Vi behöver utveckla en ny ikon som skulle förmedla stilen på webbplatsen. För att hitta lösningar, låt oss återvända till de största platserna.

Många använder stiliserade som en favicon.Första bokstaven i servicenamnet. Så gör, till exempel, Bing, Yahoo, Yandex, Wikipedia, Google. Det finns ett annat tillvägagångssätt - om du har ett kort sajtnamn kan du ställa in det som bakgrunden på din ikon. För att storleken på favicon (i pixlar den når, upprepar jag 16 med 16 punkter) får visa denna inskription korrekt, får den inte vara längre än 3 bokstäver. Så gör till exempel tjänsten Aol.

Hur skapar man en Favicon?

Du kan skapa en ikon för webbplatsens namnpå flera sätt. Det enklaste är självklart att arbeta med olika färdiga lösningar. Vi kan prata om några tjänster eller program som låter dig göra en ikon från en fullfjädrad bild genom att minska den. Jag skulle dock vilja rekommendera att utveckla en sådan logo på egen hand. Detta kommer för det första att ge möjlighet att lära sig något; och för det andra, tillhandahålla fler verktyg. Allt du behöver för att kunna göra detta är att rita, och också veta vilken storlek favicon ska vara i den slutliga versionen. Vi pratar lite om ikonens storlek för webbplatsen lite senare, men för nu kan vi notera några finesser att arbeta med sådana bilder. I synnerhet, utan att nämna storleken på favicon för webbplatsen, bör man förtydliga formatet för en sådan bild. Som noteras av erfarna designers, ska bilden sparas som en .png (24-bit) eller som en .ICO-fil.

Du kan spara bilden, till exempel, genom att använda Photoshop, där emblemet kommer att dras.

Favicon dimensioner

Så nu pratar vi om hur storDet ska finnas en bild som vi ser bredvid webbplatsens namn i sökresultaten. Som tidigare nämnts är storleken endast 16 pixlar (på varje sida). Men om du försöker redigera bilden i "Photoshop", se själv hur obekvämt det är. Därför rekommenderar vi att du arbetar med en förstorad bild, som i framtiden enkelt kan komprimeras vid kanterna och sparas i önskat format.

multi

Men pratar om vilken storlek faviconmåste vara på din webbplats, du måste komma ihåg en sak igen. Inte alla plattformar visar en resursbild på samma sätt. Till exempel, enheter med en näthinnesskärm "se" ditt favicon i storleken 32 32 pixlar. Och i Safari och på den nya Windows-plattformen, och alls, når dessa ikoner 64 pixlar.

Därför rekommenderar vi att du sparar olika versioner.ikoner i framtiden bara för att förse dess förändring beroende på användarens plattform. En annan intressant punkt - du kan försöka ladda ner ikonen i det största formatet, hoppas att det kommer att "krympa" beroende på webbläsaren.

Utanför redaktörer

Självklart, ja, om du förstår Photoshopoch du vet vilken storlek favicon ska vara och hur du uppnår det, samtidigt som du behåller din bild. Det finns dock många nybörjare som helt enkelt inte stött på grafiska redaktörer så tätt innan, så de kan inte bara rita den önskade bilden. För att hjälpa sådana webbansvariga finns det olika tjänster som gör att du automatiskt kan skapa ikonen som intresserar dig. Många av dem är till och med gratis, vilket inte kräver någon investering av användaren.

Att jobba, ibland behöver du bara registrera dig,men, som du förstår, görs detta bara en gång - trots allt ändrar företagen inte favicon så ofta. Ta en titt på Google, som ändrar logotypen varje dag, men berör inte ikonen.

Hur installerar du favicon?

I allmänhet anpassar du din webbplats såDet visade korrekt bilden du behöver, mycket enkel. Nog att utföra en serie enkla steg som tillåter sökmotorer, såväl som enkla webbläsare att läsa information.

För att göra detta krävs den resulterande bildenspara som favicon.ico och lägg den i roten till din resurs. Allt, nu kommer din bild att identifieras automatiskt, och efter en tid kommer den att vara knuten till din webbplats.

Förutom en sådan bindning kan du lägga till en annan rad som "frågar" där din ikon är belägen. Det ser ut så här:

Installera koden ska vara i sidhuvudet på webbplatsen.

rön

Så, efter att ha läst vår artikel, räknar du ut detvilken storlek ska vara favicon för webbplatsen och vad det handlar om. Jag tror också att du förstår att söka efter en lämplig ikon för din resurs är en nödvändighet, eftersom det spelar i händerna både när det gäller ökad medvetenhet och vad gäller ytterligare fördelning mellan dina konkurrenter. Åtminstone fungerar de största platserna på samma sätt som kan tas som ett utmärkt exempel. Och då leder det inte till några speciella ansträngningar - efter att ha gjort ett favicon en gång och har installerat det korrekt på din webbplats kan du glömma det under de närmaste månaderna.

Så var god att experimentera, uppfinna något nytt, försök - och allt kommer att träna!