Meu Carrinho 0

Como Otimizar as Imagens do Seu WebSite

Como Otimizar as Imagens do Seu WebsiteImagens 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 com abertura mais rápida. Há muitas maneiras de otimizar uma página web. A única maneira que irá melhorar a sua velocidade a mais é fazendo seus gráficos tão pequeno quanto possível.

Uma boa regra é tentar manter as imagens individuais até 12KB e o tamanho total da sua página web, incluindo todas as imagens, HTML, CSS e JavaScript não deve ser maior do que 100 KB, e idealmente não mais do que 50KB.

A fim de tornar seus gráficos tão pequeno quanto possível, você precisa ter software gráficos para editar suas imagens. Você pode obter um editor de gráficos ou usar uma ferramenta on-line como o Photoshop Express Editor.

Aqui estão algumas dicas para avaliação de suas imagens e tornando-os menores:

A imagem está no formato certo?

Existem apenas três formatos de imagem para a Web: GIF, JPG e PNG. E cada um tem uma finalidade específica.

  • GIF-Use o formato GIF para imagens coloridas planas. Estas são as 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 precisa que suas imagens sejam exibidas em dispositivos móveis. Eles são bons para ambos cor lisa e imagens fotográficas. É uma boa prática guardar as suas imagens como PNG e tanto ou JPG ou GIF e use a versão que é menor.
Quais são as dimensões da imagem?

Uma maneira fácil de fazer suas imagens ficarem menores é fazer exatamente isso, torná-las menores. A maioria das câmeras tiram fotos que são muito maiores do que a média das páginas web podem exibir. Ao alterar as dimensões para algo em torno de 500 x 500 pixels ou menor, você irá criar uma imagem menor.

A imagem está cortada?

A próxima coisa que você deve fazer é se certificar de que a imagem é cortada tão firmemente quanto possível. Quanto mais você cortar fora partes da imagem menor ela ficará. O corte também ajuda a definir o assunto da imagem, removendo fundos estranhos.

Quantas cores o seu GIF usa?

GIFs são imagens a cores planas, e que incluem um índice de cores que estão presentes na imagem. No entanto, um índice de GIF pode incluir mais cores do que são realmente exibidas. Ao reduzir o índice para apenas as cores da imagem, você pode reduzir o tamanho do arquivo.

Para qual ajuste de qualidade sua JPG está definida?

As JPGs tem uma definição de qualidade de 100% para 0%. Quanto menor a definição de qualidade menor o arquivo será. Mas tenha cuidado. A qualidade afeta a forma como a imagem parece. Então, escolha uma configuração de qualidade que não seja muito pequena, enquanto ainda mantém o tamanho do arquivo baixo.

Comentários

  • […] No geral use imagens entre 10-12KB. Claro que isto dependendo do perfil do seus visitantes. Com o tempo também a velocidade da banda larga está subindo então você pode revisar constantemente este tamanho. Mas páginas lentas ainda são algo realmente irritante, mesmo que você esteja em uma conexão T1.  Imagens enormes são a principal causa de páginas lentas. É fácil otimizar suas imagens. […]

Deixe uma resposta