Formatos de imagem: comparação entre WebP, PNG, JPG e SVG
Escolher o formato de imagem errado pode aumentar o tempo de carregamento da página ou deixar os gráficos borrados. Veja como os formatos modernos da web se comparam em compressão, transparência e nitidez.
Os arquivos são processados localmente no navegador com WebAssembly e APIs HTML5. Eles não saem do seu dispositivo, portanto não há envio para servidores nem armazenamento de arquivos por terceiros.
Comece a converter imediatamente no seu dispositivo, sem espera pelo envio, fila de downloads ou limitação imposta por um servidor remoto.
Use todas as ferramentas disponíveis sem criar uma conta, pagar por um plano ou atingir um limite artificial de tamanho de arquivo. Converta quantas vezes o seu navegador e dispositivo permitirem.
Comparação de formatos e especificações técnicas
| Formato de Saída | Tipo MIME | Especificação | Tipo |
|---|---|---|---|
| PNG Imagem | image/png | W3C-PNG | Gráficos Portáteis de Rede |
| JPG Imagem JPEG | image/jpeg | ITU-T-T81-JPEG | Imagem do Joint Photographic Experts Group |
| WebP Imagem | image/webp | RFC-6386-VP8 | Formato de imagem WebP do Google |
| SVG Imagem vetorial | image/svg+xml | W3C-SVG | Gráficos Vetoriais Escaláveis |
| HEIC Foto | image/heic | ISO-IEC-23008-12-HEIF | Contêiner de imagem de alta eficiência |
| AVIF Imagem | image/avif | AOMEDIA-AV1-AVIF | Formato de arquivo de imagem AV1 |
| PSD Documento do Photoshop | image/vnd.adobe.photoshop | ADOBE-PSD-SPEC | Documento do Adobe Photoshop |
| PSB Documento grande do Photoshop | image/vnd.adobe.photoshop | ADOBE-PSD-SPEC | Documento de grande formato do Adobe Photoshop |
| WMF Metarquivo do Windows | image/x-wmf | MS-WMF-SPEC | Formato vetorial de metarquivo do Windows |
| EMF Metarquivo avançado | image/x-emf | MS-EMF-SPEC | Formato vetorial de metarquivo avançado |
| JFIF Imagem | image/jpeg | ITU-T-T81-JPEG | Formato de intercâmbio de arquivos JPEG |
| TGA Truevision | image/x-tga | TGA-SPEC | Gráfico raster avançado Truevision |
| PCX ZSoft | image/x-pcx | PCX-SPEC | Bitmap do ZSoft Paintbrush PCX |
| PDF Documento | application/pdf | ISO-32000-2 | Formato de Documento Portátil |
Especificações técnicas e análise de codecs
Regra rápida para escolher o formato
Use WebP ou AVIF em sites modernos (os arquivos ocupam 30% menos espaço que JPEG e oferecem suporte a transparência). Use JPG para fotos em que pequenos artefatos imperceptíveis causados pela compressão não sejam um problema. Use PNG para capturas de tela, gráficos de interface e ilustrações que exijam texto nítido em nível de pixel. Use SVG para logotipos e ícones que precisem ser ampliados ou reduzidos sem perda de qualidade.
Raster vs. vetor: por que SVG nunca fica borrado
Imagens rasterizadas (JPG, PNG, WebP) são grades de pixels com cores fixas. Ao ampliar demais, elas ficam borradas ou pixelizadas. O SVG usa uma descrição matemática: armazena linhas, curvas e cores para que ícones e ilustrações sejam renderizados com nitidez em qualquer tamanho de tela, de celulares a monitores 8K, e ocupem pouco espaço.
Mito: DPI maior significa melhor qualidade de imagem na web
DPI (pontos por polegada) serve apenas como instrução para impressão física e é ignorado pelos navegadores. Em celulares e monitores, a nitidez da imagem depende das dimensões em pixels (por exemplo, 1920x1080) e da densidade da tela, não dos metadados DPI incorporados.
Transparência Alfa: PNG vs. WebP
O JPG tradicional não oferece suporte à transparência: fundos transparentes ficam totalmente brancos ou pretos. O PNG foi pioneiro na transparência alfa de 8 bits sem artefatos, mas o WebP oferece a mesma qualidade de transparência usando até 40% menos espaço.
0 bytes enviados a servidores externos. Todo o processamento ocorreu localmente no ambiente isolado do navegador.