A compressão de imagens reduz o tamanho do arquivo, mantendo a qualidade visual. Existem várias ferramentas disponíveis para compressão de imagem, páginas otimizadas SEO como o TinyPNG e Kraken.io. Reduzir o tamanho do arquivo de imagem pode diminuir significativamente o tempo de carregamento da página.
Arquivos PNG também são ideais para ícones e outros elementos desenhados em linha. Cada uma dessas imagens vem com certos prós e contras, que as tornam melhores para certos tipos de monitores, mas menos eficazes para outros. Use essa análise para executar sua página HTML e procure a regra “Minify HTML” .
Carregue imagens com lazy
Genki escreveu um ótimo artigo onde ele compara o tamanho do SVG vs PNG vs JPEG. Abaixo estão alguns tópicos do teste em que ele comparou os três diferentes tipos de imagem. Smush tem a opção de definir automaticamente largura e altura para todas as imagens, para que todas as suas imagens sejam redimensionadas para proporções idênticas. Alguns fornecem as ferramentas para realizar suas próprias otimizações e outros fazem o trabalho para você.
Ele também consegue digitalizar imagens que você já enviou e reduzi-las. Baixa compressão JPG – 590 KBAlta compressão JPG – 68 KBComo você pode ver, a primeira imagem acima é de 590 KB. Geralmente, é melhor se você puder manter o peso total de uma página da web com tamanho de 1 ou 2 MB. A segunda imagem, obviamente, parece horrível, mas também tem apenas 68 KB.
Ao escolher um formato de imagem, é importante considerar a qualidade necessária e o tamanho do arquivo. Quando se trata de otimização para mecanismos de busca , muitas vezes pensamos em palavras-chave e metadados, mas a verdade é que as imagens também são importantes. Se você deseja melhorar o desempenho do seu site nas pesquisas, é fundamental nomear, marcar e anotar suas imagens corretamente. Isso não só ajuda os buscadores a entenderem melhor sobre o conteúdo do seu site, mas também melhora a experiência do usuário.
Otimizar Imagens para a Web Estudo de Caso
Recorte o espaço em branco e recrie-o usando CSS para fornecer o espaçamento. É compatível com alguns dos plugins de mídia mais populares, como o WP All Import e o WPML. O Imsanity conecta-se ao WordPress imediatamente após o envio da imagem, mas antes do processamento do WordPress. Portanto, o WordPress se comporta exatamente da mesma maneira, mas será como se o colaborador tivesse redimensionado sua imagem para um tamanho razoável antes de fazer o upload. Solicite uma demo Obtenha uma demonstração personalizada de nossos poderosos recursos do painel de controle e de hospedagem.
Melhores práticas para nomear, marcar e anotar suas imagens para melhorar a SEO do seu site
Este é o processo de reduzir o tamanho do arquivo de uma imagem para que seja mais rápido carregar em seu site e menor para armazenar em sua conta. Extensões JPG são usadas para muitos tipos de imagens, mas são mais populares para criar versões compactadas de fotos. No entanto, o tamanho do arquivo ainda pode ser reduzido significativamente, sem afetar negativamente a imagem.
Existem várias opções disponíveis, como JPEG, PNG, GIF e WebP, cada uma com suas próprias vantagens e desvantagens. Ao entender os prós e contras de cada formato de imagem, você pode tomar decisões mais informadas sobre as imagens que usa em seu site. A otimização de imagens consiste em reduzir o tamanho do arquivo de suas imagens o máximo possível, sem sacrificar a qualidade, para que o tempo de carregamento da página permaneça baixo. Ou seja, fazer com que suas imagens de produtos e imagens decorativas sejam classificadas no Google e em outros mecanismos de busca de imagens e obtenha um ranking mais alto.