Como converter para WebP todas as imagens no Magento

CDN OptiPic — solução simples para o problema "Servir imagens em formatos de última geração"
De acordo com recomendações
Google PageSpeed Insights
Conexão fácil
em 5 minutos
Suporte técnico gratuito
+ ajuda de instalação
Conversa inteligente do WebP em tempo real
O que OptiPic CDN faz ao tentar solicitar uma imagem dele:
  • Retorna a versão WebP da imagem.
    se o navegador for compatível com o formato WebP
  • Retorna uma versão compactada sem webp
    se o navegador não suporta WebP
  • Torna responsivo a telas de dispositivos móveis
    se a imagem for aberta de um celular
  • Armazena em cache e acelera o carregamento
    reduzindo a carga de sua hospedagem
  • Protege
    suas imagens
    preservando direitos autorais por tags EXIF e IPTC
  • Use seu próprio
    nome de domínio
    para carregar imagens de img.domain.com, etc
  • Carregamento lento de imagens
    As imagens são carregadas à medida que a página rola
A conversão para Webp e a compactação da imagem ocorrem em segundo plano e não retarda a abertura das imagens no navegador.
Se a versão otimizada ainda não estiver pronta no momento da solicitação da imagem, a versão original é devolvida sem nenhum processamento.
O que obtém otimização de imagens no site
  • Acelerando
    o site
  • Melhorando
    SEO
  • Aumento
    da conversão
  • Aumento do Google
    Pagespeed Insights

Por que vale a pena usar WebP para Magento?

O uso do Webp resolve o problema "Exibir imagens em formatos de última geração" no Google Pagespeed Insights.

Resumindo, o WebP comprime melhor o arquivo, todas as outras coisas sendo iguais, do que os formatos mais antigos (png e jpeg) - o que significa que ocupa menos espaço na hospedagem e carrega mais rápido no navegador ao visualizar a página.

p>

A implementação do WebP é promovida ativamente pelo Google - eles fornecem essas estatísticas:

  • O WebP compacta imagens sem perdas 26% melhor que o PNG.
  • O WebP compacta imagens com perdas melhor do que JPEG em 25-34% com o mesmo índice de similaridade estrutural (SSIM)
  • O WebP é compatível com transparência sem perdas (conhecida como alfa) com um aumento de tamanho de apenas 22%.

Se o navegador do visitante não suportar WebP, o CDN retornará o formato antigo (png/jpeg), mas compactado (otimizado para a Web)

O que é compressão de imagem

Otimização de imagem é o processamento especial de um arquivo gráfico para minimizar seu tamanho sem perda de qualidade visual.

Para realizar este procedimento, há um grande número de algoritmos bastante complexos. No entanto, todos eles são baseados na mesma base - todos os dados de serviço lá (por exemplo, o nome do programa que armazena o arquivo etc.) cores semelhantes suaves.

Como resultado, obtemos a mesma imagem, que visualmente não mudou. No entanto, o volume (peso) deste arquivo em bytes será muito menor que o original. Se esse processamento for realizado corretamente, o arquivo de imagem pode ser reduzido para 98% sem perder a qualidade da imagem.

Isso significa que as imagens nas páginas do site serão carregadas muitas vezes mais rápido após a otimização.

O que otimizará as imagens para seu site

  • Economize espaço em disco.
  • Acelerar o carregamento da página.
  • Carga mínima do servidor.
  • Aumente a conversão.
  • Melhor classificação do site para resultados de pesquisa.

Foi comprovado que a aceleração do site pode melhorar os fatores comportamentais, bem como aumentar a conversão do site (aumentar as vendas). Quanto mais a página do site for carregada, menos clientes poderão realizar certas ações de destino lá. Se o seu site na Internet não funcionar rápido o suficiente, você tem todas as chances de perder sua renda potencial. A aceleração do recurso online proporcionará uma oportunidade para melhorar a conversão e, devido a isso, aumentar significativamente a receita e atrair mais clientes.

Benefícios do OptiPic

  • Não há pagamentos mensais.
  • Automação completa.
  • Assistência de conexão gratuita.
  • Para se conectar e usar o serviço, você não precisa ter habilidades especiais em programação ou administração.
  • Não há restrições de tamanho de imagem no sistema.
  • Suporte técnico amigável.

Como otimizar imagens para Magento pode acelerar um site?

Uma página de qualquer site geralmente consiste em:

  • imagens;
  • código html (conteúdo de texto, layout, marcação);
  • vídeo;
  • scripts javascript com lógica em execução no navegador;
  • arquivos CSS com estilos de página.

Um item como uma imagem ocupa a maior parte do volume inteiro nas páginas do site e é a parte “mais pesada” das páginas. A redução (otimização) de imagens, sem dúvida, tornará significativamente mais rápido o download de qualquer recurso online.

 

Assim, se você alterar (para baixo) o tamanho das imagens, todas as páginas do site começarão a carregar muito mais rápido.

A compactação das imagens no site permitirá reduzir seu volume para 75-98%, sem perder a qualidade visual.

À medida que os usuários baixam imagens em seus computadores, podem se deparar com o novo formato WebP. Esse formato, criado pelo Google, permite que os webmasters carreguem imagens de alta qualidade que também são compactas, facilitando a visualização delas em laptops ou smartphones, não apenas em um navegador.

O que é WebP e quais são seus benefícios?

As imagens em um site podem diminuir significativamente a velocidade de carregamento e aumentar os custos de hospedagem. Os proprietários de sites são frequentemente obrigados a escolher entre qualidade e capacidade. O JPEG clássico nem sempre fornece o resultado desejado, especialmente para gráficos pequenos. O PNG, embora forneça imagens de alta qualidade, é muito mais pesado, tornando-o difícil para os sites.

O formato WebP do Google fornece a melhor combinação de tamanho de arquivo e qualidade, tornando-o uma excelente alternativa ao PNG e JPEG. Desenvolvido há mais de dez anos, foi bem testado em muitos serviços do Google e é fortemente recomendado pelo Google PageSpeed Insights. No entanto, alguns navegadores menos comuns podem ter problemas para exibir imagens WebP, portanto, é importante garantir que elas possam ser exibidas nos formatos pesados usuais nesses casos.

A compatibilidade entre navegadores pode ser alcançada introduzindo certos algoritmos no código, mostrando uma versão totalmente funcional do site para proprietários de navegadores universais e uma versão simplificada para proprietários de navegadores raros ou versões desatualizadas de navegadores conhecidos. Alternativamente, plugins especiais podem ser usados para converter imagens para o formato WebP, permitindo que os proprietários de sites suportem temporariamente dois formatos enquanto melhoram seus recursos.

Como converter arquivos para WebP Magento

A conversão de formatos antigos PNG/JPEG para WebP é simples, com muitos utilitários disponíveis. No entanto, converter todas as imagens de um site já criado pode ser demorado. Utilitários especiais são frequentemente usados para compactar imagens Magento convertendo PNG/JPEG para WebP. O OptiPic CDN é um dos melhores, permitindo a automação da compactação de imagens e fornecendo cache e otimização adicionais para acelerar o retorno de imagens.

O plugin converte e entrega arquivos WebP aos usuários se o navegador suportar esse formato. Caso contrário, ele retorna uma versão compactada de uma imagem no formato antigo. Ele também adapta imagens para telas de telefone estreitas e realiza cache para carregamento acelerado de imagens, aliviando a carga na hospedagem do site e acelerando o site.

O serviço OptiPic CDN pode ser usado de forma paga ou gratuita, com uma tarifa de teste oferecendo 100.000 visualizações de imagem. O processo de instalação é simples e pode ser feito por qualquer usuário, tornando-o uma excelente opção para otimizar sites Magento para o PageSpeed.

O WebP, um formato de imagem revolucionário desenvolvido pelo Google, oferece uma infinidade de benefícios que podem melhorar significativamente a experiência do usuário em sites. Aqui estão algumas das principais vantagens:

  • Tamanho de arquivo menor: As imagens WebP são até 34% menores do que seus equivalentes JPEG e PNG da mesma qualidade. Isso significa tempos de carregamento mais rápidos e uso reduzido de largura de banda, o que é especialmente importante para usuários móveis.
  • Melhoria na qualidade da imagem: Graças às técnicas avançadas de compressão, as imagens WebP preservam a qualidade da imagem enquanto minimizam o tamanho do arquivo. Isso significa que as imagens ficam melhores do que as imagens JPEG ou PNG do mesmo tamanho, proporcionando uma experiência visual mais imersiva.
  • Suporta transparência: O WebP suporta transparência tanto com perda quanto sem perda, tornando-o um formato versátil para imagens com fundos transparentes. Isso permite que os designers criem visuais deslumbrantes sem se preocupar com problemas de compatibilidade.
  • Ampla compatibilidade com navegadores: O WebP é suportado pela maioria dos navegadores modernos, incluindo Google Chrome, Firefox e Microsoft Edge. Também pode ser facilmente convertido para outros formatos de imagem para compatibilidade com navegadores mais antigos, garantindo que seu site tenha uma aparência excelente, independentemente do dispositivo que seus visitantes estiverem usando.

Mas por que o Google lançou o WebP como código aberto? Ao tornar o WebP código aberto, o Google incentiva os desenvolvedores a contribuir para o projeto e aprimorar o formato ao longo do tempo. Isso garante que o WebP permaneça na vanguarda da tecnologia de compressão de imagem e continue a fornecer uma melhor experiência do usuário para todos.

O WebP também suporta exibição progressiva e entrelaçada, permitindo tempos de carregamento mais rápidos e uma experiência visual mais suave. E com opções de perda e sem perda disponíveis, o WebP é um formato versátil que pode atender às necessidades de qualquer site ou aplicativo.

Então, por que escolher o WebP em vez do JPEG? A resposta está nas técnicas de compressão superiores do WebP, incluindo codificação de previsão, quantização adaptativa de bloco, filtragem e codificação aritmética booleana. Essas técnicas fornecem uma melhoria de 5% a 10% na compressão em comparação com a codificação de Huffman, tornando o WebP a escolha clara para quem procura otimizar o desempenho do site.

Em conclusão, o WebP é um formato de imagem inovador que oferece uma variedade de benefícios para desenvolvedores e designers da web. Desde tempos de carregamento mais rápidos até melhor qualidade de imagem, o WebP tem tudo o que você precisa para melhorar a experiência do usuário do seu site. Então, por que não experimentá-lo hoje e ver a diferença por si mesmo?

Comece agora com o pacote GRATUITO

Pagamento único — sem mensalidades

O pacote adquirido não queima no final do mês - é vantajoso adquiri-lo com vários meses de antecedência
Você paga por visualizações de imagens CDN. O custo total de uso depende da quantidade de tráfego para seu site. Em média, isso é de US $ 1,5 por 1.000.000 de visualizações de imagens.
A primeira demonstração de visualizações 10,000 é gratuita.
10,000
Visualizações

grátis

1,000,000
Visualizações

US$ 10,00 US$ 7,00

2,000,000
Visualizações

US$ 14,00 US$ 10,00

5,000,000
Visualizações

US$ 24,00 US$ 18,00

10,000,000
Visualizações

US$ 40,00 US$ 30,00

20,000,000
Visualizações

US$ 74,00 US$ 55,00

50,000,000
Visualizações

US$ 165,00 US$ 123,00

80,000,000
Visualizações

US$ 235,00 US$ 176,00

100,000,000
Visualizações

US$ 282,00 US$ 211,00

Por que nos escolher?

189 avaliações

OptiPic integra-se facilmente com outras plataformas

?