Inicia sesión



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.

Modulo de Datalife Engine MWS Image Resizer

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

Te sugiero seguir leyendo...

  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2020-10-12
  • Categorias: Diseño Web DataLife Engine Modulo DLE WebSite Software Tutorial

Modulo de Datalife Engine MWS Image Resizer Modulo de Datalife Engine MWS Image Resizer...
Tutoriales en linea
¿Te gusta el tutorial?




Información
Usuarios que no esten registrados no pueden dejar comentarios, te invitamos a que te registre!