drupal

Manteniendo proporciones con imagecache

Imagecache te permite entre otras cosas redimensionar imágenes de diferentes maneras, aquí veremos las más populares sin perder las proporciones originales. Para ello añadiremos un nuevo preset proporciones-originales que nos servirá para hacer nuestras pruebas.

Escalar la Imagen (Add scale)

Si sabemos un ancho ó un alto (pero no ambos) máximo escalar la imagen es nuestra opción y las proporciones quedan como las originales. El problema es que muchas veces vamos a querer tanto un ancho como un alto.

Escalar y cortar la imagen (Add Scale and Crop)

Para muchas fotos en las que sabemos tanto un alto como un ancho podemos escoger esta opción y para paisajes o cosas así funcionará muy bien. El problema lo tenemos en figuras que pueden aparecer con la cabeza cortada y queda un tanto mal.

Escalar según si la imagen es horizontal o vertical

Una de las muchas cosas que podemos hacer con ImageCache Actions es elegir un preset en función de si la imagen es horizontal o vertical.

De este modo tendríamos tres preset: proporciones-originales, proporciones-originales-horizontal, proporciones-originales-vertical. proporciones-originales-vertical tendría un “Add Scale” con un height máximo, proporciones-originales-horizontal tendría un “Add Scale” con un width máximo y proporciones-originales tendría un “Add Aspect switcher: Switch between portrait and landscape” cuyo preset horizontal sería proporciones-originales-horizontal y cuyo preset vertical sería proporciones-originales-vertical

Si además queremos que las proporciones no sean máximas sino exactas podríamos añadir la acción “Add Define Canvas”

Estándar

2 thoughts on “Manteniendo proporciones con imagecache

  1. I know this if off topic but I’m looking into starting my own weblog and was curious what all is required to get set up? I’m assuming having
    a blog like yours would cost a pretty penny?
    I’m not very web savvy so I’m not 100% positive. Any recommendations or advice would be greatly appreciated. Thanks

  2. Hello, I think your site might be having browser compatibility issues.
    When I look at your website in Safari, it looks fine but when opening in Internet
    Explorer, it has some overlapping. I just wanted to give you
    a quick heads up! Other then that, excellent blog!

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s