|image_recadre

El filtro |image_recadre recorta una imagen de acuerdo a dimensiones absolutas o sus proporciones.

Uso

Este filtro también se aplica a

  • la ruta de la imagen (baliza #FICHIER)
  • La etiqueta de html <span class="base64" title="PGNvZGUgY2xhc3M9InNwaXBfY29kZSBzcGlwX2NvZGVfaW5saW5lIiBkaXI9Imx0ciI+Jmx0O2ltZyBzcmM9Li4uIC8mZ3Q7PC9jb2RlPg=="></span> (Ver la baliza Les balises #LOGO_XXX o el filtro |balise_img)

Recortar a dimensiones absolutas

Los argumentos son:

|image_recadre{largo, alto, posición, color de fondo}

  1. largo;
  2. alto;
  3. posición (opcional):
    • centro, izquierda, derecha, arriba, abajo;
    • o combinaciones de ellos, arriba izquierda;
    • o definición en pixeles después de una posición arriba=50 o compuesta arriba=40 izquierda=50;
    • o nombre de una función especial que calculará y devolverá la posición deseada.
  4. color de fondo (opcional), este argumento de la función es útil al ampliar la imagen.

Ejemplos con dimensiones absolutas

[(#FICHIER|image_recadre{800, 400})]
[(#LOGO_ARTICLE|image_recadre{800, 400, center})]
[(#LOGO_RUBRIQUE|image_recadre{800, 400, center, black})]
[(#FICHIER|image_recadre{90,90,center})]
|image_recadre{90,90,center}

recorta la imagen original en un cuadrado de ancho y alto de 90 píxeles a partir del centro de la imagen.

| image_recadre también le permite ampliar una imagen, el fondo se especifica con un color o "transparente" en el cuarto argumento:

[(#FICHIER|image_recadre{500,300,'top left','#663399'})]
|image_recadre{500,300,'top left','#663399'}

Recorte en proporciones

(Desde SPIP 3.0.19 )

Los argumentos son:

|image_recadre{proporciones, +|-, posición, color de fondo}

  1. proporciones : relación largo:alto dato requerido;
  2. +|- : ’+’ para ampliar con agarraderas , ’-’ para reducir. (si ’-’ es aplicable, es equivalente a |image_passe_partout);
  3. posición (opcional) : define la posición de corte:
    • centro, izquierda, derecha, arriba, abajo;
    • o una combinación de las anteriores arriba izquierda;
    • o definiendo en pixeles depués de una posición arriba=50 o una combinación de varias arriba=40 izquierda=50;
    • o nombre de una función especial que calculará y devolverá la posición deseada.
  4. color de fondo (optional) : color de fondo si se amplía la imagen.

Ejemplos con proporciones

[(#FICHIER|image_recadre{16:9, '-'})]
[(#LOGO_BREVE|image_recadre{1:1, '-', center})]
[(#FICHIER|image_recadre{16:9, -, top left})]
[(#FICHIER|image_recadre{16:9, -, top=40 left=20})]
[(#FICHIER|image_recadre{16:9, +, center, white})]
|image_recadre{16:9,'-'}

Le permite tener un logotipo en formato 16: 9 recortando la imagen lo menos posible.
Mantiene la imagen lo más grande posible respetando sus proporciones.

Ejemplo

[(#LOGO_ARTICLE|image_recadre{1:1,-,center top})]
|image_recadre{1:1,'-','center top'}

Vea también

Filtros

El artículo sobre Traitement automatisé des images, también detalla otros filtros de imagen.

Autor o autora henry Publicado el: Actualizado: 21/03/23

Traducciones: English, Español, français, Nederlands