Cómo crear e instalar un favicon fácilmente

El favicon es ese ícono que sale al lado de la barra de direcciones del navegador, es como la identidad de un sitio web, obviamente, luego del nombre y el logo. Con el tiempo, el visitante va asociando ese ícono a nuestro sitio web y le es más fácil identificarlo cuando tenemos muchas ventanas abiertas o cuando guarda algún enlace en marcadores.

Favicon

Lo único que necesitan previamente es tener el ícono diseñado como a ustedes les guste.

Índice
  1. Cómo crear un favicon
  2. Cómo instalar un favicon
  3. Instalar favicon en WordPress
  4. Instalar un favicon en Blogger

Cómo crear un favicon

1- Lo primero es ingresar en esta web llamada favico.com.

2- Una vez que ingresaron al sitio tienen que subir el ícono que quieran convertir a .ico. Seleccionen la imagen (soporta formatos GIF, JPG y PNG), elijan el tamaño del favicon. Yo les recomiendo el de 32x32.

3- Pinchen en el botón que dice CREATE y a la derecha aparecerá el ícono convertido a formato ICO. Allí lo pueden descargar pinchando en la flecha hacia abajo.

Cómo instalar un favicon

La instalación es bastante simple, solo tienen que subir el favicon en formato ICO aue acaban de crear al directorio raíz de la web y luego pegar el siguiente código dentro del tag <head> del código HTML del sitio web.

<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />

El procedimiento para pegar el código varía un poco dependiendo de qué plataforma usan para gestionar el sitio web. Supongo que si crearon uno en HTML no van a estar buscando cómo instalar un favicon ya que saben de HTML. Pero si no están seguros sigan el procedimiento de arriba (el de pegar dentro del head).

Instalar favicon en WordPress

En WordPress en tu servidor solo tienes que ir al apartado Apariencia -> Editor -> header.php y pegar el código citado arriba luego del tag <header> como se ve en la imagen de abajo. No se olviden que primero tienen que subir el favicon al directorio raíz de la web.

favicon

Instalar un favicon en Blogger

Los usuarios de Blogger la tienen simple, solo tienen que ir al apartado de Diseño en el panel de administración y allí está la opción de instalar un favicon. Es simple y no tienen que andar editando código.

Como habrán visto, el procedimiento para crear e instalar un favicon no es difícil. Si tienen alguna duda pueden dejarla en los comentarios y les doy una mano en la medida que pueda.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.