569 Shares 2920 views

favicon tamaño para su sitio

En el diseño web, como usted probablemente sabe, cada detalle importa. El hombre que fue a su sitio, no puede ver cada elemento por separado, y se lleva toda la imagen del paquete, que consta de otros pequeños detalles. Por lo tanto, si le falta algo en el proceso de desarrollar el recurso, este detalle en el futuro puede echar a perder todo el complejo, toda la composición.

Dichas multas pueden ser, por ejemplo, el fondo del botón, fuentes incorrectas algún pequeño elemento e incluso favicon. De hecho, mira sami sitios grandes y bien conocidas tienen un icono individuo que lo representa en los "Favoritos" en el navegador del usuario. Sin ella, los desarrolladores de recursos no lograron crear la composición a la que buscaban originalmente.

Por lo tanto, va a crear un diseño para el sitio, debe tener cuidado de los detalles tales como el favicon. En este artículo vamos a hablar acerca de cómo seleccionar bajo el estilo general de recursos, y qué tamaño debe ser en la imagen.

icono sitio

En primer lugar, se define lo que constituye este elemento. Ahora echa un vistazo al título de las pestañas del navegador. Como se puede ver, a la izquierda hay una pequeña imagen que representa una versión simplificada del recurso logotipo. La misma imagen es allí cerca del nombre del sitio que aparece en las SERPs. Que el usuario es guiado por ella, cuando vean el título.

Muchos webmasters entienden que es necesaria esta imagen – pero pocas personas saben qué tamaño del favicon del sitio sería más apropiado. Por lo tanto, en este artículo no sólo vamos a dar información sobre cómo hacer un icono tal y como instalarlo en su sitio, sino también para describir las dimensiones de la imagen.

favicon propósito

Por lo tanto, la imagen cerca de la cabecera del sitio se utiliza para la identificación. Este es su propósito original: expresar el sitio, que vemos Nathaniel, y seleccionarlo en los ojos de los demás. Se hace extremadamente sencilla mediante el uso de gráficos: intuitivamente percibimos la información en imágenes mucho más rápido y más fácil que en formato de texto. Favicon nos ayude en esto. Pero no hay que olvidar que el tamaño favicon es mínima en los ojos del usuario. Este no es un logotipo en el sitio de "tapa" que podría contener información adicional en forma de inscripciones, algunas aclaraciones o información de contacto. Cualquier cosa que pueda ser representado en el icono al lado del nombre, debe ser el más adecuado para el tamaño del favicon. Y es, como ya se ha indicado, una miniatura (de 16 por 16 píxeles).

¿Cómo elegir un favicon?

Entonces, ¿cómo puede un webmaster puede diseñar un icono para su sitio? Cabe señalar que simplemente comprimir el logo del sitio, lo más probable, no tendrá éxito. En los carteles que se ponen en la forma del logotipo de un recurso en particular, a menudo ver diferentes elementos que no siempre se mostrarán correctamente en forma de miniatura. Es mejor abandonar inmediatamente esta empresa.

Por supuesto, el tamaño del favicon no puede hablar de que basta con insertar la inscripción allí. Cualquier texto simplemente no visible en esta resolución. Tenemos que desarrollar un nuevo icono que transmitiría el estilo del sitio. Para encontrar soluciones, de nuevo, vamos a ver los principales lugares.

Muchos utilizan un favicon estilizada primera letra del nombre del servicio. Así que ven, por ejemplo, Bing, Yahoo, Yandex, Wikipedia, Google. Hay otro enfoque – si tiene un nombre corto de la página, se puede establecer que el fondo del icono. Para favicon resolución (píxeles que llega, de nuevo, 16 a 16 puntos) puede mostrar correctamente la señal, se debe no más de tres letras ser. Lo mismo ocurre, por ejemplo, el servicio de AOL.

Cómo crear un favicon?

Hacer un icono para el nombre del sitio de varias maneras. Por supuesto, el más fácil – es trabajar con diferentes soluciones prefabricadas. Podemos hablar de cualquiera de los servicios o programas que le permiten hacer una imagen del icono de lleno al reducirlo. Sin embargo, yo recomendaría para llevar a cabo el desarrollo del logotipo por sí solo. Esto es, en primer lugar, hará que sea posible aprender algo; y en segundo lugar, para proporcionar un gran número de herramientas. Todo lo que debe ser capaz de hacer sorteo -que, así como saber qué favicon tamaño sea en la versión final. Sobre el tamaño de los iconos para el sitio, hablaremos más adelante, pero por ahora tomamos nota de algunas de las sutilezas de trabajar con este tipo de imágenes. En particular, por no mencionar el tamaño de la favicon para el sitio, debe aclarar esta relación de aspecto. Como se ha señalado por los diseñadores experimentados, la imagen debe ser guardado como un PNG (24 bits) o como fayl.ICO.

Realizar guardar la imagen, se puede, por ejemplo, con la ayuda de Photoshop, donde se elaborará emblema.

favicon dimensiones

Así que ahora vamos a hablar acerca de cuán grande debe ser la imagen que vemos al lado del sitio en los resultados de búsqueda. Por defecto, como ya se ha mencionado, su tamaño es de sólo 16 píxeles (en cada lado). Sin embargo, si intenta editar la imagen en "Photoshop", comprobar por sí mismo si esto es incómodo. Por lo tanto, se recomienda trabajar con una imagen ampliada, que en el futuro será simplemente apretar los bordes y se guarda en el formato deseado.

multiplataforma

Sin embargo, hablar de lo que el tamaño del favicon debe estar en su sitio, es necesario recordar una cosa más. No todas las plataformas se reflejan igualmente el cuadro de recursos. Por ejemplo, un dispositivo de Retina-display "ver" su favicon en la cantidad de 32 a 32 píxeles. En Safari, y en la nueva plataforma de Windows, y todos estos iconos alcanzan un tamaño de 64 píxeles.

Por lo tanto se recomienda mantener las diferentes versiones de los iconos en el futuro simplemente para proporcionar su cambio dependiendo de la plataforma de usuario. Otro punto interesante – se puede tratar de descargar el icono en el formato más grande con la esperanza de que va a "reducir", dependiendo del navegador.

editores extranjeros

Por supuesto, es bueno si usted es bueno en Photoshop y saber qué tamaño debe ser favicon y cómo lograrlo, la preservación de su imagen. Sin embargo, hay un montón de principiantes que no son experimentados editores gráficos tan apretado antes, por lo que pueden no ser tan fácil de dibujar una imagen deseada. Para ayudar a estos webmasters, hay varios servicios que permiten de forma automática hacen que usted interesado en el icono. Muchos de ellos son gratis, que no requiere ninguna inversión por parte del usuario.

Para trabajar a veces sólo tiene que registrarse, pero, como usted sabe, esto se hace sólo una vez – de hecho no tan a menudo las empresas cambian favicon. Basta con mirar a Google, que cada día cambia el logotipo, pero no toca el icono.

Cómo instalar un favicon?

En general, configurar su sitio web para que muestra correctamente la imagen que desea, es muy simple. Es suficiente para realizar una serie de pasos sencillos que permitan a los motores de búsqueda, así como sólo un navegador para leer la información.

Para ello, tiene que guardar la imagen resultante como favicon.ico y ponerlo en la raíz del recurso. Todo es ahora se detectará automáticamente la imagen, y el incidente de algún tiempo se estará vinculado a su sitio.

Además de esta unión, se puede añadir otra línea, que "pronto", donde su icono. Se ve de la siguiente manera:

Establece el código debe estar en la cabecera.

hallazgos

Así que, después de leer este artículo, a lidiar con el hecho, de qué tamaño debe ser favicon del sitio y que por lo general es. Además, creo que usted entiende que la búsqueda de un icono adecuado para su sitio – es una necesidad, ya que juega en las manos del que tanto en términos de sensibilización, tanto en términos de la asignación adicional entre sus competidores. Por lo menos los principales sitios actúan de la misma manera que podemos tomar como un ejemplo prominente. Y luego, mucho esfuerzo que no causa – hacer favicon vez e instalarlo correctamente en su sitio, puede olvidarse de él durante los próximos meses.

Así que siéntete libre de experimentar, inventar algo nuevo, tratar – y tener éxito!