Generar un Favicon
Convierta cualquier logotipo en un favicon.ico más cada tamaño PNG que un sitio necesita.
Cómo utilizar el Favicon Generator
Sube el logo
Suelta en un PNG cuadrado o SVG, idealmente 512x512 o más. Marcas simples de alto contraste leen mejor a 16 píxeles.
Establecer el fondo
Mantenlo transparente, o elige un color sólido si tu logotipo necesita uno detrás de él para mantenerse legible en pestañas claras y oscuras.
Descargar e instalar
Guardar favicon.ico y los tamaños de PNG en su raíz del sitio, luego pegar el bloque HTML en la cabeza de sus páginas.
Sobre el Favicon Generator
Un favicón es la pieza más pequeña de marcar un sitio tiene y el único que más utiliza: es cómo se identifica una pestaña entre otros treinta y cómo se reconoce un marcador en una lista. Un sitio sin uno muestra una hoja en blanco de papel, que dice como inacabado no importa lo bueno que sea el resto del diseño.
La parte awkward siempre ha sido que un archivo no es suficiente. Los navegadores quieren un favicon.ico en la raíz del sitio, las pestañas de alta definición quieren un PNG de 32 px, iOS quiere un apple-touch-icon de 180 px para la pantalla de inicio y Android quiere versiones de 192 y 512 px para instalar los avisos y pantallas de salpicadura. Esta herramienta hace que todos ellos desde una imagen única y paquetes originales
Su logotipo está instalado dentro de cada cuadrado en lugar de cortar para llenarlo, por lo que nada se corta de los bordes, y usted puede mantener un fondo transparente o establecer un color sólido detrás de él. El bloque HTML debajo es el conjunto exacto de etiquetas de enlace para pegar en su cabeza. Todo se renderiza en su navegador, por lo que un logotipo sin liberación nunca deja su dispositivo.
Preguntas frecuentes
- ¿Qué tamaño debería ser un favicón?
- Empieza por lo menos 512x512 así que cada tamaño es reducido en lugar de volar. Esta herramienta produce entonces 16, 32, 48, 180, 192 y 512px versiones más un multi-tamaño .ico.
- ¿Es un archivo .ico real?
- Sí. Es un ICO multi-resolución genuino que contiene las imágenes de 16, 32 y 48 px, no un PNG renombrado.
- ¿Dónde pongo los archivos favicon?
- En su raíz del sitio, por lo que favicon.ico se sienta en susite.com/favicon.ico, a continuación, añadir las etiquetas de enlace mostrados aquí a su cabeza. Marcos como Next.js también pueden recoger archivos colocados en la aplicación o directorio público.