Størrelse favicon for nettstedet ditt

I web design, som du sikkert vet, hver detalj teller. Mannen som gikk til nettstedet ditt, kan ikke se hvert element separat, og tar hele bildet av pakken, som består av andre små detaljer. Dermed, hvis du mangler noe i ferd med å utvikle ressursen, kan denne detalj i fremtiden ødelegge hele komplekset, hele sammensetningen.

Slike bøter kan være, for eksempel bakgrunnen for knapp, feil skrifter noen små element og selv favicon. Faktisk ser samisk store, kjente nettsteder har et eget ikon som representerer den i "Bokmerker" i brukerens nettleser. Uten det, ressurs utviklere klarte å lage blandingen som de opprinnelig søkte.

Derfor oppretter du et design for nettstedet, bør ta vare på slike detaljer som favicon. I denne artikkelen vil vi snakke om hvordan du velger den under den generelle ressurs stil, og hvilken størrelse bør være i bildet.

Ikon nettstedet

Først definerer vi hva som utgjør dette elementet. Nå tar en titt på tittelen på faner dine. Som du kan se, til venstre er det et lite bilde som representerer en forenklet versjon av logoen ressurs. Det samme bildet er det i nærheten av stedet navnet som vises i SERPs. At brukeren er styrt av henne, når de ser tittelen.

Mange webmastere forstår at dette bildet er nødvendig - men få mennesker vet hvilken størrelse favicon for området vil være mest hensiktsmessig. Derfor, i denne artikkelen vil vi ikke bare gi informasjon om hvordan du gjør et slikt ikon, og hvordan du installerer det på din side, men også for å beskrive dimensjonene på bildet.

formål favicon

Så er bildet i nærheten av området header brukes til identifikasjon. Dette er sitt opprinnelige formål: å uttrykke nettstedet, som vi ser Nathaniel, og velg den i andres øyne. Det blir ekstremt enkelt ved bruk av grafikk: vi intuitivt oppfatter informasjon i bilder mye raskere og enklere enn i tekstformat. Favicon hjelpe oss i dette. Men ikke glem at favicon størrelse er minimal i øynene av brukeren. Dette er ikke en logo i "cap" område som kan inneholde tilleggsinformasjon i form av inskripsjoner, noen avklaring eller kontaktinformasjon. Alt som kan være avbildet på ikonet ved siden av navnet, bør være mest egnet til størrelsen på favorittikon. Og det er, som allerede antydet, en miniatyr (fra 16 ved hjelp av 16 bildeelementer).

Hvordan velge et favorittikon?

Så hvordan en webmaster kan designe et ikon for nettstedet ditt? Det bør bemerkes at bare komprimere logoen til nettstedet, mest sannsynlig, ikke vil lykkes. På plakater som er satt i form av logoen til en bestemt ressurs, ofte se ulike elementer som ikke alltid vises korrekt i miniatyr form. Det er bedre å umiddelbart forlate dette venture.

Of course, kan størrelsen på favicon ikke snakke om det bare sette inskripsjonen der. All tekst vil rett og slett ikke er synlig på denne oppløsningen. Vi må utvikle et nytt ikon som ville sende nettstedet stil. For å finne løsninger, igjen, la oss se på de store arenaer.

Mange bruker en favicon stilisert første bokstaven i navnet på tjenesten. Så kom, for eksempel, Bing, Yahoo, Yandex, Wikipedia, Google. Det er en annen tilnærming - hvis du har et kort navn på nettstedet, kan du angi det som bakgrunn på ikonet. Til favicon oppløsning (piksler det kommer igjen, 16-16 poeng) kan riktig vise tegn, det må ikke være lengre enn tre bokstaver. Så gjør, for eksempel, service Aol.

Hvordan lage en favicon?

Gjør et ikon for navnet på området på flere måter. Selvfølgelig, det enkleste - er å arbeide med ulike ferdige løsninger. Vi kan snakke om noen tjenester eller programmer som lar deg lage et bilde av den fulle ikonet ved å redusere den. Men jeg vil anbefale for å gjennomføre utbyggingen av logoen på egen hånd. Dette er, for det første, vil gjøre det mulig å lære noe; og for det andre, for å tilveiebringe et stort antall verktøy. Alt du trenger å være i stand til å gjøre -som uavgjort, så vel som vet hvilken størrelse favicon å være i den endelige versjonen. Om størrelsen på ikonene for området, vil vi snakke senere, men for nå er vi oppmerksom på noen av spissfindigheter å jobbe med slike bilder. Spesielt ikke minst størrelsen på favicon for nettstedet, bør avklare dette sideforholdet. Som bemerket av erfarne designere, må bildet lagres som en PNG (24-bit) eller som fayl.ICO.

Utfør lagre bildet, kan du for eksempel ved hjelp av Photoshop, hvor det vil bli trukket emblem.

Mål favicon

Så nå la oss snakke om hvor stor må være bildet som vi ser ved siden av området i søkeresultatene. Som standard, som allerede nevnt, er dens størrelse kun 16 bildeelementer (på hver side). Men hvis du prøver å redigere bildet i "Photoshop", se for deg selv om dette er ubehagelig. Derfor anbefaler vi å jobbe med et forstørret bilde, som i fremtiden vil bli bare presse kantene og lagret i ønsket format.

multi

Men snakker om hva størrelsen favicon bør være på nettstedet ditt, må du huske en ting. Ikke alle plattformer er like reflektere ressursbildet. For eksempel, en Retina-skjerm enhet "se" din favicon i mengden av 32 til 32 piksler. I Safari, og på den nye Windows-plattformen, og alle disse ikonene nå 64 piksler størrelse.

Derfor anbefaler vi å holde de ulike versjonene av ikonene i fremtiden bare for å gi sin endres avhengig av brukerplattform. Et annet interessant poeng - kan du prøve å laste ned ikon i den største format i håp om at den vil "krympe", avhengig av nettleseren.

utenlandske redaktører

Selvfølgelig bra hvis du er god på Photoshop og vet hvilken størrelse favicon skal være og hvordan man skal oppnå det, bevare sitt image. Men det er nok av nybegynnere som bare ikke er erfarne grafiske redaktører så stramt før, så kan ikke være så lett å tegne et ønsket bilde. For å hjelpe disse webansvarlige, er det ulike tjenester som lar automatisk gjør deg interessert i ikonet. Mange av dem er til og med gratis, som ikke krever noen investeringer fra brukeren.

Å arbeide noen ganger trenger bare å registrere, men som du vet, er dette gjort bare én gang - faktisk ikke så ofte selskapene endre favicon. Bare se på Google, som hver dag endrer logo, men det betyr ikke berøre ikonet.

Slik installerer du et favorittikon?

Generelt, sette opp ditt nettsted slik at den viser riktig det bildet du vil ha, er det veldig enkelt. Det er nok til å utføre en serie enkle trinn som vil tillate søkemotorer, samt bare en nettleser for å lese informasjonen.

For dette må du lagre den resulterende bildet som favicon.ico og legge den i roten av ressursen. Alt er nå bildet vil automatisk bli oppdaget, og hendelsen noen gang vil bli knyttet til nettstedet.

I tillegg til dette binding, kan du legge til en annen linje, som vil "få", der ikonet. Det ser ut som følger:

Sett koden skal være i spissen.

funn

Så, etter å ha lest denne artikkelen, forholde deg til det faktum, hvilken størrelse bør være favicon for nettstedet, og at det generelt er. Også tror jeg du forstår at jakten på en passende ikon for nettstedet ditt - det er en nødvendighet, fordi den spiller i hendene på deg både når det gjelder å øke bevisstheten, både i form av ekstra tildeling blant dine konkurrenter. Minst de store nettstedene fungerer på samme måte som vi kan ta som en fremtredende eksempel. Og så mye krefter det ikke medfører - noe som gjør favicon gang og installere det riktig på nettstedet ditt, kan du glemme det for de neste månedene.

Så gjerne å eksperimentere, oppfinne noe nytt, prøve - og lykkes!