JPEG
17,13 kB- Tamanho versus fonte
- 72,2%
- Diferença RGB média
- 0,6 / 255
- Pixels RGB alterados
- 94,037%
- Qualidade configurada
- 80%
Teste próprio reproduzível
JPEG, PNG e WEBP quando o navegador oferece suporte
Três arquivos exportados pelo editor real a partir da mesma imagem, sem ajustes nem redimensionamento. Compare o resultado visual, o tamanho e a diferença de pixels — sem transformar uma amostra em regra universal.
Resultados observados
Fonte PNG própria: 23,72 kB, 1200×800 px. Os percentuais abaixo comparam apenas o tamanho de cada saída com essa fonte.
PNG
30,59 kB- Tamanho versus fonte
- 129%
- Diferença RGB média
- 0 / 255
- Pixels RGB alterados
- 0%
- Qualidade configurada
- não se aplica
WEBP
8,65 kB- Tamanho versus fonte
- 36,5%
- Diferença RGB média
- 0,549 / 255
- Pixels RGB alterados
- 95,224%
- Qualidade configurada
- 80%
Como ler “pixels alterados”: JPEG e WEBP podem modificar muitos pixels por uma quantidade muito pequena. Por isso, o percentual de pixels alterados deve ser lido junto da diferença média por canal, e não como percentual de perda de qualidade.
JPEG
Útil para fotografias sem transparência. Neste teste, a saída a 80% ficou menor que a fonte PNG e alterou pixels por compressão.
PNG
Adequado quando transparência ou preservação exata dos pixels importa. Nesta imagem, foi a maior saída, mas reproduziu o RGB da fonte sem diferença.
WEBP quando o navegador oferece suporte
Pode produzir arquivos compactos para a web. Neste teste a 80%, foi a menor saída; isso não é uma garantia para outras imagens.
Método e limites
npm run dev -- --port 3218
npm run comparison:formats