Compresor de recursos de Flutter

• Compresión instantánea de recursos de Flutter en tu navegador: comprime y genera variantes de densidad de Flutter al instante en tu navegador, sin subida a servidor, sin procesamiento en la nube y sin esperas. El compresor de recursos de Flutter produce las variantes 1x, 2x y 3x con la estructura de directorios correcta en segundos, todo en tu dispositivo.
• Compresor de recursos de Flutter online seguro: tus imágenes nunca salen de tu dispositivo. El compresor de recursos de Flutter se ejecuta enteramente en tu navegador: sin subidas a servidores, sin transmisión de datos y 100 % privado. Seguro para recursos propietarios de apps, imágenes de marca y archivos de proyectos Flutter en producción.
• Estructura de directorios lista para Flutter con fragmento de pubspec.yaml: el compresor de recursos de Flutter genera un ZIP con el diseño exacto de directorios que Flutter espera (assets/images/, assets/images/2.0x/ y assets/images/3.0x/) más un fragmento de assets de pubspec.yaml listo para pegar. Cópialo directamente en tu proyecto.
• 100 % gratis para siempre: el compresor de recursos de Flutter es completamente gratis, sin registro, sin plan premium, sin límites de tamaño de archivo y sin anuncios. Genera variantes de densidad de recursos de Flutter ilimitadas a coste cero, para siempre.

• Configuración de recursos de un nuevo proyecto Flutter: al empezar un proyecto Flutter nuevo, usa el compresor de recursos de Flutter para preparar todos tus recursos de imagen en las variantes de densidad 1x, 2x y 3x correctas desde el principio. El fragmento de pubspec.yaml generado te ahorra escribir a mano las declaraciones de assets de cada imagen.
• Reducir el tamaño de descarga de una app Flutter: comprime los recursos de imagen de Flutter para reducir el tamaño total de descarga de tu app en App Store y Google Play. El compresor recodifica las imágenes con la API Canvas, elimina metadatos y aplica reducción de calidad: recursos más pequeños significan instalaciones más rápidas y mejores tasas de conversión en las tiendas.
• Optimización de pantallas de bienvenida y onboarding: comprime las imágenes grandes de splash screen y las ilustraciones de onboarding para todas las variantes de densidad de Flutter. El compresor garantiza que tus imágenes originales de alta resolución se escalen correctamente a 1x, 2x y 3x sin redimensionar a mano en Photoshop o Figma.
• Migrar recursos desde React Native o apps nativas: al migrar una app existente de iOS o Android a Flutter, usa el compresor de recursos de Flutter para convertir tus recursos @1x/@2x/@3x o mdpi/hdpi/xhdpi al formato de variantes de densidad de Flutter. El ZIP de salida se coloca directamente en tu proyecto Flutter sin renombrar nada.
• Preparación de la cadena de recursos para CI/CD: prepara variantes de recursos de Flutter comprimidas antes de confirmarlas en tu repositorio. El compresor produce recursos listos para producción que reducen el tamaño del repositorio y mejoran los tiempos de compilación de CI/CD, algo especialmente importante en proyectos Flutter grandes con muchos recursos de imagen.
• Actualizar recursos de Flutter existentes: al actualizar recursos de marca, iconos o ilustraciones en una app Flutter existente, usa el compresor de recursos de Flutter para regenerar todas las variantes de densidad desde la nueva imagen original. Los nombres de archivo de salida coinciden con tus recursos existentes: solo tienes que reemplazar los archivos y ejecutar flutter pub get.

Flutter usa un sistema de relación de píxeles del dispositivo (DPR) para servir la resolución de imagen correcta para cada densidad de pantalla. Las imágenes se organizan en directorios de variantes de densidad: assets/images/ (1x, base), assets/images/2.0x/ (2x, densidad media) y assets/images/3.0x/ (3x, alta densidad). Flutter selecciona automáticamente la variante adecuada en tiempo de ejecución según la relación de píxeles del dispositivo. La compresión de recursos de Flutter reduce el tamaño de archivo de cada variante de densidad con la API Canvas del navegador (elimina metadatos y aplica reducción de calidad), de modo que tu app se descarga más rápido y usa menos almacenamiento en el dispositivo. Nuestro compresor de recursos de Flutter genera las tres variantes desde una sola imagen original y las empaqueta en la estructura de directorios correcta para usarlas de inmediato.

1. 1 Sube tus imágenes originales: arrastra y suelta archivos PNG, JPEG, WebP, GIF o BMP. Usa tu imagen original de mayor resolución (3x o superior) para obtener los mejores resultados: el compresor reduce la escala para generar las variantes 1x y 2x. Los archivos se cargan en tu navegador sin subida a servidor.
2. 2 Selecciona las variantes de densidad y la calidad JPEG y haz clic en «Comprimir y generar variantes»: el compresor genera la variante 1x (resolución completa, comprimida), la 2x (66 % del original, comprimida) y la 3x (resolución completa, comprimida). Los archivos PNG se recodifican sin pérdidas; los JPEG se recodifican con la calidad seleccionada. Todo el procesamiento se ejecuta en tu navegador.
3. 3 Descarga el ZIP y suéltalo en tu proyecto Flutter: el ZIP contiene la estructura de directorios correcta y un archivo pubspec_assets_snippet.yaml. Copia el fragmento en tu pubspec.yaml y ejecuta flutter pub get.

• Variante 1x (assets/images/): la imagen original recodificada a resolución completa y sin metadatos. Los archivos PNG se recodifican sin pérdidas con la API Canvas: se eliminan datos EXIF, perfiles ICC y miniaturas embebidas. La transparencia se conserva por completo.
• Variante 2x (assets/images/2.0x/): la imagen original escalada al 66 % de sus dimensiones originales y comprimida. Flutter sirve esta variante en pantallas de densidad media (relación de píxeles ≈ 2,0). El escalado usa interpolación bilineal mediante la API Canvas.
• Variante 3x (assets/images/3.0x/): la imagen original recodificada a resolución completa y tratada como la variante de alta densidad. Flutter la sirve en pantallas de alta densidad (relación de píxeles ≈ 3,0) como iPhone Pro y dispositivos Android de gama alta.
• Fragmento de pubspec.yaml: un bloque YAML listo para pegar que enumera todos los recursos comprimidos bajo la clave flutter: assets:. Flutter resuelve automáticamente las variantes 2x y 3x desde los subdirectorios sin listarlas por separado.

El compresor de recursos de Flutter genera variantes de densidad escalando la imagen original; para obtener los mejores resultados, sube siempre la versión de mayor resolución de tu imagen (idealmente 3x o superior). Ampliar desde un original de baja resolución producirá variantes borrosas. Ten en cuenta que el sistema de resolución de recursos de Flutter exige declarar la ruta del recurso base en pubspec.yaml: las variantes de los subdirectorios 2x y 3x se resuelven automáticamente y no necesitan declaraciones separadas. Para recursos vectoriales, considera usar SVG mediante el paquete flutter_svg en lugar de variantes de densidad de mapa de bits.