O que são imagens progressivas?

Imagens progressivas são codificadas para que uma representação da imagem completa com poucos detalhes possa aparecer antes da chegada de todos os dados. Os dados subsequentes refinam essa representação até que a qualidade total esteja disponível.

Como funcionam as imagens progressivas

A codificação progressiva de imagens ordena os dados para que um decodificador possa reconstruir uma aproximação da imagem inteira antes de receber os detalhes mais finos da representação. O JPEG pode distribuir informações de coeficientes entre varreduras, enquanto o PNG entrelaçado distribui amostras espaciais entre passagens; esses mecanismos não devem ser tratados como intercambiáveis. O formato e o codificador determinam a ordem dos bytes, e o visualizador determina se os estados intermediários são renderizados durante o download ou se apenas a imagem concluída é exibida.

Informações essenciais

  1. A visualização inicial de um JPEG progressivo é calculada a partir de dados parciais de coeficientes, enquanto as primeiras passagens de um PNG entrelaçado contêm um padrão esparso de amostras exatas que é preenchido progressivamente.
  2. A organização progressiva pode alterar ligeiramente o tamanho dos dados codificados, mas é principalmente um recurso de ordenação da entrega. Ela não garante menos bytes nem aumenta a vazão da conexão.
  3. Decodificadores de imagem podem armazenar um arquivo inteiro em buffer mesmo quando seu fluxo de bits permite a reconstrução parcial, por isso o comportamento do navegador, da biblioteca e da renderização deve ser testado separadamente da validade do formato.

Quando as imagens progressivas são importantes

Use a codificação progressiva em páginas com muitas imagens quando o retorno visual antecipado compensar as restrições de codificação ou do decodificador. Ela não reduz o tempo total de transferência por si só, e decodificadores sem suporte podem perder o benefício da exibição em etapas.

Transforme conhecimento sobre mídia em um pipeline funcional

Conecte uploads, processamento, IA, armazenamento e entrega por meio de uma única API declarativa, com o stack de codificação, o ajuste de escala e as constantes mudanças de formatos gerenciados para você.

Experimente a Transloadit gratuitamente