Pular para o conteúdo
Aback Tools Logo

Compressor de recursos do Flutter

Comprima imagens e organize-as em variantes de densidade de recursos do Flutter (1x, 2x e 3x) com a estrutura de diretórios que o Flutter espera. O compressor de recursos do Flutter recodifica as imagens com a API Canvas, gera os diretórios assets/images/, assets/images/2.0x/ e assets/images/3.0x/ e inclui um trecho de pubspec.yaml pronto para colar. Envie várias imagens de uma vez e baixe tudo em ZIP. Todo o processamento acontece no navegador e sem cadastro.

Flutter Asset Compressor

Upload images and compress them into Flutter asset density variants - 1x, 2x, and 3x. The flutter asset compressor generates the correct directory structure (assets/images/, assets/images/2.0x/, assets/images/3.0x/) and includes a pubspec.yaml snippet. All processing happens in your browser - your files never leave your device.

Por que usar nosso compressor de recursos do Flutter?

  • Compressão de recursos do Flutter instantânea no navegador: comprima e gere variantes de densidade do Flutter instantaneamente no navegador - sem upload para servidor, sem processamento em nuvem e sem espera. O compressor de recursos do Flutter produz as variantes 1x, 2x e 3x com a estrutura de diretórios correta em segundos, tudo no seu dispositivo.
  • Compressor de recursos do Flutter online seguro: suas imagens nunca saem do seu dispositivo. O compressor de recursos do Flutter roda inteiramente no navegador - sem uploads para servidores, sem transmissão de dados e 100 % privado. Seguro para recursos proprietários de apps, imagens de marca e arquivos de projetos Flutter em produção.
  • Estrutura de diretórios pronta para o Flutter com trecho de pubspec.yaml: o compressor de recursos do Flutter gera um ZIP com o layout exato de diretórios que o Flutter espera (assets/images/, assets/images/2.0x/ e assets/images/3.0x/) mais um trecho de assets do pubspec.yaml pronto para colar. Coloque-o direto no seu projeto.
  • 100 % grátis para sempre: o compressor de recursos do Flutter é completamente grátis, sem cadastro, sem plano premium, sem limites de tamanho de arquivo e sem anúncios. Gere variantes de densidade de recursos do Flutter ilimitadas a custo zero, para sempre.

Casos de uso comuns do compressor de recursos do Flutter

  • Configuração de recursos de um novo projeto Flutter: ao iniciar um novo projeto Flutter, use o compressor de recursos do Flutter para preparar todos os seus recursos de imagem nas variantes 1x, 2x e 3x corretas desde o início. O trecho de pubspec.yaml gerado evita que você escreva à mão as declarações de assets de cada imagem.
  • Reduzir o tamanho de download do app Flutter: comprima os recursos de imagem do Flutter para reduzir o tamanho total de download do seu app na App Store e no Google Play. O compressor recodifica as imagens com a API Canvas, remove metadados e aplica redução de qualidade - recursos menores significam instalações mais rápidas e melhores taxas de conversão nas lojas.
  • Otimização de imagens de splash screen e onboarding: comprima as imagens grandes de splash screen e as ilustrações de onboarding em todas as variantes de densidade do Flutter. O compressor garante que suas imagens de origem em alta resolução sejam escalonadas corretamente para 1x, 2x e 3x sem redimensionamento manual no Photoshop ou Figma.
  • Migrar recursos do React Native ou de apps nativas: ao migrar um app existente de iOS ou Android para Flutter, use o compressor de recursos do Flutter para converter seus recursos @1x/@2x/@3x ou mdpi/hdpi/xhdpi no formato de variantes de densidade do Flutter. O ZIP de saída vai direto para o seu projeto Flutter sem renomear nada.
  • Preparação do pipeline de recursos para CI/CD: prepare variantes de recursos do Flutter comprimidas antes de commitá-las no seu repositório. O compressor produz recursos prontos para produção que reduzem o tamanho do repositório e melhoram os tempos de build de CI/CD - especialmente importante em projetos Flutter grandes com muitos recursos de imagem.
  • Atualizar recursos do Flutter já existentes: ao atualizar recursos de marca, ícones ou ilustrações em um app Flutter existente, use o compressor de recursos do Flutter para regenerar todas as variantes de densidade a partir da nova imagem de origem. Os nomes dos arquivos de saída correspondem aos seus recursos atuais - basta substituir os arquivos e executar flutter pub get.

O que é compressão de recursos do Flutter?

O Flutter usa um sistema de proporção de pixels do dispositivo (DPR) para servir a resolução de imagem correta para cada densidade de tela. As imagens são organizadas em diretórios de variantes de densidade: assets/images/ (1x, base), assets/images/2.0x/ (2x, densidade média) e assets/images/3.0x/ (3x, alta densidade). O Flutter seleciona automaticamente a variante adequada em tempo de execução, com base na proporção de pixels do dispositivo. A compressão de recursos do Flutter reduz o tamanho de cada variante de densidade usando a API Canvas do navegador - removendo metadados e aplicando redução de qualidade - para que seu app baixe mais rápido e use menos armazenamento no dispositivo. Nosso compressor de recursos do Flutter gera as três variantes a partir de uma única imagem de origem e as organiza na estrutura de diretórios correta para uso imediato.

Como funciona nosso compressor de recursos do Flutter

  1. 1 Envie suas imagens de origem: arraste e solte arquivos PNG, JPEG, WebP, GIF ou BMP. Use sua imagem de origem de maior resolução (3x ou superior) para melhores resultados - o compressor reduz a escala para gerar as variantes 1x e 2x. Os arquivos são carregados no navegador, sem upload para servidor.
  2. 2 Selecione as variantes de densidade e a qualidade JPEG e clique em «Comprimir e gerar variantes»: o compressor gera a variante 1x (resolução completa, comprimida), a 2x (66 % da origem, comprimida) e a 3x (resolução completa, comprimida). Arquivos PNG são recodificados sem perdas; arquivos JPEG são recodificados na qualidade escolhida. Todo o processamento roda no navegador.
  3. 3 Baixe o ZIP e coloque-o no seu projeto Flutter: o ZIP contém a estrutura de diretórios correta e um arquivo pubspec_assets_snippet.yaml. Copie o trecho para o seu pubspec.yaml e execute flutter pub get.

O que é comprimido e gerado

  • Variante 1x (assets/images/): a imagem de origem recodificada em resolução completa e sem metadados. Arquivos PNG são recodificados sem perdas com a API Canvas - removendo dados EXIF, perfis ICC e miniaturas embutidas. A transparência é totalmente preservada.
  • Variante 2x (assets/images/2.0x/): a imagem de origem escalonada para 66 % das dimensões originais e comprimida. O Flutter serve essa variante em telas de densidade média (proporção de pixels ≈ 2,0). O escalonamento usa interpolação bilinear via API Canvas.
  • Variante 3x (assets/images/3.0x/): a imagem de origem recodificada em resolução completa e tratada como a variante de alta densidade. O Flutter a serve em telas de alta densidade (proporção de pixels ≈ 3,0), como iPhone Pro e dispositivos Android de alto desempenho.
  • Trecho de pubspec.yaml: um bloco YAML pronto para colar que lista todos os recursos comprimidos sob a chave flutter: assets:. O Flutter resolve automaticamente as variantes 2x e 3x a partir dos subdiretórios, sem listá-las separadamente.

Limitações importantes

O compressor de recursos do Flutter gera variantes de densidade escalonando a imagem de origem - para melhores resultados, envie sempre a versão de maior resolução da sua imagem (idealmente 3x ou superior). Ampliar a partir de uma origem de baixa resolução produzirá variantes desfocadas. Note que o sistema de resolução de recursos do Flutter exige que o caminho do recurso base seja declarado no pubspec.yaml - as variantes dos subdiretórios 2x e 3x são resolvidas automaticamente e não precisam de declarações separadas. Para recursos vetoriais, considere usar SVG via o pacote flutter_svg em vez de variantes de densidade em mapa de bits.

Perguntas frequentes

Um compressor de recursos do Flutter reduz o tamanho dos arquivos de imagem de um projeto Flutter e gera as variantes de densidade corretas (1x, 2x, 3x) que o Flutter usa para servir a resolução adequada em cada dispositivo. Nosso compressor de recursos do Flutter online grátis roda inteiramente no navegador - suas imagens nunca saem do seu dispositivo.

O Flutter usa a proporção de pixels do dispositivo (DPR) para selecionar a variante de imagem correta em tempo de execução. As imagens em assets/images/ são a base 1x; as de assets/images/2.0x/ são servidas em telas de densidade média; as de assets/images/3.0x/ são servidas em telas de alta densidade. O compressor de recursos do Flutter gera as três variantes a partir da sua imagem de origem automaticamente.

Não - o Flutter resolve automaticamente as variantes 2x e 3x a partir dos subdiretórios 2.0x/ e 3.0x/. Você só precisa declarar o caminho do recurso base no pubspec.yaml. O compressor de recursos do Flutter inclui um trecho de pubspec.yaml pronto para colar com apenas os caminhos base.

Sim, completamente. O compressor de recursos do Flutter roda inteiramente no navegador. Suas imagens nunca são enviadas a servidor algum e nunca saem do seu dispositivo. Todo o processamento (escalonamento, compressão e empacotamento ZIP) acontece localmente no navegador.

Sim - 100 % grátis, para sempre. Sem cadastro, sem conta, sem plano premium, sem limites de tamanho de arquivo e sem anúncios. Gere variantes de densidade de recursos do Flutter ilimitadas, totalmente grátis.

Envie a versão de maior resolução da sua imagem - idealmente sua origem 3x ou superior. O compressor reduz a escala para gerar as variantes 1x e 2x. Enviar uma imagem de baixa resolução e ampliá-la produzirá variantes desfocadas.

Não - o compressor de recursos do Flutter preserva a transparência do canal alfa ao recodificar arquivos PNG. Ícones de apps Flutter, elementos de UI e ilustrações com fundos transparentes são totalmente suportados.

Para a maioria dos recursos de UI do Flutter, recomenda-se qualidade de 80 %: alcança redução de 30-50 % com perda visível mínima de qualidade. Para recursos com texto ou bordas nítidas, use 90 %. Para imagens de fundo e ilustrações decorativas, 70 % é aceitável.

Extraia o ZIP na raiz do seu projeto Flutter. Copie o conteúdo de pubspec_assets_snippet.yaml para o seu pubspec.yaml sob a chave flutter:, e depois execute flutter pub get. O Flutter resolverá automaticamente as variantes 2x e 3x em tempo de execução.