fbpx

Cómo crear un favicon para tu blog

Share on facebook
Share on twitter
Share on linkedin
Share on whatsapp
Share on email

Lo primero que te preguntarás es… ¿qué diablos es un favicon? Tranquil@, te lo explico.

El término favicon viene del inglés de unir las palabras “favorites” (favoritos) e “icon” (icono). Pues bien, este icono favorito, o también llamado icono de página, no es más que esa pequeña imagen que se ve en los navegadores cuando visitamos una web. ¿Sigues sin saber qué es?. Te pongo una imagen para que lo veas más claro.

Este icono en miniatura que aparece en la barra de direcciones se suele usar para identificar más fácilmente las páginas visitadas ya que éste también aparece en las pestañas del navegador cuando tienes varias páginas abiertas.

Así pues, te enseño a continuación como poner un favicon personalizado en tu web. Para ello, lo primero que necesitas es una imagen con el logo de tu blog o cualquier imagen que quieras que aparezca como icono. En mi caso he elegido el logo de “El bloguero novato” (la “L” de prácticas).

A continuación deberás de visitar la página Gen Favicon que te generará online y por la módica suma de dinero de 0 euros (sí, como lo oyes) tu favicon personalizado.

Ahora, y siguiendo los pasos que te describe la página, deberás de seleccionar en el paso 1 tu imagen desde la ubicación donde la hubieses guardado (por ejemplo yo la guardé en el escritorio) y a continuación pulsar SUBIR IMAGEN.

Acto seguido, tu imagen se verá en el recuadro gris de la esquina superior derecha. Lo que debes de hacer ahora es, con el ratón, centrar tu logo dentro del recuadro sombreado. Estira o acorta dicho recuadro para que el icono quede dentro.

Finalmente pulsamos el botón de CAPTURA&PREVISUALIZACION previa selección del tamaño en el que quieres tu favicon. Yo te recomiendo 16×16. Una vez realizado ésto, verás en el cuadrado azul de la derecha cómo se han generado tus faviconos.

Pulsa sobre Descargar Favicon y lo guardamos en el escritorio. Fíjate que este archivo tendrá la extensión .ico (Ejemplo: milogo.ico)

Ahora vamos a nuestro panel de control de blogger y buscamos la opción de diseño. Una vez allí, en la esquina superior izquierda vemos un gadget que pone Favicon.

Pulsamos en Editar y se nos abrirá una ventana donde podremos subir nuestro favicon.

Pulsamos guardar y «Voilá» , ya tenemos nuestro Favicon chulo y personalizado en nuestro navegador.

Si no se te ve sobre la marcha, refresca la página varias veces pulsando F5 o intenta borrar las cookies y caché de tu navegador.

¡¡¡Espero que te haya molado el post!!!

Usando el ratón, arrastra la región sombreada por encima de la imagen que has subido y selecciona la parte de la misma que deseas crear como favicon, la parte que quede sombreada será de la que creemos el favicon.

También podría interesarte...

Deja un comentario

 

Responsable: Israel Huerta +info
Finalidad: Moderar los comentarios a los artículos publicados en el blog. +info
Legitimación: Consentimiento del interesado +info
Destinatarios: No se comunicarán datos a persona u organización alguna. +info
Derechos: Tienes derecho a acceder, rectificar y suprimir los datos, así como otros derechos, como se explica en la información adicional. +info
Plazo de conservación de los datos: Hasta que no se solicite su supresión por el interesado.
Información adicional: Puedes consultar la información adicional y detallada sobre Protección de Datos Personales en el siguiente link +info 


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

  Acepto la política de privacidad *

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.plugin cookies

ACEPTAR
Aviso de cookies