Português (Brasil)

Imagens e fotos · Conversor e compressor de imagens

O que acontece com a transparência quando você converte um PNG em JPEG

· Como funciona

formatos de imagem transparência tela

Um tabuleiro de xadrez transparente tornando-se um sólido fosco atrás da silhueta de um produto
Ilustração vetorial original ToolAcre

JPEG não tem canal alfa, então os pixels transparentes precisam se tornar algo durante a conversão, e a regra do navegador é compô-los em preto. Esta postagem explica alfa, a etapa de composição e como manter a transparência escolhendo WebP ou PNG.

O recorte do produto que virou quadrado preto — o resultado da conversão que surpreende quase todo mundo na primeira vez

Um recorte de produto pode retornar da conversão JPEG cercado por um retângulo sólido. Nesta ferramenta esse retângulo não é forçado para preto: o plano carrega uma cor de fundo, o painel em foco começa em branco e `renderPlan` preenche toda a tela antes de desenhar o bitmap. A saída, portanto, reflete uma escolha visível do usuário, em vez de um substituto não documentado do navegador.

Reproduza o problema com uma cópia da fonte e anote o fosco selecionado. Se um bloco preto aparecer após escolher o branco, compare o arquivo baixado com qualquer estágio de processamento posterior antes de culpar a conversão. O aviso de ToolAcre inclui a cor colocada atrás de pixels transparentes, tornando o plano auditável antes que o codificador JPEG receba a tela.

Um retângulo sólido surpreendente pode ser qualquer fosco escolhido; ToolAcre o padrão é branco em vez de preto

A transparência é representada na superfície do pixel decodificado como opacidade junto com a cor. A tabela de formato do produto registra que as saídas PNG e WebP suportam alfa, enquanto JPEG não. Essa é uma declaração de capacidade de codificação: o decodificador de entrada também aceita GIF, mas GIF é apenas decodificado e contribui apenas com um quadro estático. O suporte de leitura e o suporte de gravação não devem ser reunidos em uma lista.

Um valor alfa permite que o mesmo primeiro plano se misture com diferentes planos de fundo de páginas após a exportação. Depois que os pixels são achatados em um fosco, essa flexibilidade desaparece porque o JPEG armazenado contém cores opacas comuns. A conversão de JPEG de volta em PNG cria um contêiner com capacidade alfa, mas não pode inferir quais pixels eram anteriormente transparentes ou separá-los do plano de fundo escolhido.

Por que JPEG não pode conter transparência — um formato projetado para fotografias sem noção de ‘nada aqui’

A saída de JPEG não tem canal alfa nos fatos de formato de ToolAcre, portanto, uma saída completa precisa de cor em cada pixel. O plano de conversão fornece essa cor e o renderizador a pinta no destino antes que qualquer pixel de origem seja desenhado. Essa ordem garante que regiões totalmente transparentes se tornem foscas e que os limites parcialmente transparentes se misturem na composição normal da tela.

Escolha o fosco com base em onde JPEG aparecerá. Uma página de catálogo branca favorece o branco; um slide escuro favorece seu fundo escuro real. Se o histórico do destino puder mudar, JPEG é o produto errado porque a decisão seria tomada muito cedo. PNG ou WebP mantém o canal alfa disponível para o layout posterior.

As regras de composição que os navegadores seguem: regiões transparentes são mescladas em um fundo preto sólido antes da codificação JPEG, por especificação

A pasta de trabalho descreveu a composição em preto como uma regra de especificação do navegador, mas a implementação evita explicitamente um preenchimento acidental dependente do navegador. `fillRect` usa `plan.background` e o painel expõe uma entrada de cor somente quando o formato escolhido não possui alfa. A correção é importante: dizer aos usuários que o preto é inevitável ocultaria o controle construído especificamente para evitar essa surpresa.

O campo fosco não é metadado decorativo. Ele altera as cores dos pixels enviados para JPEG e deve ser incluído em um registro de conversão reproduzível junto com o formato e a qualidade. Uma captura de tela apenas da saída pode fazer com que um fosco escuro deliberado pareça corrompido. A captura da planta explica se o retângulo veio do fundo escolhido ou de um visualizador posterior.

ToolAcre preenche a transparência com o plano de fundo selecionado pelo usuário antes da codificação JPEG

As bordas com suavização suave contêm pixels parcialmente transparentes, não apenas uma máscara ativada ou desativada. A cor final depende do fosco sob eles durante a composição. Uma franja pálida em um destino escuro pode ocorrer quando um objeto foi achatado primeiro contra o branco; alterar a página posteriormente não pode recalcular esses pixels de limite mistos de um JPEG opaco.

ToolAcre não expõe buffers alfa pré-multiplicados nem promete uma representação específica do decodificador de baixo nível, portanto, a verificação baseada em evidências é visual. Exporte o mesmo logotipo em dois mates fortemente diferentes e compare seu contorno em tamanho nativo. Se o ativo precisar funcionar em ambos os planos de fundo, retenha alfa em vez de procurar uma borda JPEG comprometida.

Os resultados de bordas suaves devem ser inspecionados em relação ao fosco escolhido; internos de pré-multiplicação não são expostos

Use um logotipo transparente com uma sombra suave. Primeiro escolha branco e exporte JPEG; em seguida, escolha um verde escuro e exporte outro JPEG. O campo transparente deve se tornar cada cor selecionada, enquanto a sombra se mistura a ele. Exporte também cópias PNG e WebP de tamanho inalterado e, em seguida, coloque-as sobre blocos de teste claros e escuros em um visualizador com reconhecimento de imagem.

A rota PNG usa um codificador sem perdas e mantém a transparência. A rota WebP mantém a transparência, mas permanece com perdas de acordo com os dados de formato da aplicação, mesmo na qualidade 100. As cópias JPEG são necessariamente opacas. Nenhuma classificação fixa de tamanho de arquivo é afirmada porque o navegador mede bytes codificados reais e o conteúdo determina o resultado.

O que isso não cobre: ​​escolha de uma cor de fundo personalizada, transparência animada e máscaras estilo 1 bits GIF

Este fluxo de trabalho cobre uma cor de fundo personalizada – o contorno original a excluiu incorretamente. Ele não preserva a animação GIF, não fornece saída GIF nem oferece um editor especializado de máscara de um bit. A entrada GIF é decodificada como um quadro estático e recebe as mesmas regras de formato de destino que outras entradas aceitas.

Também não remove um fundo colorido pré-existente de uma fonte opaca. A preservação alfa só ajuda quando a transparência chega ao decodificador. Se a origem já contiver um retângulo branco, a exportação para PNG não poderá recriar a transparência ausente. Essa tarefa requer a remoção deliberada do fundo em um editor, não uma conversão de formato.

A cor de fundo personalizada é implementada e pertence ao escopo

A transparência sobrevive apenas num destino que a possa representar. ToolAcre torna a alternativa explícita: JPEG obtém um fosco escolhido, enquanto PNG e WebP retêm alfa sob seu comportamento documentado do codificador. Leia o aviso antes da conversão porque ele descreve uma decisão de pixel unidirecional, não uma preferência de exibição reversível.

Mantenha o ativo transparente original como mestre. Produza uma cópia JPEG somente depois que o fundo final for conhecido e inspecione as bordas suaves dessa cor. Isso preserva a fonte flexível ao mesmo tempo em que fornece aos destinatários um arquivo opaco que eles podem abrir, sem fingir que uma conversão posterior pode recuperar o alfa que foi nivelado intencionalmente.