Size favicon voor uw site

In web design, zoals u waarschijnlijk weet, elk detail zaken. De man die naar uw site ging, kan elk element niet los van elkaar zien, en neemt het gehele beeld van het pakket, dat bestaat uit andere kleine details. Dus, als je mist iets in het proces van het ontwikkelen van de bron, dit detail in de toekomst kan het hele complex, de gehele compositie bederven.

Dergelijke boetes kunnen zijn, bijvoorbeeld, de achtergrond van de knop, onjuiste lettertypen enkele kleine punt en zelfs favicon. Sterker nog, kijk sami- grote, bekende sites hebben een individueel pictogram dat het in de "Bladwijzers" in de browser van de gebruiker vertegenwoordigt. Zonder dat de resource-ontwikkelaars niet in geslaagd om de samenstelling waaraan zij oorspronkelijk zochten te creëren.

Daarom bent u het maken van een ontwerp voor de site, moet zorgen voor details zoals de favicon. In dit artikel zullen we praten over hoe het onder de algemene resource stijl te selecteren, en hoe groot zou moeten zijn in het beeld.

Icoon website

We definiëren eerst wat dit element vormt. Neem nu een kijkje nemen op de titel van uw browser tabs. Zoals u kunt zien, aan de linkerkant is er een kleine afbeelding die een vereenvoudigde versie van het logo resource vertegenwoordigt. Hetzelfde beeld is er in de buurt van de naam van de site weergegeven in de SERPs. Dat de gebruiker wordt geleid door haar, toen ze de titel te zien.

Veel webmasters begrijpen dat dit beeld is nodig - maar weinig mensen weten wat de grootte van de favicon van de site het meest geschikt zou zijn. Daarom in dit artikel zullen we niet alleen informatie over hoe dergelijke een pictogram en hoe deze te installeren op uw site, maar ook om de afmetingen van de afbeelding te beschrijven te maken.

doel favicon

Dus, is de foto in de buurt van de site header gebruikt voor identificatie. Dit is het oorspronkelijke doel: naar de site, die wij zien Nathaniel uiten, en selecteer deze in de ogen van anderen. Het wordt zeer eenvoudig door het gebruik van graphics: we intuïtief waarnemen informatie in foto's veel sneller en gemakkelijker dan in tekstformaat. Favicon ons helpen in deze. Maar vergeet niet dat de favicon grootte minimaal is in de ogen van de gebruiker. Dit is niet een logo in de "cap" site die aanvullende informatie in de vorm van inscripties, verduidelijking of contact informatie kunnen bevatten. Iets dat kan worden afgebeeld op het icoon naast de naam, moeten de meest past bij de grootte van favicon zijn. En het is, zoals gezegd, een miniatuur (van 16 bij 16 pixels).

Hoe maak je een favicon kiezen?

Hoe kan een webmaster kan een pictogram voor uw site te ontwerpen? Opgemerkt dient te worden dat alleen het logo van de site te comprimeren, het meest waarschijnlijk, zal niet slagen. Op posters die in de vorm van het logo van een bepaalde bron worden gezet, zien vaak verschillende items die niet altijd correct worden weergegeven in miniatuur vorm. Het is beter om deze onderneming onmiddellijk te verlaten.

Natuurlijk kan de grootte van de favicon niet praten over dat gewoon de inscriptie daar. Elke tekst zal simpelweg niet zichtbaar op deze resolutie. We moeten een nieuw icoon die site stijl zou overbrengen ontwikkelen. Om oplossingen te vinden, nogmaals, laten we eens kijken naar de grote podia.

Veel gebruik maken van een favicon gestileerde eerste letter van de naam van de service. Dus kom, bijvoorbeeld, Bing, Yahoo, Yandex, Wikipedia, Google. Er is een andere benadering - als u een korte naam van de site, kunt u instellen als de achtergrond van het pictogram. Favicon resolutie (pixels haar bereiken wederom 16 tot 16 punten) kan correct teken tonen, moet ten hoogste drie letters zijn. Zo doet bijvoorbeeld dienst Aol.

Hoe maak je een favicon te maken?

Maak een pictogram voor de naam van de site op verschillende manieren. Natuurlijk, de makkelijkste - is om te werken met verschillende kant-en-klare oplossingen. We kunnen praten over alle services of programma's die u in staat om een beeld van de volledige pictogram maken door het verminderen van het. Toch zou ik adviseren om de ontwikkeling van het logo te voeren op zijn eigen. Dit is de eerste plaats zal het mogelijk maken om iets te leren; en ten tweede, voor een groot aantal tools bieden. Alles wat je moet in staat zijn om -dat gelijkspel te doen, maar ook weten welke maat favicon te zijn in de definitieve versie. Over de grootte van de iconen voor de site, zullen we later praten, maar nu merken we op een aantal van de subtiliteiten van het werken met dergelijke beelden. In het bijzonder, niet om de grootte van de favicon te noemen voor de site, moet dit aspect ratio te verduidelijken. Zoals opgemerkt door ervaren ontwerpers, moeten het beeld worden opgeslagen als een PNG (24-bit) of als fayl.ICO.

Voer de afbeelding opslaan, kunt u, bijvoorbeeld, met behulp van Photoshop, waar het embleem zal worden opgesteld.

afmetingen favicon

Dus nu laten we praten over hoe groot moet het beeld dat we zien naast de site in de zoekresultaten. Standaard, zoals gezegd, de grootte is slechts 16 pixels (aan elke kant). Echter, als je probeert om de afbeelding te bewerken in "Photoshop", zelf controleren of dit is ongemakkelijk. Daarom adviseren wij werken met een vergrote afbeelding, die in de toekomst alleen maar zal worden knijp de randen en opgeslagen in het gewenste formaat.

multiplatform

Echter, het spreken over wat de grootte van favicon moet worden op uw site, moet je nog een ding onthouden. Niet alle platformen zijn even weerspiegelen de bron beeld. Bijvoorbeeld, een Retina-weergeefinrichting "zien" je favicon in een hoeveelheid van 32-32 pixels. In Safari, en op de nieuwe Windows-platform, en al deze iconen te bereiken 64 pixels groot.

Daarom raden wij aan om de verschillende versies van de iconen in de toekomst blijven gewoon om haar veranderen afhankelijk van de gebruiker platform. Een ander interessant punt - je kunt proberen om het pictogram te downloaden in de grootste formaat in de hoop dat het zal "krimpen", afhankelijk van de browser.

buitenlandse editors

Natuurlijk is goed als je goed in Photoshop zijn en weten welke maat favicon moeten zijn en hoe het te bereiken, met behoud van haar imago. Echter, er zijn tal van beginners die net niet grafische editors zijn ervaren zo strak voor, dus misschien niet zo gemakkelijk om het gewenste beeld te trekken. Om deze webmasters te helpen, zijn er verschillende diensten die automatisch toestaan je geïnteresseerd bent in het pictogram. Velen van hen zijn zelfs gratis, die geen investeringen van de gebruiker vereist.

Om te werken soms hoeft alleen maar te registreren, maar, zoals u weet, is dit slechts één keer gedaan - in feite niet zo vaak bedrijven favicon te wijzigen. Kijk maar naar Google, die elke dag verandert het logo, maar het is niet het pictogram aanraakt.

Hoe maak je een favicon te installeren?

In het algemeen, het opzetten van uw website, zodat het correct toont de afbeelding die u wilt, het is heel eenvoudig. Het is genoeg om een reeks eenvoudige stappen waarmee de zoekmachines, evenals slechts een browser om de informatie te lezen uit te voeren.

Hiervoor moet je naar de resulterende beeld als favicon.ico slaan en zet het in de root van de bron. Alles is nu uw afbeelding wordt automatisch gedetecteerd, en het incident enige tijd zal worden gekoppeld aan uw site.

In aanvulling op deze binding, kunt u een andere lijn, die zal "prompt", waar uw pictogram toe te voegen. Het ziet er als volgt uit:

Stel de code moet in de header.

bevindingen

Dus, na het lezen van dit artikel, u te maken met het feit, welke maat zal favicon voor de site en dat het over het algemeen het geval is. Ook, ik denk dat je begrijpt dat de zoektocht naar een geschikte icoon voor uw site - het is een noodzaak, want het speelt in de handen van je zowel in termen van bewustwording, zowel in termen van de aanvullende toewijzing onder uw concurrenten. Ten minste de belangrijkste bezienswaardigheden handelen op dezelfde manier dat we als een prominent voorbeeld kan nemen. En dan, veel moeite het veroorzaakt geen - waardoor favicon eens en installeer het correct op uw site, kunt u vergeten over het voor de komende maanden.

Dus voel je vrij om te experimenteren, iets nieuws te verzinnen, te proberen - en slagen!