|image_recadre

Le filtre |image_recadre recadre une image selon des dimensions absolues ou des proportions.

Utilisations

Ce filtre s’applique aussi bien sur

Recadrer selon des dimensions absolues

Les arguments sont :

|image_recadre{largeur, hauteur, position, couleur de fond}

  1. largeur ;
  2. hauteur ;
  3. position (optionnel) :
    • `center`, `left`, `right`, `top`, `bottom` ;
    • ou combinaisons de plusieurs `top left` ;
    • ou indication en pixels depuis une position `top=50` ou composée `top=40 left=50` ;
    • ou nom d’une fonction spéciale qui calculera et retournera la position souhaitée.
  4. couleur de fond (optionnel), argument est utile si on agrandit l’image.

Exemples avec dimensions absolues

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

recadre l’image originale en un carré de 90 px de largeur et hauteur en se basant sur le centre de l’image.

|image_recadre permet également d’agrandir un fichier image, le fond est alors spécifié par une couleur ou ’transparent’ en 4e argument :

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

Recadrer selon des proportions

(Depuis SPIP 3.0.19 )

Les arguments sont :

|image_recadre{proportions, +|-, position, couleur de fond}

  1. proportions : ratio largeur:hauteur demandé ;
  2. +|- : ’+’ pour agrandir avec des bandes, ’-’ pour réduire. (si ’-’ est appliqué, c’est l’équivalent de |image_passe_partout) ;
  3. position (optionnel) : Indication de position de la découpe :
    • `center`, `left`, `right`, `top`, `bottom` ;
    • ou combinaisons de plusieurs `top left` ;
    • ou indication en pixels depuis une position `top=50` ou composée `top=40 left=50` ;
    • ou nom d’une fonction spéciale qui calculera et retournera la position souhaitée.
  4. couleur de fond (optionnel) : couleur de fond si on agrandit l’image

Exemples avec des proportions

[(#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,’-’}

Permet d’avoir un logo au format 16:9 en recadrant l’image le moins possible.
Cela permet de conserver l’image la plus grande possible qui respecte une proportion.

Exemple

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

Voir aussi

Les filtres

L’article sur le Traitement automatisé des images, détaillant également de nombreux autres filtres image.

Auteur peetdu, valery Publié le : Mis à jour : 12/05/20

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