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?
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
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
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:
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
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
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?
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?
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
