Curso de CSS 3
-
Introdução5 Tópicos|1 Teste
-
Sintaxe e Seletores5 Tópicos|1 Teste
-
Valores e Unidades4 Tópicos|1 Teste
-
Funções1 Tópico|1 Teste
-
Cores3 Tópicos|1 Teste
-
Longhand e Shorthand1 Tópico|1 Teste
-
Cascade2 Tópicos|1 Teste
-
Pseudo-classes1 Tópico|1 Teste
-
The Box Model4 Tópicos|1 Teste
-
Tipografia4 Tópicos|1 Teste
Participantes 867
Otimizar imagens ajudam no tempo de carregamento da sua página e também influenciam em como seu site é tratado pelas ferramentas de busca e ranqueamento, quanto mais performático, padronizado e seguindo as boas práticas, melhor ele será ranqueado.
por isso recomenda-se que você sempre utilize imagens do tamanho correto, por exemplo, se no seu site você tiver uma galeria que mostra imagens em 400px
por 400px
, se você adicionar uma imagem muito grande visualmente ela não vai ficar destorcida, mas irá demorar para carregar.
então o correto seria ter imagens 400px
por 400px
? não.
Telas de retina criadas pela amazon e hoje em dia utilizadas em outras tecnologias e empresa tem o dobro de densidade de pixels, por esse motivo as imagens nas telas de retina parecem mais detalhadas, e na verdade são. então nesse caso recomenda-se que você tenha imagens o dobro do tamanho esperado.
para telas normais não irá prejudicar e para telas de retina irá aparecer com qualidade perfeita.