Você recortou o produto, salvou, abriu em outro programa e o fundo voltou, branco ou preto. Ou o oposto: salvou tudo em PNG para “ficar com mais qualidade” e o site ficou pesado. A escolha entre PNG e JPG tem uma regra simples, e ela evita os dois problemas.
O que é transparência e quem a guarda
Em uma imagem com fundo transparente, a área em volta do objeto não tem cor: ela deixa passar o que estiver atrás, seja uma página branca, um slide azul ou uma foto. Para isso o arquivo precisa de uma camada extra, chamada canal alfa.
- PNG: guarda transparência.
- WebP: também guarda, além de costumar gerar arquivos menores.
- GIF: guarda uma forma limitada de transparência.
- JPG: não guarda. Ao salvar em JPG, a área transparente é preenchida com uma cor sólida, que depende do programa.
O guia sobre JPG, PNG, WEBP e HEIC resume as diferenças entre os formatos.
Quando você precisa de fundo transparente
- Logo para colocar sobre fotos, slides, camisetas ou páginas de cores diferentes.
- Adesivos e elementos gráficos que vão ser sobrepostos em artes e vídeos, como as feitas em editores de arte para redes sociais.
- Recortes de produto para montar banners, kits e catálogos em que o objeto fica sobre uma cor ou textura.
- Assinatura digitalizada para colocar em documentos.
Nesses casos, o PNG é a escolha natural.
Quando o JPG basta
Em muitos usos a transparência é desnecessária, e o JPG faz melhor:
- Foto principal do anúncio no marketplace, em que normalmente se pede fundo branco ou neutro. Cada canal tem sua regra, então confira. O artigo sobre foto principal do anúncio no marketplace mostra o que costuma ser pedido.
- Fotos comuns de pessoas, lugares, comida e eventos, que já têm fundo.
- Imagens para site e e-mail em que o peso do arquivo importa.
- Fotos de produto com fundo branco feitas com cartolina e boa luz, sem necessidade de recorte.
Um JPG com fundo branco, bem fotografado, é leve, abre em qualquer lugar e costuma atender ao que os marketplaces pedem, mas vale conferir a regra de cada canal.
O custo em peso do PNG
O PNG guarda a imagem sem perdas. Para logos e gráficos, isso gera arquivos pequenos. Para fotos, cheias de gradientes e detalhes, o arquivo costuma ficar bem maior que o do JPG, às vezes várias vezes maior. Isso deixa o site mais lento, ocupa espaço do celular e pode bater no limite de envio de e-mails e marketplaces.
Um exemplo ajuda a ver a diferença: uma foto de celular que ocupa algumas centenas de quilobytes em JPG pode passar de vários megabytes quando salva em PNG, sem ganho que o olho perceba em uma foto comum. Para um logo simples com poucas cores, acontece o contrário: o PNG costuma ficar pequeno e nítido, e o JPG deixa um chuvisco ao redor das letras.
Regra prática:
- Foto sem necessidade de transparência: JPG.
- Logo, ícone, desenho, texto na imagem: PNG.
- Recorte de objeto sobre outras cores: PNG.
- Site moderno: pode testar WebP, desde que o local de uso aceite.
Como fazer um recorte transparente e conferir
- Comece da foto original, nítida e com o objeto bem iluminado.
- Remova o fundo com um recurso de recorte. Em objetos de bordas complexas (cabelo, pelo, renda), o recorte automático costuma errar e pede revisão.
- Salve em PNG, não em JPG, e guarde a original.
- Confira as bordas ampliando a 100% ou mais. Procure halos claros ou escuros em volta do objeto.
- Teste sobre cores diferentes: coloque o PNG sobre um fundo escuro e outro claro. Se aparecer contorno estranho, refine o recorte.
- Exporte uma cópia reduzida para o uso na web, mantendo o arquivo grande como matriz. Assim o site não carrega um PNG pesado à toa.
E o SVG para logos?
Para logos e ícones, existe ainda o SVG, um formato de desenho vetorial. Em vez de guardar pontinhos coloridos (pixels), ele guarda formas, e por isso pode ser ampliado sem perder nitidez. Também aceita fundo transparente. É ótimo para logos em sites e materiais gráficos, mas não serve para fotos e nem todo sistema de anúncios ou rede social o aceita.
Uma regra prática para o logo da sua marca é guardar três versões:
- SVG ou o arquivo do designer, como matriz.
- PNG com fundo transparente, para usar sobre cores e fotos.
- JPG com fundo branco, para plataformas que não aceitam transparência.
Erros comuns com PNG e JPG
- Converter PNG transparente em JPG e perder o recorte. A conversão só deve acontecer no final, se a transparência não for mais necessária.
- Salvar uma foto comum em PNG “por qualidade” e gerar um arquivo enorme.
- Reduzir e salvar várias vezes em JPG, que perde qualidade a cada salvamento. Guarde a original e exporte uma cópia por vez.
- Usar PNG com muitas sombras suaves em fundos diferentes do original: a sombra pode ficar com bordas estranhas.
- Confiar em sites de conversão desconhecidos, que podem guardar o arquivo. O texto sobre como converter arquivos sem riscos mostra alternativas.
Na dúvida, siga a pergunta que resume tudo: “esta imagem vai ficar sobre outra cor ou outra imagem?”. Se a resposta for sim, use PNG com fundo transparente. Se não, use JPG, que é mais leve e aceito em todos os lugares.