**SPIP**
# Artículo propuesto
El artículo "**|image_recadre**
(https://www.spip.net/ecrire/?exec=article&id_article=6546)" ha sido
propuesto para publicación desde el Martes 12 de mayo de 2020.
* * *
## |image_recadre
Martes 12 de mayo de 2020 , por [henry](.././?page=auteur&id_auteur=8521&)
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
(https://www.spip.net/ecrire/?exec=article&id_article=4342))
* La etiqueta de html `` `<img src=... />` `` (Ver la baliza Les balises
#LOGO\_XXX (https://www.spip.net/ecrire/?exec=article&id_article=6461) o el
filtro |balise\_img
(https://www.spip.net/ecrire/?exec=article&id_article=4003))
## 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}
)
]
1. [ ( #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:
1. [ ( #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
(https://www.spip.net/ecrire/?exec=article&id_article=4562));
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
1. [ ( #LOGO\_ARTICLE |image\_recadre {1:1,-,center top} ) ]
**|image_recadre{1:1,’-’,’center top’}**
## Vea también
**Filtros**
* |image_reduire
(https://www.spip.net/ecrire/?exec=article&id_article=6364)
* |image\_reduire\_par
(https://www.spip.net/ecrire/?exec=article&id_article=6365)
* |image\_passe\_partout
(https://www.spip.net/ecrire/?exec=article&id_article=4562)
El artículo sobre Traitement automatisé des images
(https://www.spip.net/ecrire/?exec=article&id_article=3327), también
detalla otros filtros de imagen.
— Enviado por SPIP (https://www.spip.net/)
