Cambiar tamaño de imagen
Establezca las dimensiones de la imagen y un límite de tamaño de archivo JPEG opcional juntos. Mantenga la imagen completa o agregue bordes para obtener un lienzo exacto.
Imágenesprocesado localmente
Generador de favicones
Cree favicons ICO y PNG, obtenga una vista previa de íconos pequeños y descargue un ZIP completo en su navegador.
Elija una imagen, establezca el relleno y los colores de fondo, consulte las pequeñas vistas previas y luego genere y descargue el ZIP.
Convierte tu logo en un conjunto de faviconElige una imagen o suéltala aquíPNG, JPEG, WebP o SVG · 10 MB · 4096 píxeles por lado
Se eliminó el contenido SVG no compatible. Consulte la vista previa antes de descargar.
Consulta los tamaños pequeños.
Las vistas previas de 16, 32 y 48 píxeles se muestran en tamaño real. Los detalles finos pueden desaparecer a los 16 píxeles.
Tu conjunto de favicon está listo
El ZIP contiene 9 archivos: ICO, SVG, cinco PNG, un manifiesto de iconos y el fragmento HTML.
favicon.icofavicon.svgfavicon-16x16.pngfavicon-32x32.pngapple-touch-icon.pngandroid-chrome-192x192.pngandroid-chrome-512x512.pngsite.webmanifestfavicon-html.txt
Fragmento HTML de favicon · <head>
Aloje los archivos en su sitio y ajuste las rutas. Fusionar entradas de iconos en un manifiesto existente.
Cómo utilizar
Crear un conjunto de favicon
Elija una imagen, establezca el relleno y los colores de fondo, consulte las pequeñas vistas previas y luego genere y descargue el ZIP.
Ejemplo y resultado esperado
Ejemplo: suba un logotipo transparente de 1024×1024, mantenga la transparencia y use un 10% de relleno. El ZIP contiene ICO (32/16/48), cinco PNG, un SVG que contiene un PNG, un manifiesto de icono y el fragmento HTML. Las marcas simples permanecen más claras a 16 píxeles; Los detalles finos pueden desaparecer.
¿Qué es un favicon?
Un favicon es el pequeño ícono que los navegadores muestran en pestañas, marcadores e historial junto al título de su página. Es pequeño (a menudo sólo 16×16 píxeles), por lo que un buen favicon es simple, de alto contraste y reconocible de un vistazo. Este generador convierte su imagen en tamaños de favicon comunes, completamente en su navegador. No se carga nada.
Tamaños que necesitas en 2026
| Archivo | Tamaño | Utilizado para |
|---|---|---|
| favicon.ico | 16, 32, 48 | Pestañas y marcadores del navegador |
| favicon.svg | 512 × 512 | Navegadores compatibles con SVG; PNG incrustado |
| favicon-16x16.png, favicon-32x32.png | 16, 32 | PNG alternativas |
| apple-touch-icon.png | 180 × 180 | Pantalla de inicio de iOS y Safari |
| android-chrome-192x192.png, android-chrome-512x512.png | 192, 512 | Entradas de íconos de Android y PWA |
Formatos y límites
Se admiten entradas PNG, JPEG, WebP y SVG simple. Los archivos están limitados a 10 MB y 4096 píxeles por lado. No se admiten imágenes animadas. Las entradas SVG se rasterizan en su navegador; Los scripts, referencias externas, imágenes, hojas de estilo, filtros y animaciones se eliminan y no se renderizan. El texto utiliza fuentes locales disponibles. Verifique la vista previa si su SVG usa estas funciones.
La ICO contiene entradas comprimidas en PNG de 16×16, 32×32 y 48×48. La reducción de escala utiliza un remuestreo de varios pasos, pero una fotografía detallada aún pierde detalles a 16 píxeles; las marcas simples funcionan mejor. La transparencia se conserva en ICO y PNG cuando se selecciona; el ícono táctil de Apple usa un fondo sólido. La salida SVG incorpora un PNG y no es una conversión de vector. Su original permanece sin cambios.
Preguntas frecuentes
¿Qué tamaño debe tener mi favicon?
Envíe el ICO de varios tamaños (16/32/48), un ícono táctil de Apple de 180 × 180 y 192/512 PNG para Android. Estos son tamaños comunes de navegadores y dispositivos, no garantizan que todas las plataformas utilicen todos los archivos.
ICO o PNG: ¿cuál necesito?
Incluya el respaldo de ICO y las alternativas PNG o SVG. Copie el fragmento de HTML y luego actualice las rutas para que coincidan con el lugar donde aloja los archivos.
¿Los navegadores admiten favicons SVG?
Muchos navegadores modernos admiten favicons SVG. Mantenga el respaldo de ICO para los navegadores que no lo hacen. Esta herramienta incorpora un PNG de 512 × 512 dentro del SVG; no traza su logotipo en rutas vectoriales.
Reemplacé mi favicon pero el anterior aún aparece. ¿Por qué?
Los navegadores almacenan en caché los favicons de forma agresiva. Pruebe una actualización completa o borre el caché del navegador. Verifique las rutas de los archivos y cambie el nombre del archivo o la consulta de versión si el ícono almacenado en caché persiste.
¿Mi fondo transparente funcionará en iPhones?
El ícono táctil de Apple siempre está acoplado al color de fondo de Apple que elijas aquí. ICO y otros archivos PNG mantienen la transparencia cuando se seleccionan.
¿Este ZIP hará que mi sitio sea instalable como PWA?
No. El manifiesto contiene únicamente entradas de íconos. Combínelos en su manifiesto existente o agregue el nombre, la URL de inicio y otras configuraciones de PWA que su sitio necesite.