Carregamos as imagens do produto em nosso site. Muitas imagens estão na faixa de dimensão de 1600 x 1200.

Queremos reduzir o tamanho original das imagens do produto para 1000 x 1000.

Como reduzir a dimensão da imagem para que o tamanho do arquivo de imagem diminuirá respectivamente?

Você pode explicar como implementar no site Magento, em qual arquivo, que código devo colocar …?

Por favor me ajude a encontrar um solução.

Comentários

  • Eu ' estou votando para fechar esta questão como fora do tópico porque ' não é uma pergunta do Magento.
  • Eu ' estou votando para abrir, pois o OP perguntou como implementar redimensionar / cortar em Magento (veja minha edição)
  • Veja minha resposta em magento.stackexchange.com/questions/59210/… (Você também pode se preocupar menos com a altura ou definir uma altura máxima com css)

Resposta

Eu disse a você como fazer isso outro dia ainda um outra pergunta é aberta!

É melhor manter suas imagens de origem na resolução mais alta – elas podem ser úteis quando todos têm telas de 4K. Isso pode não estar muito longe no futuro. Portanto, a abordagem que sugeri da última vez é muito boa.

Se você precisar redimensionar todas as suas imagens em massa, dê uma olhada nesta resposta:

https://stackoverflow.com/questions/10802606/how-to-batch-resize-images-in-ubuntu-recursively-within-the-terminal

Use imagemagick, para o qual você precisará dar 5 minutos para instalar e ler as opções disponíveis.

Resposta

Você pode fazer isso usando as funções de manipulação de imagens do PHP.

Veja http://php.net/manual/en/function.imagecopyresampled.php , o segundo exemplo chega perto do que você deseja.

Ou você pode encontrar algum PHP biblioteca de código que pode fazer isso por você.

Eu concordaria com @Mmazvis em fazer isso manualmente (o Photoshop ou algumas outras ferramentas profissionais podem processar isso em lote), pois a manipulação de imagens PHP é uma habilidade totalmente diferente.

Comentários

  • muito obrigado, você poderia explicar como implementar no site magento, em qual arquivo, qual código eu tenho que substituir ..?. ..
  • Não ' t aconselham a rota demorada do Photoshop. Cortar / redimensionar imagens no PHP ou no nível do sistema operacional não é difícil. Tudo pode ser feito no servidor sem gastar o ano inteiro carregando arquivos. O Photoshop é um coach relativamente lento para fazer qualquer operação em lote, pois precisa conduzir uma GUI. A miríade de opções também é um pouco complicada para a tarefa em questão.

Resposta

A prática recomendada para usar imagens em magento é cortar manualmente a imagem na resolução desejada usando o photoshop ou qualquer outro software de edição de fotos, como o MS Paint.

Eu geralmente faço 2 tamanhos diferentes:

-1000px X 1000px (~ 80kb)

-300px X 300px (~ 10kb)

A imagem 1000×1000 é usada como imagem base para que carregue apenas na página do produto & a imagem 300×300 é usada para imagem pequena & miniatura.

Essa prática ajuda a reduzir o tempo de carregamento da página de exibição da lista de produtos, pois muitos produtos são carregados ao mesmo tempo. Imagens maiores significam mais dados a serem baixados do servidor.

Observação: marque “Excluir” para a imagem em miniatura (300 x 300)

Comentários

  • Este é um conselho pobre. Por que perder tempo redimensionando imagens quando o servidor pode fazer isso tão facilmente? Fazer isso manualmente não é apenas uma perda de tempo, também significa que você pode cometer erros.
  • caro @Woolfie, Qualidade de imagem é necessária no comércio eletrônico e tenho certeza de que você não está familiarizado com esse conceito. Quando o servidor redimensiona a imagem, ele reduz sua qualidade, tornando a imagem um pouco irregular e borrada. Mesmo se de alguma forma a qualidade não ' t afetada (o que não é possível), a imagem maior carregaria novamente mais devagar do servidor porque o servidor levaria muito tempo para redimensioná-la.
  • Se você tiver um diretório de imagens no servidor, poderá redimensioná-las in-situ no servidor com imagemagick. Baixá-los (ou reenviá-los) e usar algum aplicativo gráfico de desktop lame (não tenho certeza se o MS Paint se qualifica) significa que você tem muito trabalho a fazer, o que é ineficiente, sem sentido, uma perda total de tempo e um conselho excepcionalmente ruim para Dar a alguém. Na verdade, você não ' não precisa redimensionar nada explicitamente se seguir a rota do Google PageSpeed – isso faz tudo em tempo real para fornecer imagens de tamanho correto ao navegador. Digo isso porque você pode aprender algo.

Deixe uma resposta

O seu endereço de email não será publicado. Campos obrigatórios marcados com *