Redimensionar imágenes en los post

El truco es muy sencillo. Lo único que hay que hacer es indicar en las balizas de la imagen el tamaño al que quieres que se muestre la imagen.

Pongamos el ejemplo del logotipo del foro. Ésta es la imagen y así es como aparece al postearla en un mensaje:

Código:

[img]http://i40.servimg.com/u/f40/12/00/66/22/logofo11.jpg[/img]

Pero queremos hacerla más pequeña para que se vea bien en el post y no lo descuadre en el caso de que se pase. Pongamos que queremos redimensionarla a 400px de ancho por 100px de alto. Entonces, lo indicamos en las balizas.

Código:

[img(400px,100px)]http://i40.servimg.com/u/f40/12/00/66/22/logofo11.jpg[/img]

Como resultado obtendríamos:



Como véis, es muy fácil personalizar el tamaño de una imagen en tus mensajes.


Modificar proporcionalmente

En el punto anterior se indica cómo se hace, pero hay veces que no sabemos proporcionar la reducción que queremos hacer. Es decir, que sabemos, por ejemplo, el ancho que queremos darle, pero no sabemos cuánto equivale eso para la altura.

Para reducir una imagen proporcionalmente, aquí sí que hay que hacer un "apaño" porque no funciona muy bien. Pero os explico cómo hacerlo.

En el código, veis que hay que indicar el ancho y el alto en píxeles. Pero no se puede sólo indicar uno de ellos porque no funcionaría. Sin embargo, sí se reduce proporcionalmente si "no especificamos bien" la dimensión que se tiene que autoescalar. Para ello, quitamos la parte "px".

Con un ejemplo se ve mejor. Quiero poner la imagen a una anchura de 300px, pero no sé cuánto en altura corresponde eso. Lo indicamos así:

Código:

[img(300px,1)]http://i40.servimg.com/u/f40/12/00/66/22/logofo11.jpg[/img]

Y el resultado:



Valdría cualquier número que pongáis siempre que le quitéis el px.

Problemas: el código no está bien, luego el foro va a intentar corregirlo. Si estáis en modo Wysiwyg, y tal cual escribís el código, lo publicáis, se os va a escalar proporcionalmente, pero si editáis o previsualizáis, no se va a ver. Tiende a quitar la especificación, por lo que la imagen aparecerá en tamaño original.

Sin embargo, no tendréis problemas si trabajáis continuamente en edición BBCode. Tanto si previsualizáis, como si editáis un mensaje, en BBCode permanece el código como lo habéis puesto. Vamos, que si utilizáis Chrome, nunca tendréis problemas. Pero si utilizáis otros navegadores que sí tienen Wysiwyg como Firefox o IE, tendréis que tener cuidado.