Como o conversor de imagem funciona
O Conversor JPG ↔ PNG ↔ WebP da ModelosHub é uma ferramenta 100% client-side: você seleciona as imagens, escolhe o formato de saída e a qualidade, e o navegador faz toda a conversão localmente. Nenhum byte das suas fotos sai do seu computador. Não há upload, não há servidor de processamento intermediário e não há custo de banda — apenas a Canvas API nativa do seu próprio navegador trabalhando.
Por baixo dos panos, cada arquivo passa por três etapas: leitura via FileReader ou URL.createObjectURL, renderização em um elemento <canvas> e exportação no formato escolhido através do método canvas.toBlob(callback, mime, quality). O parâmetro de qualidade só tem efeito em formatos com compressão com perdas (JPEG e WebP); PNG é sempre lossless e o slider é ignorado nesse caso, como informa a interface.
O suporte ao formato WebP é praticamente universal hoje: Chrome, Firefox, Edge e Safari (a partir do macOS Big Sur / iOS 14) escrevem e leem WebP sem plugin. Para navegadores muito antigos, o fallback recomendado é manter o JPG.
Algoritmo de conversão
O fluxo técnico, em pseudocódigo, é:
const img = new Image();
img.src = URL.createObjectURL(file);
await img.decode();
const canvas = document.createElement('canvas');
canvas.width = img.naturalWidth;
canvas.height = img.naturalHeight;
canvas.getContext('2d').drawImage(img, 0, 0);
canvas.toBlob(blob => {
const url = URL.createObjectURL(blob);
// baixar
}, mime, quality / 100);Note que ao converter um PNG transparente para JPG a transparência é perdida — o fundo vira preto por padrão. Se você precisar preservar transparência, escolha PNG ou WebP como saída.
Exemplos práticos de conversão
- Foto de produto em PNG (4 MB) → WebP qualidade 85% → resultado típico de 280 KB a 450 KB (redução de 88-93%).
- Screenshot JPG (1.2 MB) → PNG → tamanho final maior (2-3 MB), porém sem artefatos de compressão.
- Banner promocional WebP → JPG qualidade 90% → compatível com clientes de e-mail antigos que não renderizam WebP.
- Lote de 30 fotos JPG → WebP 80% → economia média de 35% em peso, ideal para galeria web.
Quando usar cada formato
JPG (JPEG) continua sendo a melhor escolha para fotografias, imagens com gradientes suaves e cenas naturais. Não suporta transparência. Use qualidade entre 75% e 85% para o melhor equilíbrio entre nitidez e peso.
PNG é indicado para ícones, logos, capturas de tela, ilustrações com áreas chapadas e qualquer imagem que precise de canal alfa (transparência). É lossless, então não perde qualidade, mas costuma gerar arquivos maiores que JPG e WebP.
WebP é o moderno coringa: comprime tão bem quanto JPG (ou melhor), suporta transparência como o PNG e ainda permite animação como o GIF. Para sites novos, exportar tudo em WebP é a recomendação atual do Google PageSpeed e do Core Web Vitals.
Cuidados ao converter imagens
Conversão em lote economiza tempo, mas existem armadilhas. Converter um JPG já comprimido para outro JPG com qualidade menor faz a imagem perder nitidez (recompressão). Sempre que possível, mantenha um arquivo-mestre em PNG ou TIFF e gere os JPG/WebP a partir dele.
Outro ponto: imagens muito grandes (acima de 8000×8000 pixels) podem estourar o limite de tamanho de canvas em alguns navegadores móveis — Safari iOS, por exemplo, tem um limite histórico de 16 megapixels. Se o resultado vier em branco ou cortado, redimensione a imagem antes.
Por fim, lembre-se de que metadados EXIF (data, GPS, modelo da câmera) são removidos nessa conversão — o que é ótimo para privacidade, mas pode ser indesejável em fluxos profissionais de fotografia.
Perguntas frequentes
O WebP funciona no Safari antigo?
O Safari só passou a suportar WebP nativamente no macOS Big Sur (11) e iOS 14, lançados no fim de 2020. Em versões anteriores a imagem não exibe — mantenha um fallback JPG para usuários muito antigos. Em 2026, mais de 96% dos navegadores em uso já suportam WebP.
Por que meu PNG ficou maior depois da conversão?
Se você converteu um JPG para PNG, o aumento é esperado: PNG é lossless e precisa armazenar toda a informação de cada pixel sem compressão com perdas. Para diminuir o peso, converta para WebP ou volte para JPG.
Posso converter HEIC do iPhone aqui?
Depende do navegador. Safari no Mac e iOS decodifica HEIC nativamente; Chrome e Firefox no Windows e Linux, não. Se a imagem não abrir, use o iPhone para exportar como JPG antes (Ajustes → Câmera → Formatos → Mais Compatível).
A qualidade do slider afeta o PNG?
Não. PNG usa compressão sem perdas (DEFLATE), então o parâmetro de qualidade é simplesmente ignorado pelo navegador. Para reduzir um PNG, a saída precisa ser JPG ou WebP.
Meu arquivo tem 50 MB, dá para converter?
Em desktop moderno, sim — desde que a imagem não exceda o limite de pixels do canvas. Em celular pode travar. Para arquivos muito grandes recomendamos redimensionar antes para no máximo 4000 pixels no lado maior.
As imagens são enviadas para algum servidor?
Não. Esta ferramenta usa exclusivamente Canvas API e Blob URLs no próprio navegador. Você pode desconectar a internet depois que a página carregar e ela continuará funcionando.