Índice
Os seres humanos são criaturas visuais e os estudos confirmam esse facto. Após apenas três dias, as taxas de retenção de texto situam-se entre os 10% e os 20%, mas as taxas de retenção de imagens podem atingir os 65%. O cérebro recebe 90% da informação visual e processa-a 60 000 vezes mais depressa. Sem dúvida, os elementos visuais desempenham um papel fundamental no envolvimento do sítio Web.
No entanto, é preciso muito mais do que apenas escolher algumas imagens e colocá-las no seu site. Imagens pesadas consomem muita largura de banda, diminuindo a velocidade de carregamento da página. Os motores de busca vão notar o desempenho lento e penalizá-lo com uma classificação baixa.
O nosso artigo mostra-lhe seis formas diferentes de optimizar imagens para um melhor desempenho na Web em 2021.Sugestões de optimização de imagens para um melhor desempenho na Web em
Digamos que concebe sítios Web para organizações sem fins lucrativos e que gosta de utilizar muitas imagens para mostrar o seu trabalho. Os doadores, patrocinadores e outras partes interessadas utilizam essas informações como base para um apoio contínuo. No entanto, se não optimizar as imagens, a experiência do utilizador e o envolvimento serão prejudicados. O maior problema será o carregamento lento das páginas e as respostas de tempo limite.
A optimização de imagens refere-se a todas as medidas tomadas para reduzir o tamanho, o formato ou a resolução dos ficheiros, sem comprometer a qualidade das imagens.
Vejamos algumas das suas opções.
Ilustração da campanha de marketing por Deemak Daksina
1. comece com uma auditoria de optimização de imagem
Uma auditoria de optimização de imagem fornecerá informações relevantes sobre os pontos a melhorar.
Comece por fazer um inventário das imagens que tem no seu sítio Web. Testes relevantes diagnosticarão quaisquer problemas que precise de resolver.Por exemplo, a auditoria pode mostrar que tem demasiadas imagens. Também mostrará a formatação das imagens e permitir-lhe-á determinar o próximo curso de acção. Por exemplo, remover ou alterar os formatos de ficheiro pode melhorar significativamente a velocidade de carregamento da página.
2. escolher o formato correcto para as imagens
Os ficheiros de imagem existem em diferentes formatos. Estes são os três tipos mais comuns de formatos de imagem para aplicações Web que precisa de conhecer:
- O PNG tem a vantagem de ser uma imagem de alta qualidade. Infelizmente, para o conseguir, o tamanho do ficheiro é muito grande. Funciona bem para imagens e logótipos simples e permite uma compressão sem perdas.
- Os JPEGs são os mais comuns na maioria dos sítios Web. São excelentes para imagens complexas e coloridas. No entanto, é necessário ter cuidado ao comprimir imagens JPEG, uma vez que pode ocorrer perda de nitidez, quanto mais pequena for a imagem. Algumas pessoas referem-se a esta situação como lossy.
- O GIF funciona para animações, ícones pequenos e imagens de baixa resolução. Permite uma compressão sem perdas, mas só pode utilizar até 256 cores.
Guardar ícones por Andreas Storm
3. redimensionar e comprimir as imagens
Talvez tenha reparado que as imagens parecem carregar pouco a pouco. Passará algum tempo antes de conseguir ver a imagem completa; um sinal de que as imagens são provavelmente demasiado pesadas. Redimensionar ou comprimir resolverá o problema.
Tenha em atenção que não deve carregar quaisquer imagens antes de as optimizar e, para obter a melhor qualidade, procure que os ficheiros tenham entre 1 e 2 MB.Utilize a ferramenta de recorte para redimensionar as imagens, o que ajuda a reduzir o tamanho do ficheiro, resultando numa melhor velocidade de carregamento da página. Tem imensas ferramentas disponíveis para utilizar.
A compressão de imagens ajuda a reduzir o tamanho do ficheiro, mas pode distorcer a imagem se a comprimir em demasia. A compressão reduzida pode ser ideal se pretender manter a qualidade da imagem; no entanto, não reduz significativamente o tamanho.
Veja também: Como desenhar um diamanteTipos de compressões
Existem dois conceitos que já mencionámos anteriormente, compressão sem perdas vs. compressão com perdas.
- A compressão sem perdas mantém a qualidade da imagem ao mesmo tempo que remove metadados desnecessários.
- A compressão com perdas reduz o tamanho do ficheiro ao eliminar alguns dos elementos, podendo comprometer a qualidade da imagem. No entanto, poderá não notar a diferença, pelo que pode ser uma excelente forma de comprimir imagens.
O editor de imagens correcto ajudá-lo-á a determinar qual a compressão mais adequada para si.
4. optimização de imagem Mobile-first
As imagens devem ter o mesmo aspecto em qualquer dispositivo móvel e em qualquer dispositivo de secretária. Uma enorme quantidade de tráfego da Internet é proveniente destes dispositivos.
Se os utilizadores não estiverem envolvidos com uma boa experiência de utilizador quando utilizam dispositivos móveis, irá perdê-los.
Considere a possibilidade de optimizar as imagens para dispositivos móveis. Se ficarem bem num ecrã pequeno, ficarão fantásticas num computador de secretária ou portátil.Optimização ASO por Abbi_Kerimov
5. nomes de ficheiros e o seu impacto na SEO
A optimização de imagens também exige que preste atenção à forma como nomeia os ficheiros. Todas as acções que realiza devem ter como objectivo melhorar a visibilidade nos motores de busca. Quando carrega ou tira uma fotografia, o dispositivo atribui-lhe automaticamente um nome de ficheiro. Este nome é normalmente composto por códigos ou números aleatórios. Pode parecer algo como 2224444.jpg.
Carregar a imagem tal como está no seu sítio Web não ajudará em nada os motores de busca.
Facilite a localização do seu site por parte dos motores de busca, atribuindo etiquetas descritivas a cada imagem. Incorpore palavras-chave relevantes que forneçam informações sobre a sua empresa ou site.6) Considerar a utilização de carregamento lento
O carregamento preguiçoso de imagens é exactamente o que o nome sugere. Em vez de toda a imagem ser carregada de uma só vez, esta vai-se desdobrando. A imagem continua a ser carregada à medida que o visitante online percorre a página.
O carregamento lento revela apenas o que é relevante nesse momento. Acabará por poupar na largura de banda porque não estará a utilizar recursos desnecessários.
Carregando... por Dona
Veja também: Como guardar os seus ficheiros no VectornatorConsiderações finais
O desempenho da Web é um factor crítico de classificação utilizado pelos motores de busca. O Google penalizará o seu site se a velocidade de carregamento da página for baixa.
Muitos factores determinam a velocidade das páginas, e a utilização de imagens ocupa uma das primeiras posições. Se não optimizar as imagens, o desempenho da Web será prejudicado. As páginas serão carregadas lentamente e a experiência e o envolvimento do utilizador não serão bons.
Escolha o formato de imagem correcto e, em seguida, utilize técnicas como o redimensionamento e a compressão para reduzir o tamanho do ficheiro. Agende testes de página regulares e auditorias ao sítio para verificar o desempenho do sítio.