Generador de favicon
Crea todos los iconos que necesita tu sitio web a partir de una sola imagen: un favicon.ico de varios tamaños, favicons PNG, el icono Apple touch y los iconos de Android y aplicaciones web, además del código HTML para pegar en tu sitio.
Consejo: mira la vista previa de 16 px; si tu logotipo apenas se distingue, prueba «Recortar a cuadrado» con menos margen interior, o usa solo la primera letra o el símbolo de tu logotipo.
Preguntas frecuentes
¿Mi logotipo se sube a un servidor?
No. Cada icono se crea directamente en tu navegador, y el ZIP también se genera en tu dispositivo. Tu logotipo nunca sale de tu equipo.
¿Qué contiene el paquete de favicons?
favicon.ico (16, 32 y 48 px en un solo archivo), favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png (180 px para las pantallas de inicio del iPhone y el iPad), android-chrome-192x192.png y android-chrome-512x512.png (Android y aplicaciones web instalables) y un archivo site.webmanifest.
¿Cómo añado el favicon a mi sitio web?
Descomprime los archivos en la carpeta raíz de tu sitio web (junto a index.html) y pega el código HTML que se muestra en esta página dentro del <head> de tus páginas. WordPress, Shopify, Wix y la mayoría de los creadores de sitios web también tienen un ajuste «Icono del sitio» donde basta con subir el PNG de 512 px.
¿Qué imagen funciona mejor?
Un logotipo cuadrado sencillo y contundente, o una letra como emblema. Los detalles finos y el texto delgado desaparecen a 16 × 16 píxeles. Los archivos PNG transparentes o SVG funcionan muy bien; las fotos se recortan automáticamente a un cuadrado.
¿Por qué el icono Apple touch tiene un fondo?
Los iPhone y los iPad muestran en negro las zonas transparentes de los iconos de la pantalla de inicio, por lo que Imgovo siempre da al icono de Apple un fondo sólido: el color que elijas, o blanco cuando el fondo es transparente.
¿Puedo crear un archivo ICO solo a partir de un PNG?
Sí. Haz clic en «Descargar solo favicon.ico» para obtener únicamente el archivo ICO de varios tamaños.
¿Puedo deshacer un cambio?
Sí. Deshacer y Rehacer (botones sobre los ajustes, o Ctrl+Z / Ctrl+Mayús+Z) retroceden por el ajuste de la imagen, el fondo, el margen interior, el radio de las esquinas y el nombre de la aplicación.