As imagens da Web ocupam a maior parte do tempo de download na maioria das páginas da web. Mas se você otimizar suas imagens da web, você terá um site de carregamento mais rápido. Existem muitas maneiras de otimizar uma página da web. O one-way que melhorará sua velocidade é fazendo seus gráficos tão pequenos quanto possível.
Uma boa regra é tentar manter imagens individuais não maiores que 12KB e o tamanho total de sua página da Web, incluindo todas as imagens, HTML, CSS e JavaScript não deve ser maior do que 100KB e, idealmente, não mais do que 50KB.
Para tornar seus gráficos o menor possível, você precisa ter um software gráfico para editar suas imagens. Você pode obter um editor de gráficos ou usar uma ferramenta online como o Photoshop Express Editor.
Aqui estão algumas dicas para avaliar suas imagens e torná-las menores:
A imagem está no formato correto?
Existem apenas três formatos de imagem para a web: GIF, JPG e PNG. E cada um deles tem um propósito específico.
- GIF- Use o formato GIF para imagens em cores planas. Estas são imagens com apenas algumas cores.
- JPG- Use o formato JPG para imagens fotográficas. Estas são imagens com milhões de cores.
- PNG- Use o formato PNG se você não precisar que suas imagens sejam exibidas em dispositivos móveis. Eles são bons para cores planas e imagens fotográficas. É melhor salvar suas imagens como PNG e JPG ou GIF e depois usar a versão menor.
Quais são as dimensões da imagem?
Uma maneira fácil de tornar suas imagens menores é fazer exatamente isso, torná-las menores. A maioria das câmeras tira fotos muito maiores do que a média da página da Web pode exibir. Alterando as dimensões para algo em torno de 500 x 500 pixels ou menor, você criará uma imagem menor.
A imagem é cortada?
A próxima coisa que você deve fazer é se certificar de que a imagem é cortada o mais forte possível. Quanto mais você cortar a imagem, menor será. O corte também ajuda a definir o assunto da imagem removendo fundos estranhos.
Quantas cores seu GIF usa?
Os GIFs são imagens de cores planas e incluem um índice das cores presentes na imagem. No entanto, um índice GIF pode incluir mais cores do que realmente são exibidas. Ao reduzir o índice para apenas as cores da imagem, você pode reduzir o tamanho do arquivo.
Qual configuração de qualidade o seu JPG está definido?
Os JPGs têm uma configuração de qualidade de 100% até 0%. Quanto menor a configuração de qualidade, menor será o arquivo. Mas tenha cuidado. A qualidade afeta a aparência da imagem. Portanto, escolha uma configuração de qualidade que não seja muito feia, mantendo o tamanho do arquivo baixo.