Generador de favicon
Crea el icono de tu web desde una imagen, una letra o un emoji. Te llevas todos los tamaños y el HTML listo para pegar.
¿Qué es un favicon?
Es el iconito que sale en la pestaña del navegador, al lado del título de tu página. También aparece en los marcadores, en el historial y cuando alguien guarda tu web en la pantalla de inicio del móvil. Sin él, tu sitio sale con una hoja en blanco: es lo primero que delata que una web está a medio hacer.
Es el iconito que sale en la pestaña del navegador, al lado del título de tu página. También aparece en los marcadores, en el historial y cuando alguien guarda tu web en la pantalla de inicio del móvil. Sin él, tu sitio sale con una hoja en blanco: es lo primero que delata que una web está a medio hacer.
8%
En la pestaña
Marcadores
Escritorio
iPhone
Pega esto dentro de <head>
<link rel="icon" href="/favicon.ico" sizes="any"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <link rel="apple-touch-icon" href="/apple-touch-icon.png"> <link rel="manifest" href="/site.webmanifest">
Los archivos van en la raíz de tu web, al lado del index. Si los pones en otra carpeta, cambia las rutas del código.
Preguntas frecuentes
¿Qué me llevo exactamente?
Un paquete completo: el .ico con tres medidas dentro, los PNG, el icono de iPhone, los de Android, el manifiesto y el HTML listo para pegar.
¿Puedo hacerlo desde una letra o un emoji?
Sí. Parte de una imagen, una letra o un emoji, elige los colores, y todas las medidas se generan solas.
¿Para qué tantas medidas?
Cada sitio enseña una distinta: la pestaña del navegador, la pantalla de inicio del iPhone, Android, los marcadores. El paquete las cubre todas.
¿Mi imagen se sube a algún sitio?
No. Todo se dibuja dentro de tu navegador y se empaqueta en tu dispositivo.
Herramientas relacionadas
Una herramienta gratuita de Vertize Plus.
La imagen se procesa en tu navegador y no se sube a ningún servidor.