Favicon mida per al seu lloc

En el disseny web, com vostè probablement sap, cada detall importa. L'home que va ser al seu lloc, no pot veure cada element per separat, i es porta tota la imatge del paquet, que consta d'altres petits detalls. Per tant, si li falta alguna cosa en el procés de desenvolupar el recurs, aquest detall en el futur pot fer malbé tot el complex, tota la composició.

Aquestes multes poden ser, per exemple, el fons del botó, fonts incorrectes algun petit element i fins i tot favicon. De fet, mira sami llocs grans i ben conegudes tenen una icona individu que el representa en els "Favorits" al navegador de l'usuari. Sense ella, els desenvolupadors de recursos no van aconseguir crear la composició a què buscaven originalment.

Per tant, crearà un disseny per al lloc, ha de tenir cura dels detalls com ara el favicon. En aquest article anem a parlar sobre com seleccionar sota l'estil general de recursos, i quina mida ha de ser en la imatge.

icona lloc

En primer lloc, es defineix el que constitueix aquest element. Ara fa una ullada al títol de les pestanyes del navegador. Com es pot veure, a l'esquerra hi ha una petita imatge que representa una versió simplificada del recurs logotip. La mateixa imatge és allà a prop del nom del lloc que apareix a les serps. Que l'usuari és guiat per ella, quan vegin el títol.

Molts administradors web entenen que és necessària aquesta imatge - però poques persones saben què mida del favicon del lloc seria més apropiat. Per tant, en aquest article no només donarem informació sobre com fer una icona tal com instal al seu lloc, sinó també per a descriure les dimensions de la imatge.

favicon propòsit

Per tant, la imatge a prop de la capçalera del lloc s'utilitza per a la identificació. Aquest és el seu propòsit original: expressar el lloc, que veiem Nathaniel, i seleccionar-lo en els ulls dels altres. Es fa extremadament senzilla mitjançant l'ús de gràfics: intuïtivament percebem la informació en imatges molt més ràpid i més fàcil que en format de text. Favicon ens ajudi en això. Però no cal oblidar que el tamany favicon és mínima en els ulls de l'usuari. Aquest no és un logotip en el lloc de "tapa" que podria contenir informació addicional en forma d'inscripcions, alguns aclariments o informació de contacte. Qualsevol cosa que pugui ser representat a la icona al costat del nom, ha de ser el més adequat per la mida del favicon. I és, com ja s'ha indicat, una miniatura (de 16 per 16 píxels).

Com triar un favicon?

Llavors, com pot un webmaster pot dissenyar una icona per al seu lloc? Cal assenyalar que simplement comprimir el logo del lloc, el més probable, no tindrà èxit. En els cartells que es posen en la forma del logotip d'un recurs en particular, sovint veure diferents elements que no sempre es mostraran correctament en forma de miniatura. És millor abandonar immediatament aquesta empresa.

Per descomptat, la mida del favicon no pot parlar que només cal inserir la inscripció allà. Qualsevol text simplement no visible en aquesta resolució. Hem de desenvolupar una nova icona que transmetria l'estil del lloc. Per trobar solucions, de nou, anem a veure els principals llocs.

Molts utilitzen un favicon estilitzada primera lletra del nom del servei. Així que veuen, per exemple, Bing, Yahoo, Yandex, Wikipedia, Google. Hi ha un altre enfocament - si té un nom curt de la pàgina, es pot establir que el fons de la icona. Per favicon resolució (píxels que arriba, de nou 16 a 16 punts) pot mostrar correctament el senyal, s'ha de no més de tres lletres ser. El mateix passa, per exemple, el servei d'AOL.

Com crear un favicon?

Fer una icona per al nom del lloc de diverses maneres. Per descomptat, el més fàcil - és treballar amb diferents solucions prefabricades. Podem parlar de qualsevol dels serveis o programes que li permeten fer una imatge de la icona de ple al reduir-lo. No obstant això, jo recomanaria per a dur a terme el desenvolupament del logotip per si sol. Això és, en primer lloc, farà que sigui possible aprendre alguna cosa; i en segon lloc, per proporcionar un gran nombre d'eines. Tot el que ha de ser capaç de fer sorteig -que, així com saber què favicon mida sigui en la versió final. Sobre la mida de les icones per al lloc, parlarem més endavant, però per ara prenem nota d'algunes de les subtileses de treballar amb aquest tipus d'imatges. En particular, per no esmentar la mida de la favicon per al lloc, ha d'aclarir aquesta relació d'aspecte. Com s'ha assenyalat pels dissenyadors experimentats, la imatge ha de ser guardat com un PNG (24 bits) o com fayl.ICO.

Realitzar guardar la imatge, es pot, per exemple, amb l'ajuda de Photoshop, on s'elaborarà emblema.

favicon dimensions

Així que ara anem a parlar sobre com de gran ha de ser la imatge que veiem al costat del lloc en els resultats de cerca. Per defecte, com ja s'ha esmentat, la seva grandària és de només 16 píxels (en cada costat). No obstant això, si intenta editar la imatge en "Photoshop", comprovar per si mateix si això és incòmode. Per tant, es recomana treballar amb una imatge ampliada, que en el futur serà simplement prémer les vores i es guarda en el format desitjat.

multiplataforma

No obstant això, parlar del que la mida del favicon ha d'estar al seu lloc, cal recordar una cosa més. No totes les plataformes es reflecteixen igualment el quadre de recursos. Per exemple, un dispositiu de Retina-display "veure" el seu favicon en la quantitat de 32 a 32 píxels. En Safari, i en la nova plataforma de Windows, i tots aquests icones arriben a una grandària de 64 píxels.

Per tant es recomana mantenir les diferents versions de les icones en el futur simplement per proporcionar el seu canvi depenent de la plataforma d'usuari. Un altre punt interessant - es pot tractar de descarregar la icona en el format més gran amb l'esperança que va a "reduir", segons el navegador.

editors estrangers

Per descomptat, és bo si vostè és bo en Photoshop i saber quina mida ha de ser favicon i com aconseguir-ho, la preservació de la seva imatge. No obstant això, hi ha un munt de principiants que no són experimentats editors gràfics tan atapeït abans, pel que poden no ser tan fàcil de dibuixar una imatge desitjada. Per ajudar a aquests administradors web, hi ha diversos serveis que permeten de forma automàtica fan que vostè interessat en la icona. Molts d'ells són gratuïts, que no requereix cap inversió per part de l'usuari.

Per treballar de vegades només ha de registrar-se, però, com vostè sap, això es fa només una vegada - de fet no tan sovint les empreses canvien favicon. Només cal mirar a Google, que cada dia canvia el logotip, però no toca la icona.

Com instal·lar un favicon?

En general, configurar el seu lloc web perquè mostra correctament la imatge que desitja, és molt simple. És suficient per realitzar una sèrie de passos senzills que permetin als motors de cerca, així com només un navegador per llegir la informació.

Per a això, ha de guardar la imatge resultant com favicon.ico i posar-lo en l'arrel del recurs. Tot és ara es detectarà automàticament la imatge, i l'incident d'algun temps es estarà vinculat al seu lloc.

A més d'aquesta unió, es pot afegir una altra línia, que "aviat", on la seva icona. Es veu de la següent manera:

Estableix el codi ha d'estar en la capçalera.

troballes

Així que, després de llegir aquest article, a bregar amb el fet, de quina mida ha de ser favicon del lloc i que en general és. A més, crec que vostè entén que la recerca d'una icona adequat per al seu lloc - és una necessitat, ja que juga en les mans del qual tant en termes de sensibilització, tant en termes de l'assignació addicional entre els seus competidors. Si més no els principals llocs actuen de la mateixa manera que podem prendre com un exemple prominent. I després, molt d'esforç que no causa - fer favicon vegada i instal·lar-se correctament al seu lloc, pot oblidar-se'n durant els propers mesos.

Així que sentir-se lliure d'experimentar, inventar alguna cosa nova, tractar - i tenir èxit!