En este tutoriales en linea les traemos este Módulo MWS Image Resizer para compresión y recorte automáticos de imágenes de acuerdo con parámetros especificados. Puede personalizar su enlace donde estarán disponibles las imágenes comprimidas. La característica principal es la capacidad de cargar en un subdominio o CDN, lo que ahorrará espacio en el sitio principal.


Caracteristicas: 1c44x


  • Se utiliza una clase para comprimir y recortar imágenes del autor abeautifulsite.
  • Puede recortar a la altura y el ancho especificados.
  • La capacidad de comprimir a la calidad especificada.
  • La capacidad de descargar imágenes de otros sitios a su sitio.
  • La capacidad de cargar imágenes comprimidas a un subdominio o CDN.
  • Posibilidad de configurar su propia dirección para fotografías.
  • Configuraciones flexibles.
  • Archivo de idioma separado, idiomas disponibles: ruso, inglés y turco.

Integración: 6e735


Para la compresión, agregue el atributo resize="parameters"al código de conexión de la imagen. Por ejemplo, en la historia corta:
<img src="{image-1}" alt="{title}" />
Agregue el atributo de cambio de tamaño y obtenga:
<img src="{image-1}" resize="w:300,h:300,q:90" alt="{title}" />
Posibles parámetros para el atributo de cambio de tamaño:

  • w: - ancho.
  • h: - altura.
  • q: - calidad de 0-100.
  • f: - la altura y el ancho se tomarán de la configuración del módulo.
  • d: - este parámetro le permite descargar imágenes de otros sitios a su sitio.
  • e: - compresión proporcional.
  • - 1 o w: - de ancho.
  • - 2 o h: - de altura.
  • - 0: - a lo largo del lado más largo.
Ejemplos de conexión (puede utilizar diferentes separadores de parámetros):
resize="w:728|h:440|q:75|e:1"
resize="w:728;h:440;q:75;e:1"
resize="w:728,h:440,q:75,e:1"
resize="w:728;h:440;q:75;e:w,f:1"
resize="w:728;h:440;q:75;e:h"
Para activar el recorte de imágenes, agregue el atributo crop="parameter"a su código de salida . Por ejemplo, en la historia corta:
<img src="{image-1}" resize="w:300,h:300,q:90" alt="{title}" />
Agregue el atributo y obtenga:
<img src="{image-1}" resize="w:300,h:300,q:90" crop="c-l" alt="{title}" />
Posibles parámetros para el atributo de crop:
  • "cl" : corte en el medio.
  • "tl" : en la esquina superior izquierda.
  • "br" : en la esquina inferior derecha.
Ejemplo con un campo adicional:
<img itemprop="image" src="[xfvalue_poster]" resize="w:300,h:300,q:90,d:1" alt="{title}">
Importante: en algunos casos, es necesario establecer 777 derechos en la carpeta /s/cache.

Versión DLE: 13.х y posterior.
Codificación: utf-8
Interfaz: turco, inglés
 
Autor: dlenettr
Descargar
Compartir

Mi nombre es Alexander fundador y CEO, y me gusta llamarme un Geek. Amo la informática, tecnología y todo lo que está relacionado con ella. Inicié este sitio con la intención de compartir conocimientos como cursos en línea, tutoriales y videotutoriales. Estoy muy entusiasmado con la información que he descubierto y compartido hasta el momento. La verdad es que lo he hecho con el mayor de los gustos. Así es, soy un Geek con una visión para compartir conocimiento. Leer mas... 6c435j