Tamanho do Arquivo de Imagem (<100 kb)

Bom dia! Tudo certo?

Estamos seguindo algumas recomendações de auditória técnica no site, e dentro das demandas que temos que conclui, existe uma onde precisamos compactar todas as imagens do site que ultrapassam 100kb em tamanho, para melhorar consideravelmente o carregamento das páginas.

Já conseguimos otimizar as imagens, após passar por alguns softwares, como pode acessar no link:Imagens otimizadas

Qual a melhor forma de upar essas imagens para substituir as atuais mais pesadas?

Conseguem fazer essa atualização internamente?

Aguardamos seus feedbacks!

Abraço.

Bom dia, tudo bem?
São imagens de produtos?
Se sim, precisará gerar elas em png/jpg no menor tamanho possível, para que possamos fazer a conversão dela em webp. Isso porque em alguns computadores como macbook, nem todas as versões do safari têm aceitação de webp, logo, nesses casos, precisamos trocar por uma que é aceita e não ficar sem imagem

Bom dia, tudo sim e vc?

Certo, então precisamos que estas imagens sejam no formato jpg ou png para atualizar na loja, isso?

Comprimir ao máximo até atingir um tamanho menos que 100kb, assim conseguem incluir em massa na loja para testar?

Vamos trabalhar nisso, quando finalizar, passo aqui para que possa avaliar. :+1:

O ideal é que coloquem em jpg para que não fique sem mostrar a imagem em outros navegadores que não têm suporte para webp. Como é de produtos, posteriormente teriam que inseridos nos produto via painel administrativo

Certo, já temos todas as imagens comprimidas com menos de 100kb no formato jpg, conforme indicado.

Como fazemos essa atualização na loja?

Abs

Bom dia, agora precisar acessar cada produto e subir a imagem.

Bom dia.

É um grande volume de imagens, algo em torno de 300 imagens ao total.

Não é possível subir todas em uma única vez somente?

Inviável fazer uma a uma.

No caso, o que você pode fazer é via tabela, mas essas imagens precisam estar publicadas com URL já, nesse caso, se quiser subir em massa pegando somente as URLs para serem inseridas ou subir em um local do seu lado. De toda forma precisa seguir o padrão da URL substituída. Exemplo:

https://ecom-sioefpdx.sfo2.digitaloceanspaces.com/imgs/big/@v2-1605218453214-prata.jpg.webp

No caso, no final ali vai ser webp, mas precisa ter .jpg.webp para fazer a mudança quando necessário e se possível também ter /imgs/big ou /imgs/zoom a depender do que for substituído

Então, se subirmos todas as imagens no cms, já são geradas as urls nesse padrão?

Comparar as urls das imagens em webp, com as convertidas em jpg seria o ideal nesse caso, isso?

Poderia exemplificar melhor?

Qual tabela?

As imagens no CMS sobem da forma que estão, esse modelo ocorre somente em produtos, pois precisa normalmente precisa gerar imagens em outros formatos, como por exemplo big, normal e zoom para serem usadas em lugares específicos. Por exemplo, no thumbnail da pesquisa, não tem necessidade de colocar uma imagem muito grande nele, porque aparecem itens pequenos e assim diminui o carregamento, o mesmo ocorre na vitrine. Já na página de produto carrega a imagem maior que tem.

Como não vai fazer inserção via painel, então você pode continuar tendo aquelas imagens de vocês em webp, mas na url precisa ter .jpg.webp, basicamente ao identificar o navegador, trocarmos webp, deixando apenas jpg.
No seu arquivo você tinha por exemplo: @v2-1603111099211-knurled-texture_black_01_top-viewResultado.webp, no caso precisaria deixar @v2-1603111099211-knurled-texture_black_01_top-viewResultado.jpg.webp

A tabela é de produtos

Ok.
Como a ideia principal deste processo, é comprimir as imagens para um tamanho menor, essa importação via tabela não iria funcionar somente mudando a extensão final do arquivo, pois precisamos upar estes arquivos novos comprimidos já em menores em 100kb.

Não existe outra forma de upar o produto direto no servidor e-com, e este substituir o arquivo atual?

Funciona, você já tem ele no tamanho menor que 100kb, basta upar ele e pegar a url pra substituir

Neste caso, upar os arquivos, após alterar a url via tabela exportando todos os produtos via painel administrativo, isso?

Qual o melhor caminho para upar estas imagens otimizadas em JPG que já temos prontas?

Isso. Exporta tabela, coloca no google docs e edita as urls por lá, é o caminho mais fácil de ser feito.

Pode upar por um servidor de vocês e ter apenas a imagem, ou mesmo via github. A imagem já está otimizada, o upload seja aqui ou no servidor de vocês muda quase nada de resposta.

Ok. Feito essa parte, upamos uma tabela no Drive. Posso lhe encaminhar o link do arquivo no privado, juntamente com as imagens para que possa exemplificar melhor e fazer alguns testes nos produtos?

Aguardo.
Abs,

Pode

Feito, enviado.

Bom dia!

Recebeste o arquivo para análise?

Aguardo para seguirmos.

Abs,

Bom dia, recebi!
As imagens para serem inseridas via tabela, precisa estar em .jpg.webp/avif e em algum servidor, para que possa ser inserida diretamente via tabela (a url da imagem). Se for inserida na loja (painel), então poderia ser em jpg apenas, mas não precisaria da tabela. Vou fazer um teste colocando uma imagem no servidor e alterando diretamente no produto