Cómo añadir un Favicon a su diseño de blog

  1. Medios de comunicación social
  2. Bloguear
  3. Cómo añadir un Favicon a su diseño de blog

Libro Relacionado

Por Melissa Culbertson

Puede que no estés familiarizado con el término favicon, pero definitivamente has visto uno antes. Un favicon, o icono favorito, es un pequeño icono utilizado para identificar tu blog en un navegador.

Lo más frecuente es ver un favicon en la barra de direcciones de un navegador (como el favicon para el blog de Momcomm que se muestra en la siguiente figura) o dentro de una pestaña del navegador. Sin embargo, un favicon también aparece al lado del nombre de tu blog cuando alguien marca tu blog y en ciertos lectores RSS.

Un favicon puede parecer un simple gráfico, pero tiene un gran impacto. Un favicon personalizado pule el aspecto del diseño de tu blog, añadiendo otro lugar para la marca de tu blog. Sin un favicon, tu blog muestra el símbolo de tu plataforma de blog o un icono de papel aún más genérico. Debido a que muchos usuarios navegan por la web con varias pestañas abiertas, un favicon hace que su blog sea fácil de detectar de inmediato. Observe cómo el icono de la carita sonriente rosada se destaca en la siguiente figura.

Los favicones son pequeñas cosas, sólo 16 x 16 píxeles. Así que cuando diseñes tu favicon, ten en cuenta las siguientes pautas:

  • Mantenga una sola imagen: Un favicon no es el lugar para combinar un montón de elementos gráficos. Más simple funciona mejor.
  • Sea moderado con las cartas: Nadie podrá leer una palabra completa. Si quiere usar iniciales, limítese a una o dos letras.
  • Saque un elemento de diseño reconocible del diseño de su blog: Quieres que la gente asocie el diseño de favicon con el diseño de tu blog. Si el elemento de diseño que elija no es un cuadrado, guárdelo como un archivo.png (antes de guardarlo en el formato de ícono, como se indica en un momento) para asegurarse de que su fondo sea transparente. Elija un elemento de diseño sin muchos detalles finos, ya que tales detalles no son visibles en un tamaño pequeño.

Puede crear una imagen de favicon en cualquier software de edición de imágenes. Antes de utilizarlo en su blog, cambie el formato de archivo de un archivo.jpg,.gif o.png a un archivo.ico, que significa icono. La forma más fácil de cambiar el formato de archivo es subir la imagen de su favicon a un sitio web que convierte su imagen en un archivo.ico. Ni siquiera tienes que diseñar el icono como 16 x 16 píxeles porque estos sitios web tienen el tamaño del favicon para ti. Sólo asegúrese de que su imagen sea cuadrada (32 x 32 píxeles, 64 x 64 píxeles, y así sucesivamente).

Aquí hay dos lugares para convertir su imagen en un favicon:

Para añadir el favicon a tu blog de Blogger, ve a Dashboard→Layout y selecciona Editar en el área de Favicon para subir tu archivo de favicon.

Para añadir el favicon a tu blog de WordPress, puedes usar código (ver la sección de Cosas Técnicas que sigue) o usar un plug-in como uno de estos:

Algunos temas de blog también tienen un lugar dentro de la configuración para añadir un favicon usted mismo.

Si el tema de tu blog no tiene un lugar fácil para subir tu favicon y no quieres usar un plug-in, entonces puedes usar un pequeño código para que se muestre. Para instalar un favicon con este método, coloque el archivo.ico en la carpeta de temas de su blog. Luego edite su archivo header.php para agregar lo siguiente entre y:

<link rel="icono de acceso directo" href="http://www.BLOGNAME.com/wp-content/themes/THEMENAME/favicon.ico" />

Sólo asegúrese de reemplazar la URL con la ubicación de su favicon. Para que su favicon aparezca en los lectores de feeds RSS, deje caer la imagen en su directorio raíz también.

ADD YOUR COMMENT