Bufa Webmaster » alto

PHP: calcular las dimensiones de una imagen

Jorge Maiden — Fri, 11 Nov 2011 22:34:07 +0000

Para obtener las dimensiones de una imagen o foto en php utilizaremos la función getimagesize(), con la que podemos averiguar el tamaño de un archivo de imagen, las dimensiones (ancho, alto), y el tipo de archivo (gif, jpg, png, bmp, etc…) y los atributos (width=”" height=”") con el alto/ancho para ser usados dentro de la etiqueta IMG de HTML).

Modo de uso (acordaros de reemplazar “MI_IMAGEN.jpg” por el nombre de vuestra imagen):

list($width, $height, $type, $attr) = getimagesize("MI_IMAGEN.jpg");

echo "Ancho: " .$width;
echo '
';
echo "Alto: " .$height;
echo '
';
echo "Tipo: " .$type;
echo '
';
echo "Atributos: " .$attr;

Un ejemplo de Resultado:

Ancho: 800
Alto: 600
Tipo: 2
Atributos: width=”800″ height=”600″

—

El tipo de imagen vemos que es numérico, pero si queremos averiguar a que formato se corresponde cada número os dejo la siguiente tabla con sus valores:

Tipos de imagen:

1 = GIF	5 = PSD	9 = JPC	13 = SWC
2 = JPG	6 = BMP	10 = JP2	14 = IFF
3 = PNG	7 = TIFF	11 = JPX	15 = WBMP
4 = SWF	8 = TIFF	12 = JB2	16 = XBM

jQuery: Ancho y alto de un div

Jorge Maiden — Sat, 02 Oct 2010 20:09:11 +0000

Aprovechando el post anterior, os muestro como conocer las medidas (ancho y alto) en pixeles de un determinado div u otro elemento del documento, utilizando las propiedades width() y height() de jQuery.

En este caso mostraremos un alert con el ancho y alto en pixeles del div con id “midiv”:

$(document).ready(function($){
var div_ancho = $("#midiv").width();
var div_alto = $("#midiv").height();
alert(div_ancho);
alert(div_alto);
});

Conociendo esto podéis conocer las dimensiones de cualquier elemento dentro de vuestra página web.

jQuery: Ancho y alto de una ventana

Jorge Maiden — Sat, 02 Oct 2010 19:50:28 +0000

Conocer las dimensiones (ancho y alto) de una ventana en pixeles es muy sencillo utilizando las propiedades width() y height() de jQuery.
Podemos comprobar el tamaño de la ventana restaurando, aumentando o reduciendo las dimensiones de la ventana.

$(document).ready(function($){
var ventana_ancho = $(window).width();
var ventana_alto = $(window).height();
alert(ventana_ancho);
alert(ventana_alto);
});

DEMO

Divs de la misma altura con jQuery

Jorge Maiden — Mon, 01 Feb 2010 20:45:17 +0000

Quién no ha tenido problemas alguna vez en CSS con que alguno de sus divs laterales (generalmente en webs de 3 columnas) se ha quedado corto, y queremos que sea exactamente de la misma altura que el otro dependiendo del contenido que exista en alguno de ellos… bien, jQuery nos lo pone fácil para solucionar estos casos.