Guias de formatos
Guias claros e práticos sobre os principais formatos de imagem: como comprimem, transparência, animação, suporte nos navegadores e quando usar cada um.
- JPGJoint Photographic Experts Group (JPEG)
O que é JPG?
JPEG (JPG) é o formato de imagem mais usado para fotografias. Sua compressão com perdas deixa as fotos leves o suficiente para a web, o e-mail e as câmeras, mantendo-as quase idênticas ao original.
Ler guia - JFIFJPEG File Interchange Format
O que é JFIF?
JFIF (JPEG File Interchange Format) é a forma padrão de empacotar imagens comprimidas em JPEG em um arquivo. Um arquivo .jfif é uma imagem JPEG comum com outra extensão.
Ler guia - PNGPortable Network Graphics
O que é PNG?
PNG (Portable Network Graphics) é um formato de imagem sem perdas com suporte completo a transparência. É a escolha padrão para gráficos, logotipos, capturas de tela e imagens com texto.
Ler guia - WEBPWebP
O que é WEBP?
WebP é um formato de imagem moderno desenvolvido pelo Google. Suporta compressão com e sem perdas, transparência e animação, e costuma ser 25–35% menor que o JPEG com qualidade semelhante.
Ler guia - AVIFAV1 Image File Format
O que é AVIF?
AVIF (AV1 Image File Format) é o formato de imagem amplamente suportado mais eficiente. Baseado no codec de vídeo AV1, livre de royalties, costuma ser 30–50% menor que o JPEG com qualidade semelhante e suporta transparência, HDR e animação.
Ler guia - GIFGraphics Interchange Format
O que é GIF?
GIF (Graphics Interchange Format) é um formato de imagem de 1987 conhecido principalmente por animações curtas em loop. Cada quadro é limitado a uma paleta de 256 cores.
Ler guia - BMPBitmap Image File
O que é BMP?
BMP (bitmap) é um formato de imagem simples do Microsoft Windows, geralmente sem compressão. É sem perdas, mas gera arquivos muito grandes.
Ler guia - TIFFTagged Image File Format
O que é TIFF?
TIFF (Tagged Image File Format) é um formato flexível e de alta qualidade usado em impressão, digitalização, fotografia e arquivamento.
Ler guia - ICOWindows Icon
O que é ICO?
ICO é o formato de ícones do Windows. Um único arquivo .ico guarda o mesmo ícone em vários tamanhos, por isso ainda é usado para os favicons dos sites.
Ler guia - SVGScalable Vector Graphics
O que é SVG?
SVG (Scalable Vector Graphics) descreve imagens com formas, caminhos e texto em XML, então elas ficam perfeitamente nítidas em qualquer tamanho.
Ler guia - HEICHigh Efficiency Image Container (HEIF)
O que é HEIC?
HEIC é o formato High Efficiency Image usado por iPhones e iPads desde o iOS 11. Ele armazena fotos em até metade do espaço do JPEG, mas muitos dispositivos e sites não conseguem abri-lo.
Ler guia
Comparativo de formatos de imagem
A versão resumida. Cada guia vai mais a fundo.
| Formato | Compressão | Transparência | Animação | Suporte nos navegadores | Ideal para |
|---|---|---|---|---|---|
| JPG | Com perdas | Não | Não | Universal | Fotos, compartilhar em qualquer lugar |
| PNG | Sem perdas | Sim | Sim | Universal | Gráficos, capturas de tela, transparência |
| WEBP | Com e sem perdas | Sim | Sim | Todos os navegadores modernos | Imagens web de todo tipo |
| AVIF | Com e sem perdas | Sim | Sim | Todos os navegadores modernos | As imagens web modernas mais leves |
| GIF | Sem perdas | Só 1 bit | Sim | Universal | Animações curtas e simples |
| JFIF | Com perdas | Não | Não | Universal | Igual ao JPG (extensão antiga) |
| HEIC | Com perdas | Sim | Sim | Limitado | Fotos do iPhone |
| TIFF | Com e sem perdas | Sim | Não | Limitado | Impressão, digitalização, arquivamento |
| BMP | Sem perdas | Sim | Não | Universal | Softwares antigos do Windows |
| ICO | Sem perdas | Sim | Não | Universal | Favicons e ícones do Windows |
| SVG | Vetorial | Sim | Sim | Universal | Logotipos, ícones, ilustrações |