Generador de Favicon
FreeSube una imagen y obtén un paquete de favicon completo: favicon.ico, cada tamaño PNG que esperan navegadores y dispositivos, apple-touch-icon, iconos de Android, un site.webmanifest y el HTML para pegar, todo en un ZIP.
Funciona completamente en tu navegador. Tu imagen nunca se sube a ningún sitio.
Haz clic para elegir una imagen, o arrástrala y suéltala aquí
Una imagen cuadrada funciona mejor, pero cualquier tamaño o forma está bien.
Imágenes No Cuadradas
Detalles de la App (para site.webmanifest)
Tamaños Generados
Actividad reciente
Visible para todos. Últimos 20 usos de todos los visitantes, más recientes primero.
Favicon set generated
hace 1 hora
Favicon set generated
hace 1 hora
Favicon set generated
hace 1 hora
Favicon set generated
hace 1 hora
Qué hace esta herramienta
Sube un logo o imagen y esta herramienta genera un paquete de favicon completo: un favicon.ico multirresolución, PNG individuales en cada tamaño que esperan los navegadores y dispositivos modernos, un apple-touch-icon, iconos de Android Chrome, un site.webmanifest precompletado y las etiquetas HTML exactas para pegar en el <head> de tu página, todo empaquetado en una descarga ZIP.
Cómo funciona
Tu imagen se dibuja en un canvas HTML en cada tamaño de destino (16, 32, 48, 180, 192 y 512 píxeles), recortada a un cuadrado centrado o rellenada con un color de fondo, según tu elección. Los tres tamaños más pequeños se empaquetan luego en un único favicon.ico usando el formato ICO con PNG incrustado, un contenedor binario ligero que todo navegador y sistema operativo actual lee correctamente. Todo, hasta el propio archivo ZIP, se ensambla en tu navegador; nada se sube.
Problemas que resuelve
- Generar todos los tamaños de favicon que necesita un sitio moderno a partir de una sola imagen de origen, en lugar de redimensionar cada uno manualmente.
- Producir un favicon.ico multitamaño correctamente estructurado sin software de imagen especializado.
- Obtener un site.webmanifest listo para usar y las etiquetas HTML correspondientes, no solo archivos de imagen.
- Previsualizar cómo se verá realmente el icono en una pestaña del navegador antes de publicarlo.
Preguntas frecuentes
›¿Por qué necesito tantos tamaños diferentes?
Las distintas plataformas piden tamaños distintos: las pestañas del navegador suelen usar 16x16 o 32x32, los iconos de pantalla de inicio de iOS usan 180x180, y las indicaciones de instalación de Android Chrome y PWA usan 192x192 y 512x512. Incluirlos todos significa que tu icono se verá nítido en todas partes en lugar de estirado o borroso en algunos dispositivos.
›¿Qué es favicon.ico y por qué sigue siendo necesario junto con los PNG?
El formato .ico puede agrupar varios tamaños (16x16, 32x32, 48x48) en un solo archivo, y sigue siendo el que usan los navegadores por defecto cuando no se especifica otro enlace de icono, incluidos navegadores muy antiguos y algunos accesos directos del sistema operativo. Esta herramienta empaqueta los tres tamaños en un único favicon.ico válido usando el formato moderno con PNG incrustado que admiten todos los navegadores y sistemas operativos actuales.
›¿Debo recortar o rellenar una imagen no cuadrada?
Recortar mantiene cada píxel a sangre completa pero corta los bordes de una imagen no cuadrada, bueno cuando tu logo ya llena el encuadre. Rellenar mantiene toda la imagen visible añadiendo un color de fondo alrededor, mejor cuando tu logo tiene márgenes vacíos o no está centrado.
›¿Para qué sirve site.webmanifest?
Es un pequeño archivo JSON que Android y otras plataformas leen para conocer el nombre, los iconos y el color del tema de tu sitio cuando alguien lo añade a su pantalla de inicio o lo instala como aplicación web progresiva. Esta herramienta genera uno precompletado con los iconos que acaba de crear.
›¿Esto sube mi logo a algún lugar?
No. Cada redimensionado, el archivo ICO y el propio ZIP se generan localmente en tu navegador usando la API Canvas; tu imagen nunca se envía a un servidor.
Herramientas relacionadas
Imagen
Ajustar HSL de Imagen
Ajusta el matiz, la saturación, y la luminosidad en una imagen con controles deslizantes en vivo, directamente en tu navegador.
FreeImagen
Ajustar HSL de Imágenes en Lote
Aplica el mismo ajuste de matiz, saturación, y luminosidad a muchas imágenes a la vez, directamente en tu navegador.
FreeImagen
Añadir Texto a Imagen
Agrega una o más leyendas de texto personalizadas a una imagen, directamente en tu navegador.
FreeImagen
Eliminar Fondo de Imagen (IA)
Elimina automáticamente el fondo de una foto usando un modelo de IA en el dispositivo, directamente en tu navegador.
FreeImagen
Esquema de Colores Análogos
Genera una paleta de colores análogos armoniosa a partir de cualquier color base, directamente en tu navegador.
FreeImagen
Mezclar Colores
Mezcla dos colores con un balance ajustable, usando mezcla RGB simple, corregida por gamma, o HSL.
FreeImagen
Desenfocar Imagen
Difumina una imagen en tu navegador usando desenfoque de Caja, Gaussiano, de Movimiento, o Radial, luego descarga el resultado.
FreeImagen
Generador de Imágenes con Marco Difuminado
Ajusta tu foto a un cuadrado u otra relación de aspecto sin recortar, rellenando el espacio extra con una copia difuminada y ampliada de la imagen.
Comentarios (0)
¿Te ha resultado útil esta herramienta? Deja un comentario, comparte un consejo o cuéntanos cómo podemos mejorarla.
Aún no hay comentarios. ¡Sé el primero en compartir tu opinión!