Escolher o formato errado de arquivo é um dos erros mais comuns em projetos de design. O resultado aparece como imagem borrada, site lento, logo com fundo branco ou arquivo que a gráfica não consegue usar. Este guia explica, em linguagem simples, quando usar cada formato.
Antes de tudo: imagem raster ou vetorial?
Imagens raster são formadas por pixels, como as fotos. Elas perdem qualidade quando são ampliadas além do tamanho original. Imagens vetoriais são formadas por formas matemáticas, e por isso podem ser ampliadas ou reduzidas sem perder nitidez.
JPG, PNG e WebP são formatos raster. O SVG é vetorial, e o PDF pode guardar os dois tipos.
Resumo rápido
| Formato | Tipo | Melhor para | Transparência |
|---|---|---|---|
| JPG | Raster | Fotos | Não |
| PNG | Raster | Logos em tela, capturas de tela, imagens com fundo transparente | Sim |
| WebP | Raster | Imagens de sites | Sim |
| SVG | Vetorial | Logos, ícones e ilustrações simples | Sim |
| Documento | Impressão, propostas e portfólios | Depende |
JPG: o formato das fotos
O JPG comprime a imagem descartando parte da informação, o que reduz muito o peso do arquivo. Funciona bem para fotos e imagens com muitas cores e gradientes.
- Use para: fotografias, imagens com muitos detalhes e posts de redes sociais.
- Evite em: logotipos, ícones e imagens com texto fino, porque a compressão cria manchas ao redor das bordas.
- Dica: para a web, uma qualidade entre 75% e 85% costuma ser um bom equilíbrio entre peso e aparência. Salvar o mesmo JPG várias vezes piora a qualidade a cada vez.
PNG: transparência e nitidez
O PNG não perde qualidade na compressão e aceita fundo transparente. Isso o torna ideal para peças com bordas nítidas.
- Use para: logotipos em tela, ilustrações com cores chapadas, capturas de tela e qualquer imagem que precise de fundo transparente.
- Evite em: fotos grandes no site, porque o arquivo fica muito pesado.
WebP: o formato moderno para a web
O WebP aceita compressão com ou sem perda e também transparência. Costuma gerar arquivos menores que o JPG e o PNG com aparência parecida, e os navegadores atuais o reconhecem.
- Use para: imagens de sites, no lugar de JPG e PNG, para a página carregar mais rápido. É o formato que eu uso nas imagens do meu site.
- Evite em: arquivos que você vai entregar a clientes, enviar para impressão ou usar como imagem de compartilhamento. Alguns programas e aplicativos ainda não o abrem ou não o leem bem.
SVG: o formato do logo
O SVG é vetorial: pode ser ampliado ao tamanho de um outdoor sem perder nitidez, geralmente pesa muito pouco e pode ser editado em programas de design.
- Use para: logotipos, ícones e ilustrações simples, principalmente em sites.
- Evite em: fotografias.
- Cuidado: abra apenas SVGs de fontes confiáveis, porque esse formato pode conter código.
PDF: impressão e documentos
O PDF guarda texto, vetores e imagens em um único arquivo e mantém o visual igual em qualquer computador. É o formato padrão para impressão e para enviar propostas e portfólios.
- Use para: materiais impressos, apresentações, propostas e catálogos.
- Para a gráfica: confirme com ela as especificações. Em geral, pedem fontes incorporadas ou convertidas em curvas, margem de sangria e cores em CMYK.
- Cuidado: um PDF com imagens pesadas fica grande demais para enviar por e-mail.
Qual formato usar em cada situação?
| Situação | Formato indicado |
|---|---|
| Fotos no site | WebP (ou JPG) |
| Logo no site | SVG (ou PNG com fundo transparente) |
| Imagem de compartilhamento do site | JPG |
| Posts para redes sociais | JPG ou PNG, nas medidas da plataforma |
| Material impresso | |
| Proposta ou portfólio por e-mail | PDF leve |
O que entregar ao cliente em um projeto de logotipo
Um bom pacote de entrega evita que o cliente precise pedir arquivos depois. O ideal é incluir:
- Arquivos vetoriais (SVG e PDF e, quando combinado, o arquivo aberto do programa de design).
- PNG com fundo transparente, em tamanhos diferentes.
- JPG com fundo branco, para usos simples.
- As versões colorida, em uma cor só e para fundo escuro.
Veja também o que influencia o valor de um logo em quanto custa criar um logotipo.
E as cores? RGB e CMYK
As telas usam o sistema de cores RGB, e a impressão usa o CMYK, por isso a mesma cor pode parecer diferente nos dois. Para saber mais sobre cores, leia como escolher a paleta de cores da sua marca.
Erros comuns
- Salvar o logo em JPG, com fundo branco, e depois precisar dele sobre outra cor.
- Ampliar um PNG ou JPG pequeno e esperar que fique nítido.
- Enviar WebP para a gráfica ou para o cliente.
- Esquecer de incorporar as fontes ao exportar o PDF.
- Enviar arquivos enormes por e-mail em vez de compactar ou usar um link.
Perguntas frequentes
Posso transformar um JPG ou PNG em vetor?Existem programas que tentam vetorizar automaticamente, mas o resultado costuma ser imperfeito em logotipos. O mais seguro é redesenhar o logo em vetor.
WebP é melhor que PNG?Para sites, geralmente sim, porque o arquivo fica menor. Para entregar a clientes ou imprimir, o PNG e o PDF continuam mais seguros.
Qual formato é melhor para o WhatsApp e o Instagram?JPG ou PNG, nas medidas que a plataforma indica. As plataformas também comprimem as imagens, então envie sempre o arquivo em boa qualidade.
Como saber se um arquivo é vetorial?Amplie bastante. Se as bordas continuam nítidas, é vetorial. Se aparecem quadradinhos ou borrões, é raster.
Precisa de arquivos preparados para o seu projeto? Me chame no WhatsApp e conte o que você precisa, ou veja exemplos no meu portfólio no Behance.
