Generador de favicon
Crea favicon.ico, iconos de app y site.webmanifest de una vez a partir de una imagen o texto. También puedes hacer transparente el fondo.
Sin subir archivos · Todo se procesa en este navegador
Descargar
- favicon.ico
- favicon-16x16.png
- favicon-32x32.png
- apple-touch-icon.png
- android-chrome-192x192.png
- android-chrome-512x512.png
- site.webmanifest
Código para pegar en <head>
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<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="manifest" href="/site.webmanifest">Si pones favicon.ico en la raíz del sitio, los navegadores lo encuentran automáticamente.
Preguntas frecuentes
¿Se suben mis imágenes a un servidor?
No. La lectura, la eliminación del fondo, el cambio de tamaño y la creación del ZIP se hacen dentro de este navegador.
¿Cómo funciona la eliminación de un fondo de color sólido?
Los píxeles parecidos al color elegido se vuelven transparentes. Por defecto solo se quitan las zonas conectadas al borde, así que el mismo color dentro de tu logotipo se mantiene. Si subes la tolerancia, se quita un rango de colores más amplio.
¿Qué archivos se generan?
favicon.ico (16, 32 y 48 px), favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png (180 px), android-chrome-192x192.png, android-chrome-512x512.png y site.webmanifest.
¿Dónde pongo los archivos?
Descomprímelos en la raíz de tu sitio y pega el código que te damos dentro de <head>. Si favicon.ico está en la raíz, los navegadores lo encuentran automáticamente.