Favicon tamaño para a súa web

En deseño web, como probablemente sabe, cada detalle é importante. O home que foi para a súa web, non pode ver cada elemento por separado, e leva toda a imaxe do paquete, que consiste en outros pequenos detalles. Así, se está a falta algo no proceso de desenvolver a función, ese detalle no futuro pode romper todo o complexo, a composición enteira.

Estas multas poden ser, por exemplo, o fondo do botón, fontes incorrectas algún elemento pequeno e mesmo favicon. De feito, mire sami- grandes e ben coñecidos sitios teñen unha icona individual que representa-lo no "Favoritos" no navegador do usuario. Sen el, os desenvolvedores de recursos puido crear a composición a que orixinalmente buscado.

Polo tanto, se está creando un proxecto para o sitio, debe coidar de detalles como o favicon. Neste artigo imos falar sobre como selecciona-lo baixo o estilo xeral de recursos, e que tamaño debe ser na imaxe.

local icona

En primeiro lugar, imos definir o que constitúe este elemento. Agora, bótalle un ollo ao título de pestanas do navegador. Como verás, á esquerda hai unha pequena imaxe que representa unha versión simplificada do recurso logotipo. A mesma imaxe está aí preto do nome do sitio aparece na SERPs. Que o usuario é guiado por ela, cando ven o título.

Moitos webmasters comprender que este cadro é necesario - pero poucas persoas saben o tamaño do favicon para o sitio sería máis axeitado. Polo tanto, neste artigo, non só pode dar información sobre como facer unha icona tal e como instala-lo no seu sitio web, pero tamén para describir as dimensións da imaxe.

favicon Purpose

Así, a imaxe preto da cabeceira da páxina é usado para identificación. Este é o seu propósito orixinal: para expresar o sitio web, o que vemos Nathaniel, e seleccione o nos ollos dos outros. Torna-se moi sinxelo co uso de gráficos: intuitivamente entender a información en imaxes moito máis rápido e máis fácil do que en formato de texto. Favicon axudarnos neste proceso. Pero non hai que esquecer que o tamaño favicon é mínima nos ollos do usuario. Este non é un logotipo na páxina web do "Cap" que poden conter información adicional en forma de inscricións, algúns aclaracións ou información de contacto. O que pode ser representado na icona xunto ao nome, debe ser o máis axeitado para o tamaño do favicon. E é, como xa indicado, unha miniatura (de 16 por 16 píxeles).

Como elixir un favicon?

Entón como é que un webmaster pode crear unha icona para o seu sitio? Débese notar que simplemente comprimir logotipo do sitio web, moi probablemente, non terá éxito. En carteis que están situados na forma do logotipo dun recurso particular, moitas veces ver diferentes elementos que non serán sempre aparecen correctamente en forma de miniatura. É mellor abandonar inmediatamente este proxecto.

Por suposto, o tamaño do favicon non pode falar sobre iso só tes que inserir a inscrición alí. Calquera texto non vai simplemente visible na presente resolución. Cómpre desenvolver un novo icono que ía transmitir estilo web. Para atopar solucións, unha vez máis, imos ollar os principais locais.

Moitos usan un favicon estilizado primeira letra do nome do servizo. Entón veña, por exemplo, Bing, Yahoo, Yandex, Wikipedia, Google. Hai outra visión - se ten un nome abreviado do sitio web, pode configurar-lo como fondo da icona. Para favicon resolución (píxeles alcanza, unha vez máis, o 16 a 16 puntos) pode amosar correctamente o sinal, non debe máis de tres cartas ser. O mesmo acontece, por exemplo, o servizo AOL.

Como crear un favicon?

Fai unha icona para o nome do sitio de varias maneiras. Por suposto, o máis fácil - é traballar con diferentes solucións listas. Podemos falar sobre os servizos ou programas que permiten que fai unha imaxe da icona completo por reduci-la. Con todo, eu recomendado para emprender o desenvolvemento do logotipo por conta propia. Isto é, en primeiro lugar, fará posible aprender algo; e en segundo lugar, para proporcionar un gran número de ferramentas. Todo o que ten que ser capaz de facer sorteo -que, así como saber o que favicon tamaño para estar na versión final. Sobre o tamaño das iconas para o sitio, imos falar máis tarde, pero por agora observar algunhas das sutilezas de traballar con estas imaxes. En particular, para non mencionar o tamaño do favicon para o sitio, debe aclarar esta relación de aspecto. Como observado por deseñadores experimentados, a imaxe debe ser gardados como un PNG (24 bits) ou como fayl.ICO.

Executa gardar a imaxe, pode, por exemplo, coa axuda de Photoshop, onde será deseñado emblema.

dimensións favicon

Entón agora imos falar sobre o quão grande debe ser a imaxe que vemos á beira do sitio web nos resultados de busca. Por defecto, como xa se mencionou, o seu tamaño é de só 16 píxeles (a cada lado). Con todo, se tentar editar a imaxe en "Photoshop", comprobar por si mesmo se este é incómodo. Polo tanto, recomendamos traballar cunha imaxe máis grande, que no futuro será só apertar os bordos e gardadas en formato desexado.

multiplataforma

Con todo, falando sobre o que o tamaño do favicon debe ser na súa páxina web, ten que se lembrar unha cousa. Non todas as plataformas son igualmente reflicten o cadro de características. Por exemplo, un dispositivo de Retina display "ver" o seu favicon, por valor de 32 a 32 píxeles. En Safari, e sobre a nova plataforma Windows, e todos eses iconos acadar o tamaño de 64 píxeles.

Polo tanto, recomendamos manter as distintas versións das iconas no futuro simplemente proporcionar súa mudanza dependendo da plataforma do usuario. Outro punto interesante - podes probar Descargar a icona en formato grande na esperanza de que vai "encoller", dependendo do navegador.

editores estranxeiros

Por suposto, é bo se é bo en Photoshop e saber o favicon tamaño debe ser e como logralo, conservando a súa imaxe. Con todo, hai unha abundancia de principiantes que simplemente non son expertos editores gráficos tan axustado antes, polo que pode non ser tan fácil de deseñar unha imaxe desexada. Para axudar eses webmasters, hai varios servizos que permiten automaticamente fan interesado na icona. Moitos deles son mesmo gratuítos, que non require ningún investimento por parte do usuario.

Para traballar, por veces, só precisa rexistrarse, pero, como vostede sabe, iso está feito só unha vez - en realidade, non tan a miúdo as empresas cambiar favicon. Basta ollar para o Google, que cada día cambia o logotipo, pero non toque na icona.

Como instalar un favicon?

En xeral, configurar o sitio para que exhibe correctamente a imaxe que quere, é moi sinxelo. É o suficiente para realizar unha serie de pasos simples que permitirá que os motores de busca, así como só un navegador para ler a información.

Para iso precisa para gardar a imaxe resultante como favicon.ico e poñelas na raíz do recurso. Todo é agora a súa imaxe será detectado automaticamente, eo incidente algún tempo vai ser conectado ao seu sitio.

Ademais desta conexión, pode engadir outra liña, que vai "ventá", onde o seu icono. Parece como segue:

Define o código que estar na cabeceira.

resultados

Entón, despois de ler este artigo, manexar o feito, o tamaño debe ser favicon para o sitio web e que xeralmente é. Ademais, creo que entende que a busca por unha icona axeitado para a súa web - é unha necesidade, porque xoga nas mans de vostede tanto en termos de sensibilización, tanto en termos de dotación adicional entre os seus competidores. Polo menos os principais lugares actuar do mesmo xeito que podemos tomar como exemplo destacado. E entón, moito esforzo non causa - facendo favicon xa e instala-lo correctamente no seu sitio web, pode esquece-lo para os próximos meses.

Polo tanto, Sinto-se libre para probar, inventar algo novo, proba - e ter éxito!