¿Qué es un Favicon?
La palabra favicon viene del inglés “favorite icon” el cual se refiere a la imagen que podemos encontrar en las pestañas de navegación o al lado de la URL cuando buscamos algún sitio. Esta imagen es muy utilizada para representar un sitio y darle ese toque especial de personalización que distinga nuestra página.
Anteriormente el favicon era de un tamaño de 16 x 16 px para conservar su compatibilidad con navegadores anteriores, además de tener que ingresarla por HTML para que pudiera ser reconocida por el navegador. Su formato debido de ser .ico por lo que se tenía que recurrir a generadores de favicones para cambiar nuestra imagen .png o .jpg a .ico.
Por suerte ya no tenemos que hacer estos cambios, las funciones actuales nos permiten ingresar cualquier imagen .png, .jpg,o cualquier otro formato popular de imagen; ahora solo tenemos que crear o seleccionar la imagen que queremos como favicon y a través de algunos clic estaremos estableciéndola.
Pasos para establecer nuestro favicon
Primero crearemos nuestra imagen en cualquier programa de edición, lo único importante es que sea cuadrada, pudiendo ser con fondo o sin fondo. El tamaño que se maneja va de los 40 x 40 px a hasta los 150 x 150 px.
Voy a utilizar una de 100 x 100 px en formato JPG con fondo.
Para establecer la imagen nos vamos a nuestro menú de Blogger a configuración y de inmediato veremos la opción “Icono de Página”
Al dar clic veremos la siguiente pantalla.
Vamos a escoger "Elegir archivo" y buscaremos la imagen que vamos a usar de favicon.
El sistema solo nos dejara cargar imágenes que nos sobrepasen los 100 kb. Por lo que si escogiste dejarle el fondo a tu imagen debe ser un archivo JPG para que pese menos; si no tiene fondo puede ser PNG.
Una vez que seleccionamos la imagen correcta daremos en guardar
Para comprobarlo recargamos nuestro blog y en la parte de pestañas abiertas debemos de ver el favicon personalizado.
0 Comentarios