Компрессор ресурсов Flutter

• Мгновенное сжатие ресурсов Flutter в браузере: сжимайте и создавайте варианты плотности Flutter сразу в браузере — без отправки на сервер, облачной обработки и ожидания. Компрессор ресурсов Flutter создаёт варианты 1x, 2x и 3x с правильной структурой каталогов за секунды, полностью на вашем устройстве.
• Безопасный онлайн-компрессор ресурсов Flutter: ваши изображения никогда не покидают устройство. Компрессор ресурсов Flutter работает исключительно в браузере — без загрузок на серверы, передачи данных и со 100 % приватностью. Безопасно для проприетарных ресурсов приложений, брендовых изображений и рабочих файлов проектов Flutter.
• Готовая структура каталогов Flutter с фрагментом pubspec.yaml: компрессор ресурсов Flutter выдаёт ZIP с точной структурой каталогов, которую ожидает Flutter (assets/images/, assets/images/2.0x/ и assets/images/3.0x/), плюс готовый к вставке фрагмент assets для pubspec.yaml. Просто перенесите его в проект.
• 100 % бесплатно навсегда: компрессор ресурсов Flutter полностью бесплатен — без регистрации, платных тарифов, ограничений размера файла и рекламы. Создавайте неограниченное количество вариантов плотности ресурсов Flutter с нулевыми затратами, навсегда.

• Настройка ресурсов нового проекта Flutter: при запуске нового проекта Flutter используйте компрессор ресурсов Flutter, чтобы сразу подготовить все ресурсы изображений в правильных вариантах плотности 1x, 2x и 3x. Созданный фрагмент pubspec.yaml избавляет от ручного написания объявлений ресурсов для каждого изображения.
• Сокращение размера загрузки приложения Flutter: сжимайте ресурсы изображений Flutter, чтобы уменьшить общий размер загрузки приложения в App Store и Google Play. Компрессор перекодирует изображения через Canvas API, удаляет метаданные и снижает качество — меньшие ресурсы означают более быструю установку и лучшие конверсии в магазинах.
• Оптимизация изображений splash-экрана и онбординга: сжимайте крупные изображения splash-экрана и иллюстрации онбординга для всех вариантов плотности Flutter. Компрессор гарантирует, что ваши исходные изображения высокого разрешения будут правильно масштабированы до 1x, 2x и 3x без ручного изменения размера в Photoshop или Figma.
• Перенос ресурсов из React Native или нативных приложений: при переносе существующего приложения iOS или Android на Flutter используйте компрессор ресурсов Flutter, чтобы преобразовать ресурсы @1x/@2x/@3x или mdpi/hdpi/xhdpi в формат вариантов плотности Flutter. Итоговый ZIP попадает прямо в проект Flutter без переименования.
• Подготовка конвейера ресурсов для CI/CD: готовьте сжатые варианты ресурсов Flutter перед коммитом в репозиторий. Компрессор создаёт готовые к продакшену ресурсы, которые уменьшают размер репозитория и ускоряют сборки CI/CD — особенно важно для крупных проектов Flutter с множеством ресурсов изображений.
• Обновление существующих ресурсов Flutter: при обновлении брендовых ресурсов, иконок или иллюстраций в существующем приложении Flutter используйте компрессор ресурсов Flutter, чтобы заново создать все варианты плотности из нового исходного изображения. Имена выходных файлов совпадают с существующими ресурсами — просто замените файлы и выполните flutter pub get.

Flutter использует систему соотношения пикселей устройства (DPR), чтобы выдавать правильное разрешение изображения для каждой плотности экрана. Изображения организованы в каталоги вариантов плотности: assets/images/ (1x — база), assets/images/2.0x/ (2x — средняя плотность) и assets/images/3.0x/ (3x — высокая плотность). Flutter автоматически выбирает подходящий вариант во время выполнения по соотношению пикселей устройства. Сжатие ресурсов Flutter уменьшает размер каждого варианта плотности через Canvas API браузера — удаляются метаданные и снижается качество, — чтобы приложение скачивалось быстрее и занимало меньше места на устройстве. Наш компрессор ресурсов Flutter создаёт все три варианта из одного исходного изображения и оформляет их в правильную структуру каталогов для немедленного использования.

1. 1 Загрузите исходные изображения: перетащите файлы PNG, JPEG, WebP, GIF или BMP. Для лучшего результата используйте исходное изображение с самым высоким разрешением (3x или выше) — компрессор уменьшит масштаб, чтобы создать варианты 1x и 2x. Файлы загружаются в браузер без отправки на сервер.
2. 2 Выберите варианты плотности и качество JPEG и нажмите «Сжать и создать варианты»: компрессор создаёт вариант 1x (полное разрешение, сжатый), 2x (66 % от исходного, сжатый) и 3x (полное разрешение, сжатый). Файлы PNG перекодируются без потерь; файлы JPEG — с выбранным качеством. Вся обработка идёт в браузере.
3. 3 Скачайте ZIP и перенесите его в проект Flutter: ZIP содержит правильную структуру каталогов и файл pubspec_assets_snippet.yaml. Скопируйте фрагмент в pubspec.yaml и выполните flutter pub get.

• Вариант 1x (assets/images/): исходное изображение, перекодированное в полном разрешении с удалением метаданных. Файлы PNG перекодируются без потерь через Canvas API — удаляются данные EXIF, профили ICC и встроенные миниатюры. Прозрачность сохраняется полностью.
• Вариант 2x (assets/images/2.0x/): исходное изображение, масштабированное до 66 % исходных размеров и сжатое. Flutter выдаёт этот вариант на экранах средней плотности (соотношение пикселей ≈ 2,0). Масштабирование использует билинейную интерполяцию через Canvas API.
• Вариант 3x (assets/images/3.0x/): исходное изображение, перекодированное в полном разрешении и рассматриваемое как вариант высокой плотности. Flutter выдаёт его на экранах высокой плотности (соотношение пикселей ≈ 3,0), например iPhone Pro и флагманских Android-устройствах.
• Фрагмент pubspec.yaml: готовый к вставке блок YAML со списком всех сжатых ресурсов под ключом flutter: assets:. Flutter автоматически находит варианты 2x и 3x в подкаталогах, не требуя их отдельного перечисления.

Компрессор ресурсов Flutter создаёт варианты плотности, масштабируя исходное изображение, — для лучшего результата всегда загружайте версию изображения с самым высоким разрешением (в идеале 3x или выше). Увеличение из исходника низкого разрешения даст размытые варианты. Учтите, что система разрешения ресурсов Flutter требует объявлять путь базового ресурса в pubspec.yaml — варианты в подкаталогах 2x и 3x находятся автоматически и не нуждаются в отдельных объявлениях. Для векторных ресурсов рассмотрите использование SVG через пакет flutter_svg вместо растровых вариантов плотности.