Størrelse favicon til dit websted

I web design, som du sikkert ved, hver detalje spørgsmål. Den mand, der gik til dit websted, kan ikke se hvert element for sig, og tager hele billedet af pakken, som består af andre små detaljer. Så hvis du mangler noget i processen med at udvikle den ressource, kan denne detalje i fremtiden ødelægge hele komplekset, hele sammensætningen.

Sådanne bøder kan være for eksempel på baggrund af knappen, forkerte skrifttyper nogle små element og endda favicon. Faktisk ser sami- store, kendte sites har en individuel ikon, der repræsenterer det i "Bogmærker" i brugerens browser. Uden det, de ressourcemæssige udviklere har undladt at skabe sammensætningen, som de oprindeligt søgte.

Derfor skal du oprette et design for webstedet, skal tage sig af sådanne detaljer som den favicon. I denne artikel vil vi tale om, hvordan du vælger den under den generelle ressource stil, og hvilken størrelse skal være i billedet.

Ikon websted

Først, vi definerer, hvad der udgør dette element. Nu tage et kig på titlen på din browser faner. Som du kan se, til venstre er der et lille billede, der repræsenterer en forenklet version af logoet ressource. Det samme billede er der i nærheden navn webstedet vises i SERPs. At brugeren er styret af hende, når de se titlen.

Mange webmastere forstå, at der er behov for dette billede - men kun få mennesker ved, hvad størrelse den favicon til sitet ville være mest hensigtsmæssigt. Derfor, i denne artikel vil vi ikke kun give oplysninger om, hvordan man laver en sådan ikon og hvordan du installerer det på dit websted, men også for at beskrive billedets dimensioner.

Formål favicon

Så er billedet i nærheden af stedet header bruges til identifikation. Dette er sit oprindelige formål: at udtrykke det sted, som vi ser Nathaniel, og vælg den i andres øjne. Det bliver ekstremt simpelt ved brug af grafik: vi intuitivt opfatter information i billeder meget hurtigere og nemmere end i tekstformat. Favicon hjælpe os i dette. Men glem ikke, at favicon størrelse er minimal i øjnene af brugeren. Dette er ikke et logo i "loft" site, der kan indeholde yderligere oplysninger i form af inskriptioner, en afklaring eller kontaktoplysninger. Alt, hvad der kan være afbildet i ikonet ved siden af navnet, bør være den mest egnede til størrelsen af favicon. Og det er, som allerede nævnt, en miniature (af 16 af 16 pixels).

Hvordan vælger en favicon?

Så hvordan gør en webmaster kan designe et ikon for dit websted? Det skal bemærkes, at blot komprimere logoet for webstedet, mest sandsynligt, vil ikke lykkes. På plakater, der er sat i form af logoet for en bestemt ressource, ser ofte forskellige elementer, der vil ikke altid blive vist korrekt i miniature formular. Det er bedre at straks opgive dette projekt.

Selvfølgelig kan størrelsen af favicon ikke tale om, at bare indsætte indskriften der. Enhver tekst vil simpelthen ikke synlig på denne beslutning. Vi er nødt til at udvikle et nyt ikon, der ville transmittere websted stil. For at finde løsninger, igen, lad os se på de store spillesteder.

Mange bruger en favicon stiliseret første bogstav i navnet på den service. Så kom, for eksempel, Bing, Yahoo, Yandex, Wikipedia, Google. Der er en anden tilgang - hvis du har et kort navn på sitet, kan du indstille det som baggrund for ikonet. At favicon opløsning (pixel den når, igen, 16-16 point) kan korrekt vise tegn, det skal være længere end tre bogstaver. Det gør for eksempel tjeneste AOL.

Sådan oprettes en favicon?

Lav et ikon for navnet på det sted på flere måder. Selvfølgelig er den nemmeste - er at arbejde med forskellige færdige løsninger. Vi kan tale om nogen tjenester eller programmer, der tillader dig at lave et billede af den fulde ikon ved at reducere den. Jeg vil dog anbefale at iværksætte udviklingen af logoet på egen hånd. Dette er det første, vil gøre det muligt at lære noget; og for det andet, at give et stort antal værktøjer. Alt hvad du behøver at være i stand til at gøre -at uafgjort, samt vide, hvilken størrelse favicon til at være i den endelige version. Om størrelsen af ikoner for sitet, vil vi tale senere, men for nu kan vi konstatere nogle af nuancerne i at arbejde med sådanne billeder. Især for ikke at nævne størrelsen af favicon for webstedet, bør afklare dette aspekt ratio. Som bemærket af erfarne designere, bør billedet gemmes som en PNG (24-bit) eller som fayl.ICO.

Udfør gemme billedet, kan du, for eksempel, med hjælp fra Photoshop, hvor det vil blive trukket emblem.

Dimensioner favicon

Så lad os nu snakke om, hvor stor skal være det billede, vi ser ved siden af det sted i søgeresultaterne. Som standard, som allerede nævnt, dens størrelse er kun 16 pixels (på hver side). Men hvis du forsøger at redigere billedet i "Photoshop", så tjek for dig selv, om det er ubehageligt. Derfor anbefaler vi at arbejde med et forstørret billede, der i fremtiden vil blive bare presse kanterne og gemmes i det ønskede format.

multiplatform

Men vi taler om, hvad størrelsen af favicon skal være på din hjemmeside, skal du huske én ting mere. Ikke alle platforme er lige afspejler ressource billedet. For eksempel kan en Retina-skærm "se" dit favicon i mængden af 32 til 32 pixel. I Safari, og på den nye Windows-platformen, og alle disse ikoner nå 64 pixel størrelse.

Derfor anbefaler vi at holde de forskellige versioner af ikonerne i fremtiden blot at give sin forandring afhængig af brugerens platform. Et andet interessant punkt - kan du prøve at hente ikonet i største format i håb om at det vil "skrumpe", afhængigt af browseren.

udenlandske redaktører

Selvfølgelig godt, hvis du er god til Photoshop og vide, hvilken størrelse favicon skal være, og hvordan man opnår det, bevare sit image. Men der er masser af begyndere, der er bare ikke oplevet grafiske editorer så stram før, så kan ikke være så nemt at tegne et ønsket billede. For at hjælpe disse webmastere, er der forskellige tjenester, der giver automatisk gør du interesseret i ikonet. Mange af dem er endda gratis, der ikke kræver nogen investering fra brugeren.

At arbejde nogle gange bare brug for at registrere, men som du ved, dette gøres kun én gang - faktisk ikke så ofte virksomheder skifter favicon. Bare se på Google, som hver dag ændrer logoet, men det gør ikke trykke på ikonet.

Sådan installeres en favicon?

Generelt oprette dit websted, så det korrekt viser det billede, du ønsker, er det meget simpelt. Det er nok til at udføre en række enkle trin, der giver søgemaskiner, samt blot en browser til at læse oplysningerne.

Til dette skal du gemme den resulterende billede som favicon.ico og sætte det i roden af ressourcen. Alt er nu dit billede vil blive automatisk registreret, og hændelsen nogen tid vil blive knyttet til dit websted.

Ud over dette binding, kan du tilføje en anden linje, som vil "prompt", hvor dit ikon. Det ser ud som følger:

Indstil koden skal være i overskriften.

fund

Så efter at have læst denne artikel, du beskæftige sig med det faktum, hvilken størrelse bør være favicon for webstedet, og at det generelt er. Også, jeg tror, du forstår, at søgningen efter en egnet ikon til dit websted - det er en nødvendighed, fordi det spiller i hænderne på dig både med hensyn til at øge bevidstheden, både hvad angår den yderligere tildeling blandt dine konkurrenter. Mindst de store steder handle på samme måde, som vi kan tage som et fremtrædende eksempel. Og så, en stor indsats er det ikke forårsager - hvilket gør favicon en gang og installere det korrekt på dit websted, kan du glemme alt om det i de næste par måneder.

Så er du velkommen til at eksperimentere, opfinde noget nyt, prøve - og lykkes!