Evitar que las imagenes deformen tu web

En ocasiones puede ocurrir que cuando cargamos una imagen en nuestras webs, desconocemos el tamaño que estan tienen.

Esto puede ocasionar en multitud de ocasiones, que mientras la imagen no ha cargado, el diseño de la web se deforma bastante.

Pues bien, esto podemos evitarlo, si ponemos las etiquetas widht y height con la imagen. De esta forma, nuestro diseño no sufrirá ninguna variación.

Para averiguar el tamaño en pixels, tenemos una funcián en php llamada getimagesize.

Dicha función, nos devolverá en un array los valores del alto, ancho, tipo de archivo, etc, pero sólo nos interesaremos por el ancho y alto.

Estos valores, pasarán al array[0] (ancho), y array[1] (alto).

Código de ejemplo:

<?php

$imagen="carpeta/imagen.jpg";// Aqui poner la direccion de vuestra imagen 
$pix = getimagesize("$imagen");

$ancho = $pix[0];// Metemos el valor 0 del array en la variable $ancho
$alto = $pix[1];// Metemos el valor 1 del array en la variable $alto.

echo ""; //Aqui observar que le decimos el ancho y alto.
echo "La imagen situada en $imagenTiene un ancho de: $anchoY un alto de: $alto";

?>

Espero que con este ejemplo podais realizar cosas mas complejas, como funciones, bucles que muestren imágenes consecutivas, etc.

Teneis mas información sobre esta función en la siguiente dirección del manual oficial de php: http://es.php.net/manual/es/function.getimagesize.php

Usuarios que han visto este tema también han visto...

- Evitar que se muestren errores en PHP
- Medir el tiempo de ejecución de tus script
- El lenguaje SQL y PHP
- Como editar imágenes masivamente con PHP
- Marcas de agua automáticas con PHP y GD

- Versión imprimible de este documento

- Enviar por e-mail este documento