Achicar tamaño de imagen posteada

[trombonete]

Hola a todos, hoy tengo la sig. pregunta:

Tengo un texarea, donde los usuarios introducen texto e imagenes, lo que quiero saber es si se puede limitar el tamaño de las imagenes que los usuarios introducen, es decir: si un usuario introduce una imagen muy grande, al momento de mostrar el post se deforma la pagina, al ser muy grande la imagen se agranda mucho la pagina y aparece el srcoll abajo y me deforma la pagina...

Hay alguna forma de limitar ese tamaño?, poner un limite de tamaño, si la imagen exede determinado tamaño quiero que se achique al tamaño deseado, por ejemplo quiero que todas la imagenes que sean mayores a 500px x 500px queden de ese tamaño de 500 y que si son mas grandes se achiquen a ese limite a 500.

No se si es especificamente una solucion de php o se puede hacer con html o desde la base de datos, desde ya muchas gracias

[almagropaco_]

Muy simple, con CSS, max-width y max-height, pero igual tienes otras formas PHP, que achican imagenes, tomas algunos de esos scripts pero antes le pones la variable, si es mayor que 500 px.

[trombonete]

Iniciado por almagropaco_

Muy simple, con CSS, max-width y max-height, pero igual tienes otras formas PHP, que achican imagenes, tomas algunos de esos scripts pero antes le pones la variable, si es mayor que 500 px.

Podrias darme un ejemplo ? estoy tratando pero no funciona seguro estoy haciendo mal...

Le apliqué un estilo a la celda en la que se muestra el post, con esos atributos que me dijiste pero no me funca

[almagropaco_]

<img src="<?=$row[image]?>" style="max-width:500px;max-height:500px;">

Creo que asi lo usaba yo, creo porque me eliminaron la web:@

[trombonete]

Iniciado por almagropaco_

<img src="<?=$row[image]?>" style="max-width:500px;max-height:500px;">

Creo que asi lo usaba yo, creo porque me eliminaron la web:@

Amigo disculpa mi ignorancia, pero donde debo colocar este codigo? no entiendo

[_-ZeuS-_]

Hola trombonete verás tienes 2 opciones, la de limitar el tamaño de subida (que en sí la configuración del servidor web lo hace, o hacerlo con php), o la de poner con css la verda no he usado el código que muestra almagropago pero debe ir así

Código:

<img src="<?php echo $row[image]?>" style="max-width:500px;max-height:500px;">

o con php en el momento que haces el submit donde recibas la imágen utilizas esta función:

Código PHP:

  list($width, $height, $type, $attr) = getimagesize("<direccion de la imagen>");  
   

ahora ya tienes el width y height máximo además del tipo y los atributos ahí lo que harías es una simple validación

así

Código PHP:

  if($width<=500&&$height<=500){ 
  return true; 
}else{ 
 unlink ("direccion de la imagen"); 
 return false 
}  
   

el unlink te borra la imágen subida al servidor.

Espero que te ayude esta respuesta

[almagropaco_]

El codigo es HTML, donde tu muestras tu imagen ponle el style.. Pon el codigo donde se muestra la imagen por favor..

[trombonete]

Creo que no me expliqué bien, yo tengo un editor para postear, que es igual al que , en este momento estoy escribiendo este post, está echo con java script, los usuarios NO suben imagenes al servidor , sinó que solo introducen la direccion de la url de la imagen, yo necesito que esa imagen sea mostrada (al momento de ver el post) de un tamaño determinado o mejor dicho que no supere el tamaño maximo de 500 x 500, osea que la imagen que postea el usuario puede medir 1000 x 1000 pero al momento de ver el post quiero que se redimencione a 500 x 500...

[perezrod]

Quiero comentar que la solucion planteada con css:

style="max-width:500px;max-height:500px;"

No achica la imagen sino que la recorta para que no supere esas dimensiones. Lo probé y asi sucedió. Voy a ver si encuentro otra solución y en caso de encontrarla la dejaré aqui. Saludos

[trombonete]

Iniciado por almagropaco_

Muy simple, con CSS, max-width y max-height, pero igual tienes otras formas PHP, que achican imagenes, tomas algunos de esos scripts pero antes le pones la variable, si es mayor que 500 px.

Ya que postearon hoy aqui pongo la solucion que encontré con css y funciona bien y no recorta la imagen


img {

max-width:520px; max-height:auto;

}