SylarPoOoX

He encontrado una buena libreria para hacer conversion de formatos, modificador de calidad, de todo lo que se pueda hacer con imagenes en modo consola de linux.

Sólo hay que instalar la libreria:

sudo apt-get install imagemagick

Y saber que el comando de consola se llama ‘mogrify’.

Unos ejemplos:

1. Convertir toda una carpeta de imagenes tif a formato jpg:

(dentro de la carpeta, no te borra los originales por defecto)

• mogrify -format jpg *.tif

2. Modificar la calidad de imagen:

• mogrify -quality 60 *.jpg

3. Redimensionar imagenes

• mogrify -resize 800 *.jpg (modifica el ancho y ajusta el alto por ratio con el ancho, tambien podriais probar 800×600)

Hay muchisimas propiedades de este comando. Y se pueden ver a partir de mogrify -help.

Aunque hace tiempo que existe, lo descubrí hace poco este efecto para la ampliación de tus fotos en la web. Se llama lightbox, es de uso libre, y te permite un bonito efecto de ampliación con solo incluir unos scripts ya hechos.

Instalarlo:

1. Necesitas incluir en tu web estas tres librerias javascript en el mismo orden:

<script type="text/javascript" src="js/prototype.js" mce_src="js/prototype.js"></script><script type="text/javascript" src="js/scriptaculous.js?load=effects" mce_src="js/scriptaculous.js?load=effects"></script><script type="text/javascript" src="js/lightbox.js" mce_src="js/lightbox.js"></script>

2. Tambien necesitas incrustar el css del lightbox o pegarlo en tu cabecera de pagina como un css normal:

<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

3. Comprueba en el css que las imagenes de previo y siguiente que se referencian estan donde tienen que estar asi como las de carga y cierre de dentro del archivo lightbox.js

Activarlo:

1. Añade una etiqueta de enlace a la imagen que quieras ampliar con la siguiente propiedad (rel=”lightbox”), un pequeño ejemplo de ello:

<a href="images/image-1.jpg" rel="lightbox" title="my caption">image #1</a>

2. Puedes hacer una especie de galeria haciendo una estructura como esta:

<a href="images/image-1.jpg" rel="lightbox[roadtrip]">image #1</a>
<a href="images/image-2.jpg" rel="lightbox[roadtrip]">image #2</a>
<a href="images/image-3.jpg" rel="lightbox[roadtrip]">image #3</a>

Puedes bajarte el archivo ZIP con todo lo necesario en el siguiente enlace:

http://www.huddletogether.com/projects/lightbox2/releases/lightbox2.03.3.zip