DICAS

Como veicular imagens no formato WebP NextGen no Blogger Blog (2021)

13views

Como veicular imagens no formato WebP NextGen no Blogger Blog 2021

O Google lança suas principais atualizações vitais da web para todos os sites. Posso ver muitos sites tirando proveito do tema e, ao mesmo tempo, muitos sites caindo e caindo. A ferramenta Google PageSpeed ​​Insights recomenda o servidor de imagens nextGen. Neste artigo, discutiremos como podemos veicular a imagem nextGen no blog do Blogger.

Veicular imagens NextGen WebP em um blog do Blogger em 2021.

Você pode servir as imagens da próxima geração para um site WordPress com a ajuda de plug-ins. Infelizmente, o blog do Blogger não oferece suporte a plug-ins, mas é apoiado por um poderoso servidor de imagens do Google. O servidor de imagens do Google pode servir as imagens webP, independentemente do formato do arquivo carregado.

Veicule o Blogger de imagens NextGen WebP.

O Blogger tem um poderoso servidor de imagens do Google. Isso pode servir a quase todo tipo de imagem de acordo com o pedido.

Como você pode fazer upload de uma imagem webP para o Blogger?

Você pode fazer upload de imagens JPG, JPEG, PNG para o blog do Blogger. O Blogger converte automaticamente esses arquivos para o formato webP. Vamos entender como solicitar a imagem nextGen do Blogger: Para isso, você deve fazer upload de um arquivo de imagem para o painel do Blogger, conforme mostrado abaixo.

Agora mude o modo HTML usando o modo de edição e clique no botão editar (lápis) no canto superior esquerdo. Selecione o modo HTML para converter para a imagem do Blogger no formato webP NextGen.

Você verá um código semelhante ao mostrado acima. Você tem que editar o link da fonte da imagem que é a tag.

Você pode exibir diferentes tamanhos e formatos de imagens usando o servidor de imagens do Google. Para executar esta ação, altere o valor em tamanho fornecido no código src na tag. Na imagem acima, o tamanho declarado é s640, o que significa que uma imagem de tamanho médio servirá, altere s640 para s320 para tamanho de imagem pequeno. Altere os valores do tamanho de acordo com sua necessidade.

servidor nextgen webp imagens blogger

Usando este valor -rw na imagem, você pode veicular as próximas imagens webp para o Blogger. Basta alterar s320 para s320-rw ou alterar s640 para s640-rw. Você deve adicionar -rw após o valor do tamanho da imagem para webP.


Agora atualize sua postagem, a imagem agora convertida e veiculada no formato webP. Você pode verificar arrastando a imagem na tela do desktop.


Siga a etapa acima sempre que carregar uma nova imagem no Blogger e converta-a para o formato WebP NextGen.


Seu tema não é compatível com o formato webP?

Cada imagem que você ocultar servirá como uma imagem webP. Mas, seu tema do Blogger é capaz de lidar com solicitações de imagem webP?


Isso criaria alguns problemas com o seu tema, pois alguns gadgets podem não ser visíveis. Tudo porque o tema do Blogger que você está usando não é compatível com webP nextGen.


Para resolver esse problema, edite o tema do Blogger e altere o arquivo de função do tema principal (um arquivo js longo que geralmente é encontrado logo antes da tag </body>).


Você pode adicionar algumas atualizações ao seu modelo ou tema do blogger. Estes são.


substituir (‘/ s72-c’, ‘/ s680’)

Substitua o código acima pelo código a seguir.


substituir (‘/ s72-c’, ‘/ s680-rw’). substituir (‘/ s72-rc’, ‘/ s680-rw’)

Você deve seguir isso para todos os códigos semelhantes no arquivo de função principal. Se você estiver usando um tema gratuito do Blogger, será necessário descriptografar o arquivo do tema.


Se você não sabe como fazer isso? Você pode usar nosso tema do Blogger compatível com imagens WebP para o blog do Blogger. Este tema servirá todas as imagens de widget no formato webP. Mas para a imagem dentro das postagens, você deve seguir o método -rw para cada imagem que enviar.


Espero que tenha gostado deste artigo sobre imagens webP NextGen para o blog do Blogger. Em caso de dúvida, fique à vontade para perguntar na seção de comentários abaixo.

Leave a Response

Verified by ExactMetrics