Subimos imágenes de productos a nuestro sitio. Muchas imágenes están en el rango de dimensión de 1600×1200.
Queremos reducir el tamaño original de las imágenes del producto a 1000×1000.
Cómo reducir la dimensión de la imagen para que el tamaño del archivo de imagen disminuirá respectivamente?
¿Puede explicar cómo implementar en el sitio de Magento, en qué archivo, qué código tengo que colocar …?
Por favor, ayúdeme a encontrar un solución.
Comentarios
- Yo ' estoy votando para cerrar esta pregunta como fuera de tema porque ' no es una pregunta de Magento.
- Yo ' estoy votando para abrir ya que el OP ha preguntado cómo implementar cambiar el tamaño / recortar en Magento (ver mi edición)
- Ver mi respuesta en magento.stackexchange.com/questions/59210/… (También podría importarle menos la altura o establecer una altura máxima con css)
Respuesta
Te dije cómo hacer esto el otro día todavía un ¡Se abre otra pregunta!
Es mejor mantener las imágenes de origen en la resolución más alta; pueden ser útiles cuando todos tienen pantallas 4K. Puede que eso no sea demasiado en el futuro. Por lo tanto, el enfoque que le sugerí la última vez es bastante bueno.
Si debe cambiar el tamaño de todas sus imágenes en masa, eche un vistazo a esta respuesta:
Utilice imagemagick, para lo cual necesitará 5 minutos para instalar y leer las opciones disponibles.
Respuesta
Puede hacer esto usando las funciones de manipulación de imágenes de PHP.
Consulte http://php.net/manual/en/function.imagecopyresampled.php , el segundo ejemplo se acerca mucho a lo que desea.
O puede encontrar algo de PHP biblioteca de código que puede hacer esto por usted.
Estoy de acuerdo con @Mmazvis en hacerlo manualmente (Photoshop o algunas otras herramientas profesionales pueden procesar esto por lotes) ya que la manipulación de imágenes PHP es una habilidad completamente diferente.
Comentarios
- muchas gracias, ¿podría explicarnos cómo implementarlo en el sitio magento, en qué archivo, qué código tengo que reemplazar ..?. ..
- Don ' t aconsejar la ruta de Photoshop que consume mucho tiempo. Recortar / cambiar el tamaño de las imágenes en PHP o en el nivel del sistema operativo no es difícil. Todo se puede hacer en el servidor sin tener que pasar todo el año cargando archivos. Photoshop es un entrenador relativamente lento que realiza cualquier operación por lotes, ya que tiene que manejar una GUI. La gran cantidad de opciones también son un poco complicadas para la tarea en cuestión.
Responder
La mejor práctica para usar imágenes en magento es recortar manualmente la imagen a la resolución deseada usando photoshop o cualquier otro software de edición de fotos como MS Paint.
Normalmente hago 2 tamaños diferentes:
-1000px X 1000px (~ 80kb)
-300px X 300px (~ 10kb)
La imagen de 1000×1000 se utiliza como imagen base para que solo se cargue en la página del producto & la imagen de 300×300 se usa para una imagen pequeña & miniatura.
Esta práctica ayuda a reducir el tiempo de carga de la página de vista de lista de productos, ya que se cargan muchos productos al mismo tiempo. Las imágenes más grandes significan que se descargarán más datos del servidor.
Nota: Marque «Excluir» para la imagen en miniatura (300×300)
Comentarios
- Este es un mal consejo. ¿Por qué perder el tiempo cambiando el tamaño de las imágenes cuando el servidor puede hacerlo tan fácilmente? Hacer esto manualmente no es solo una pérdida de tiempo, también significa que puede cometer errores.
- querido @Woolfie, la calidad de imagen es un requisito en el comercio electrónico y estoy seguro de que no está familiarizado con este concepto. Cuando el servidor cambia el tamaño de la imagen, reduce su calidad haciendo que la imagen sea un poco irregular y borrosa. Incluso si de alguna manera la calidad ' t no se ve afectada (lo cual no es posible), la imagen más grande volvería a cargarse más lentamente desde el servidor porque el servidor tardaría tanto tiempo en cambiar su tamaño.
- Si tiene un directorio de imágenes en el servidor, puede cambiar su tamaño in situ en el servidor con imagemagick. Descargarlos (o volver a cargarlos) y usar alguna aplicación de gráficos de escritorio poco convincente (no estoy seguro de que MS Paint califique) significa que tiene mucho trabajo por hacer, lo cual es ineficiente, sin sentido, una pérdida total de tiempo y un consejo excepcionalmente pobre para dar a alguien. En realidad, no ' no tiene que cambiar el tamaño de nada explícitamente si toma la ruta Google PageSpeed; esto hace todo sobre la marcha para entregar imágenes del tamaño correcto al navegador. Te digo esto porque podrías aprender algo.