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:


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


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 /uploads/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...