Mantenha um plano de fundo transparente ao exportar PNG

Um recurso transparente contém um canal alfa que descreve quais pixels são visíveis. Isso é diferente de uma foto de um tabuleiro de xadrez. Se você baixou uma captura de tela mostrando um tabuleiro de xadrez atrás de um logotipo, esses quadrados podem ser pixels comuns visíveis. Salvar essa captura de tela como PNG não irá removê-los. Abra o recurso real em um editor e verifique se o plano de fundo pode realmente ser exibido.

Esse fluxo de trabalho é útil para um recorte existente, logotipo raster ou sobreposição que precisa de uma versão de entrega menor. Ele não pode identificar um assunto, apagar um plano de fundo ou substituir uma borda mal cortada. Faça essas edições no design original primeiro. Mantenha um mestre editável e exporte um PNG transparente e use esta página quando precisar de um tamanho raster diferente sem achatar deliberadamente o plano de fundo.

A predefinição mantém os pixels originais, seleciona PNG e desativa a nitidez. PNG é a saída aqui que preserva a transparência existente. As exportações JPEG e WebP dessa ferramenta usam um fundo branco opaco, portanto, não as escolha para um ativo que deve funcionar em cores diferentes da página. O controle deslizante de qualidade não controla a compressão sem perdas de PNG.

Para uma cópia menor, escolha Fit Within e insira a caixa disponível. Isso preserva as proporções da fonte sem cortar as bordas. O tamanho exato recorta para a forma escolhida e pode remover uma sombra ou parte da marca, portanto, use-a apenas quando quiser aquela área recortada. Evite um limite de bytes desnecessário em um ativo mestre. Alcançar uma tampa apertada pode exigir redução de pixels, o que pode dificultar a leitura de um pequeno logotipo ou contorno estreito.

Veja o PNG baixado em fundos claros e escuros. Um recorte pode conter pixels de borda clara de uma edição anterior de fundo branco. A transparência pode ser tecnicamente intacta enquanto o halo ainda parece errado em uma seção escura. Da mesma forma, um logotipo escuro pode desaparecer em uma página escura, embora a exportação esteja correta. Corrija os problemas de design na origem em vez de comprimir repetidamente.

Verifique a imagem em seu tamanho real de exibição. Sombras semitransparentes e traços estreitos podem mudar visualmente quando reduzidos, mesmo com a saída PNG. Para publicação na web, defina as dimensões do elemento e forneça um texto alternativo útil quando a imagem transmitir informações. Uma sobreposição decorativa pode precisar de um tratamento de acessibilidade diferente de um logotipo da empresa vinculada. Faça o download de uma exportação de teste e coloque-a no layout real antes de processar um grupo de ativos correspondentes. Sua fonte permanece em seu dispositivo durante toda a conversão.

Experimente um logotipo escuro com uma sombra suave e um segundo logotipo projetado para um fundo escuro. Coloque os PNGs baixados em uma seção clara temporária e em uma seção escura do seu layout. Observe os traços estreitos e o limite de sombra no tamanho da tela pretendido. Se uma versão se tornar invisível, selecione a variante de origem certa em vez de achatá-la em uma cor de fundo diferente. Se aparecer um halo branco, revise o recorte original. Um arquivo pode manter seu canal alfa e ainda ser uma correspondência visual ruim para uma página específica. Verifique ambas as propriedades antes de aplicar as configurações compartilhadas a todas as variantes.