Notas sobre formatos de imagem, compressão e tudo o que dá para fazer no navegador.
PNG é ótimo para editar e um desperdício para publicar. Aqui está o que o WebP realmente economiza, onde ele não muda nada e a única regra que eu nunca quebro.
"Seus arquivos nunca saem do seu dispositivo" é uma arquitetura, não uma frase de marketing. Aqui está como o WASM faz a conversão bem no seu navegador, e o único limite real que ele tem.
Um SVG escala para sempre e continua minúsculo, então rasterizar parece um retrocesso. Às vezes é. Aqui está quando você de fato precisa de pixels PNG a partir de um vetor, e quando deixar o SVG em paz.
Um print de um dashboard quase vazio não tem motivo para ter 2 MB. Aqui está por que o PNG faz isso com você, e como converter para WebP corta 60–90% sem nada visível se perder.
O AVIF costuma ganhar do WebP no tamanho, às vezes por 20% ou mais. Aqui está o que essa compressão extra custa em tempo de codificação e casos-limite, e quando eu ainda escolho WebP.
Sem perdas contra com perdas, bordas contra fotografias, transparência contra nenhuma. Uma pergunta simples diz qual formato um arquivo deve ser — com uma tabela de tamanho real para provar.
HEIC é um formato de verdade melhor que metade da web ainda não consegue abrir. Aqui está por que a Apple escolheu ele, o que você de fato perde ao converter para JPG e quando eu não me incomodo.