Escolhendo um formato de exportação para mockups

Três formatos cobrem tudo o que você vai exportar de uma ferramenta de mockup, e a escolha se resume a duas perguntas: precisa de transparência, e o destino é uma loja com exigências próprias? Errar produz ou um envio recusado ou uma página desnecessariamente pesada.

PNG para lojas e para tudo com transparência

O PNG é sem perdas, suporta alfa e é aceito em todo lugar. Use para capturas de loja, ícones e qualquer mockup que você vá compor depois sobre outro fundo. A fraqueza é o peso em conteúdo fotográfico, mas um aparelho sobre gradiente é justamente o tipo de imagem que o PNG comprime bem, então raramente é um custo real. Lembre que capturas de loja não podem conter alfa: achate antes de exportar mesmo que o formato permita.

JPEG quando o arquivo é grande e dominam as cores chapadas

O JPEG não tem alfa e perde detalhe, mas em alta qualidade é invisível na maioria dos renders de produto e pode pesar uma fração. É a escolha certa para imagens de destaque grandes e para imagens de site em que banda importa mais que borda perfeita. Fique de olho nas faixas em gradientes suaves, onde os artefatos aparecem primeiro, e nunca exporte um JPEG a partir de outro JPEG: volte à origem.

WebP para a web, com plano de reserva

O WebP entrega arquivos menores que os dois em qualidade comparável e suporta transparência, então é o padrão sensato para o seu próprio site. Não é aceito nos envios das lojas, então mantenha essas exportações separadas. Se você exporta de uma ferramenta de navegador, guardar um PNG mestre por arte e converter para WebP no site deixa um original sem perdas para quando o design mudar.