¿Cómo funciona FAVICON BLOGGER para crear favicones?
Favicon Blogger genera tu icono directamente en el navegador, sin registros ni esperas. Todo el proceso ocurre en tu ordenador: las imágenes que subas no se envían a ningún servidor. Solo tienes que seguir estos pasos:
- Elige el origen del icono. En la pestaña Texto o emoji escribe hasta 3 caracteres, por ejemplo la inicial de tu marca o un emoji. En la pestaña Imagen sube o arrastra tu logo en PNG, JPG, SVG o WebP.
- Ajusta el estilo. Cambia la tipografía, el tamaño del texto o la escala de la imagen con la barra o escribiendo el valor exacto en el recuadro numérico.
-
Define el fondo y la forma.
Elige entre cuadrado, redondeado o círculo, o deja el fondo transparente. Los colores se pueden pegar en formato HEX (por ejemplo
#2F5BFF) o elegir con el selector. - Revisa la vista previa. Verás el favicon en grande, dentro de una pestaña de navegador y en cada uno de los tamaños que se van a generar, para comprobar que se lee bien incluso a 16 píxeles.
- Descarga el resultado. Puedes bajar el paquete completo o solo el archivo que necesites, como se explica a continuación.
Opciones de descarga
Paquete completo (.zip)
Pulsa Descargar paquete (.zip) para obtener todo lo necesario para tu web en un solo archivo: favicon.ico, los PNG de 16, 32, 48, 64, 180, 192 y 512 píxeles, el archivo site.webmanifest y un snippet.html con el código listo para pegar. Es la mejor opción si quieres cubrir navegadores, móviles y aplicaciones web instalables.
Un solo favicon
Si solo necesitas un archivo, usa el botón PNG de la tarjeta del tamaño que quieras, o Descargar favicon.ico para obtener el icono clásico con 16, 32 y 48 píxeles. Es útil cuando ya tienes el resto de iconos o solo quieres actualizar uno.
Cómo instalarlo en tu sitio
Sube los archivos descargados a la carpeta raíz de tu web y copia el siguiente código dentro de la etiqueta <head> de tus páginas. Con el botón Copiar lo tendrás en el portapapeles al instante.