Experiência original e condições de reprodução
O original é uma imagem de exemplo de produto gerada por IA fornecida pela Moyoutil. Esta não é uma foto original da câmera. PNG, 1254×1254 pixels, 1.611.701 bytes, sem áreas transparentes. Recodifiquei-o com toBlob no navegador Canvas sem alterar seu tamanho. Valores de qualidade de 60, 80 e 90 foram inseridos para JPEG e WebP, respectivamente, e nenhum valor de qualidade foi aplicado a PNG.
Esta fonte é fornecida como um exemplo comparativo de execução. Não transfere os arquivos do usuário e a execução abaixo os recalcula no navegador atual. Caso os valores sejam diferentes da tabela salva, verifique também as diferenças do codificador do navegador.
Número de bytes medidos e interpretação dos resultados
| Formato | Insira a qualidade | Bytes reais |
|---|---|---|
| PNG | Não aplicável | 2476565 |
| JPEG | 60 | 33329 |
| JPEG | 80 | 62518 |
| JPEG | 90 | 120497 |
| WEBP | 60 | 13816 |
| WEBP | 80 | 24234 |
| WEBP | 90 | 67034 |
Para esta entrada, WebP era menor que JPEG com o mesmo número de qualidade, mas esta não é uma comparação que mede qualidade igual. Os números de qualidade não têm o mesmo significado em cada formato e os resultados variam dependendo do conteúdo da imagem. As diferenças visuais requerem comparação direta, ampliando os arquivos resultantes com a mesma ampliação.
O novo salvamento do PNG é maior que o original, com 2.476.565 bytes. Salvar como PNG nem sempre reduz o tamanho. Esta medida registra o tamanho do arquivo e não é um experimento que avalia a superioridade ou inferioridade universal de algoritmos de compactação, precisão de cores ou índices de qualidade percebidos.
Execute novamente no meu navegador e compare em escala
Tente executá-lo diretamente sem um arquivo
Executa o código de processamento da ferramenta real com material de exemplo criado pelo site. Os resultados são atualmente calculados no navegador e nenhum dado de entrada é carregado no servidor.
exibe resultados e arquivos de exemplo.
Os exemplos não são dados ou desempenho reais do visitante. O tamanho do arquivo e o formato da fonte podem variar dependendo do navegador, dispositivo e fonte.
Abra uma comparação aproximada da imagem resultante, permitindo rolar pela imagem em seu tamanho real de pixel. Compare as bordas da mesma cena com áreas com mudanças suaves no brilho. O arquivo de download conterá os resultados codificados no formato que você selecionou. Todos os tamanhos originais são iguais, não assuma diferenças de qualidade com base em pequenas visualizações.
Notas de ação da API: MDN Canvas toBlob. Moyoutil verifica o tipo MIME do blob retornado, pois formatos não suportados podem voltar para PNG.
Perguntas frequentes
A qualidade 90 é 90% da qualidade original?
Não. Esses são os valores de configurações passados para o codificador do navegador. Isso não significa que JPEG e WebP com o mesmo número tenham a mesma qualidade.
Se eu mudar para PNG, a antiga perda de JPEG desaparecerá?
Não. Não é um recurso que restaura detalhes que já foram perdidos. A saída PNG pode ser maior que a original.