Como converter o formato de imagem para WebP no novo Blogger

Blogger, ou Blogspot, se transforma em uma plataforma moderna que enfatiza a compatibilidade com dispositivos móveis. Ele está modernizando ativamente seu núcleo para criar um poderoso sistema de gerenciamento de conteúdo. 

Consequentemente, os usuários podem notar uma grande atualização no formato do URL da imagem. Você também pode ver que suas imagens, incluindo WebP, serão veiculadas no formato JPG por padrão.

Anteriormente, o antigo Blogger permitia que você carregasse diretamente o WebP no servidor. Além disso, as imagens serão exibidas de acordo com o formato original. Se você fizer upload de PNG e WebP, o servidor servirá as imagens nesses formatos. Atualmente, o Blogger converte automaticamente suas imagens para JPG.

Você ainda pode veicular imagens no formato WebP no Blogger . Existe uma opção oculta que permite fazer isso ajustando um pouco o URL da imagem. No entanto, antes de nos aprofundarmos nisso, você precisa ver a diferença de URL primeiro.

Diferença entre o URL da imagem do Blogger antigo e o novo

No Blogger antigo, sua imagem é armazenada usando a seguinte estrutura de URL:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGPUJcBGOv7rFV04K5c3D3gBT_JgbzYO7Fl_Ytj7CrrGwuvX7nNCCmcHxcPS8MccQuPhXQ6f9nGAwAv19wAsn6b1pF3jRQq3ohXHiX9RJy1fFAE2Dc_SjXVK_Wm06EkNciDK8nynp387Cc/s1920/how-to-solve-site-behavior-navigation.png

Enquanto isso, o novo Blogger veiculará sua foto usando a seguinte estrutura de URL:

https://blogger.googleusercontent.com/img/a/AVvXsEiA0iT7b3CjFAfZ1FuZbrb5-GKQkrBUw0sYAYvhj0dgK84nwDaI_jROYBqJTTDxRM6r6oekcVywqTTqK1XPrSivbZVpsGVGZx2zsHUFUOZlNGLrTQgsxZ6f3npRZv8T7LUhyu_fRvgd2ZazwlrMj_D9_cPhf8in3Sz2DLxdNSq2wgczghA3GK1zXTga1A=s1280

 

Seu URL pode parecer um pouco diferente, dependendo da sua imagem. No entanto, você ainda pode ver claramente a diferença. O antigo Blogger usa https://1.bp.blogspot.com, enquanto a versão mais recente usa https://blogger.googleusercontent.com/img/.

O antigo URL do Blogger mostra claramente sua extensão de imagem. O exemplo acima, ele vem no formato PNG.

Para o novo URL de imagem do Blogger, você pode notar que ele não possui a extensão de formato. Não mostra claramente que tipo de imagem é. Ele será servido no formato JPG por padrão se você abri-lo.

A imagem acima mostra que as imagens do novo Blogger são veiculadas no formato JPG. Você pode inicialmente carregar a imagem em PNG ou WebP. Mas, o servidor ainda o servirá com força em JPG.

Como resultado, seu blog pode não ser otimizado para velocidade! Afinal, você deseja exibir uma imagem nítida no menor tamanho possível.

Como exibir a imagem WebP no novo formato de URL do Blogger!

Para veicular WebP no novo Blogger, você deve alterar manualmente o URL da imagem. É um pouco trabalhoso, mas é muito simples. Você só precisa localizar o URL da imagem em sua postagem e colocar -rw no final do URL

Por exemplo, o seguinte URL está servindo imagem no Web

https://blogger.googleusercontent.com/img/a/AVvXsEiA0iT7b3CjFAfZ1FuZbrb5-GKQkrBUw0sYAYvhj0dgK84nwDaI_jROYBqJTTDxRM6r6oekcVywqTTqK1XPrSivbZVpsGVGZx2zsHUFUOZlNGLrTQgsxZ6f3npRZv8T7LUhyu_fRvgd2ZazwlrMj_D9_cPhf8in3Sz2DLxdNSq2wgczghA3GK1zXTga1A=s1280-rw

Você notará que eu simplesmente coloco -rw no final da URL após o tamanho da imagem. É simples assim!

Você pode experimentar você mesmo, baixar a imagem ou verificá-la no PageSpeed ​​Insight. Colocar -rw no final do novo URL da imagem do Blogger irá convertê-lo automaticamente em WebP. 

Além disso, você pode carregar a imagem inicial em qualquer formato. Se você quiser convertê-lo para WebP, tudo o que você precisa fazer é adicionar -rw no final da URL.

Se você é novo no Blogger, pode localizar os URLs de suas imagens usando a visualização HTML do editor de texto. O botão está localizado no canto superior esquerdo.

Depois de entrar no modo de visualização HTML, você pode arrumá-lo automaticamente usando o botão Formatar HTML. O botão se parece com três listras horizontais. Esse recurso não afetará sua formatação não HTML, portanto, você pode usá-lo livremente. 

Organizar o código HTML ajudará você a localizar rapidamente o URL da sua imagem.

Sempre que você fizer upload de uma imagem no Blogger, ele fornecerá dois URLs. A primeira URL armazena sua imagem no tamanho de 1600px. A segunda URL exibe a miniatura.

Como no exemplo acima, você pode adicionar -rw a ambos os URLs.

Gostaria de mencionar que o formato WebP e o novo URL da imagem do Blogger podem não ser perfeitamente compatíveis com alguns temas. Você pode notar um pequeno bug. É lamentável, mas esperamos que os desenvolvedores de temas possam atualizar suas criações para serem mais compatíveis com o novo Blogger.

Por que os blogueiros precisam veicular suas imagens no formato WebP?

Se você é novo em blogs, pode se perguntar por que o formato da imagem é importante. A resposta está relacionada ao desempenho de velocidade. Você deseja entregar seu conteúdo o mais rápido possível para seus visitantes. Seus leitores preferem sites que carregam rápido.

As imagens são recursos em uma página da Web que geralmente carregam mais lentamente devido ao tamanho. Portanto, você precisa fornecer imagens compactadas otimizadas para a web. Esse formato é chamado de WebP. Este formato apresenta alta compactação. Como resultado, os visitantes podem ver a imagem claramente em seu menor tamanho.

De acordo com a definição oficial , WebP é um formato de imagem moderno que oferece compressão sem perdas e com perdas superiores! Usando o WebP, você pode criar imagens menores e mais ricas que tornam seu blog mais rápido.

Antes de encerrar este artigo, gostaria de agradecer a John, um funcionário do Google e desenvolvedor do Blogger.com, que me ajudou a indicar essa solução. Se vocês tiverem um problema não resolvido com o Blogger, sugiro que acessem o fórum oficial.