Cambiar tamaño, peso, de una imagen

[mdk]

Hola, hace tiempo me baje de aqui, un script que hizo Cluster para subir archivos a una base de datos. Subo las imagenes, y cuando las quiero visualizar las visualizo. Hasta ahi, ningun problema. El problema viene cuando quiero mostrar esa imagen de unas dimensiones mas pequeñas. Para mostrar la imagen pongo:

<img border="0" width="ancho" height="alto" src="imagen.php?valor=1">

Y me muestra la imagen del tamaño que le he dicho, pero sigue pensando los mismos KiloBytes. Hay alguna posibilidad de que al mostrar la imagen, no tenga que poner en el width y height las medidas de la imagen sino en el codigo php, y hacer que la imagen que se descargue ocupe lo que ocuparia esa misma imagen de un tamaño mas pequeño?

P.D: No se si se llego a tratar este tema despues de poner el codigo en la web, me suena que si pero me he vuelto loco buscando en el buscador y no lo encuentro

[Pino]

El html lo que hace es cambiar el tamaño de la imagen, pero el peso sigue siendo el mismo. Hablando claro lo que creo que debe hacer el html es crear un marco con la anchura y altura que tu le das, y la imagen se muestra dentro de ese marco con el tamaño del marco.

Un saludo

[Rnsto]

Lo que deseas, se puede hacer creando thumbails de las imagenes que son de medidas menores y tamaño menor que el original, busca scripts para galerias de imagenes y ahi seguro vas a encontrar lo que necesitas..

busca en los FAQ's del sitio por que estoy seguro de haber visto scripts para galerias...

Saludos

[Cluster]

Pues en el mismo script que tomastes de ejemplo hice un script más para crear un "thumbnail" de la imagen original. Es decir .. crear una nueva imagen con el tamaño que determines desde la imagen original que tienes en tu BD .. Usa las librerías GD para tal fin.

Te recuerdo el link:
http://www.forosdelweb.com/showthrea...hreadid=127775

fijate en el script: ver_thumbnail.php

Un saludo,

[mdk]

Se que en el script que pusiste Cluster, justo abajo esta como hacer thumbnail, pero quisiera saber si se puede hacer de alguna otra manera. Y si no es asi, donde consigo las librerias, supongo que de la pagina de php, pero de que seccion y tal...

[Cluster]

Pues un "redimensionado" de una imagen lo ideal es que uses esas librerias GD ... Entre otras cosas por qué esas librerias (con esas funciones) generas una nueva imagen partiendo de la original .. con el tamaño y "peso Bytes" Adecuados (e incluso si generas un .jpg .. con el nivel de compresión que especifiques ..)

No hay otra solución que usar alguna librería gráfica (sean las GD o ImageMagic (o si hay mas .. la que corresponda) .. Son más comunes las GD para PHP ..).

En el manual de PHP:
http://www.php.net/manual/en/ref.image.php

Ahí tienes la referencia oficial .. y los links hacia donde puedes bajarte dichas librerias .. (para Linux). Si usas windows .. tan sólo tienes que habilitar las php_gd.dll de tus extension = .. en tu php.ini ...

Un saludo,

[mdk]

Vale Cluster gracias, lo mirare, y si tengo dudas, ya vendre a molestar otro ratito :P

[mdk]

Cluster encontre las librerias para windows en http://www.desarrolloweb.com/articulos/396.php las instale y ya no me da problema de las librerias, el error me ke da ahora es este:

Código PHP:

  <br />
<b>Warning</b>:  imagesx(): supplied argument is not a valid Image resource in <b>d:webfotos-ircusersfoto.php</b> on line <b>21</b><br />
<br />
<b>Warning</b>:  imagesy(): supplied argument is not a valid Image resource in <b>d:webfotos-ircusersfoto.php</b> on line <b>22</b><br />
<br />
<b>Warning</b>:  Division by zero in <b>d:webfotos-ircusersfoto.php</b> on line <b>25</b><br /> 
   

a ke se debe este error?

[Cluster]

Bueno .. y que código estás usando?

Un saludo,

[mdk]

Estoy usando el que pusiste tu para hacer los thumbnails, pero importando yo a mi manera el archivo de la base de datos:

Código PHP:

  header("Cache-Control: no-cache; must-revalidate");
header("Pragma: no-cache");
 
$conexion=mysql_connect("localhost","root","") or die ("no se ha podido conectar a la BD");
$result = mysql_db_query("FoToS-iRC", "SELECT * FROM bdnicks WHERE Valor='$v'");
$Mdb=mysql_fetch_array($result);
$imagen = $Mdb['Foto'];
 
Header ("Content-type: image/jpeg");
 
$img = imagecreatefromstring($imagen);
 
$picsize = 123;
    
$new_w = imagesx($src_img);
$new_h = imagesy($src_img);
 
$aspect_ratio = $new_h / $new_w;
    
$new_w = $picsize;
$new_h = abs($new_w * $aspect_ratio);
 
$dst_img = imagecreate($new_w,$new_h);
 
imagecopyresized($dst_img,$img,0,0,0,0,$new_w,$new_h,imagesx($img),imagesy($img));
 
imagejpeg($dst_img,'',100); 
   

Si cambio el
$new_w = imagesx($src_img);
$new_h = imagesy($src_img);
por
$new_w = 118;
$new_h = 143;
que son las dimensiones ke tienen en realidad la imagen, me la abre del tamaño ese, pero... pierde colores, es norma eso? y se puede hacer algo para mantener los colores reales?

[Cluster]

Pues .. resulta que el código original obtiene la imagen de un campo de la Base de datos que está en "binario":

$img = imagecreatefromstring($imagen);


Y tu tienes tu imagen en un "Path" .. así que en lugar de eso usa:

Código PHP:

  $img= imagecreatefromjpeg($imagen); 
   

Que te lee la imagen de un archivo en tu servidor ...

Antes de cambiar cosas .. mira como funcionan sinó .. "al tuntún" no esperes que funcionen las cosas ...

Un saludo,

[mdk]

Sustituyendolo me da todos estos errores:

<br />
<b>Warning</b>: imagecreatefromjpeg: Unable to open 'ÿØÿà' for reading in <b>d:\web\fotos-irc\users\foto.php</b> on line <b>12</b><br />
<br />
<b>Warning</b>: imagesx(): supplied argument is not a valid Image resource in <b>d:\web\fotos-irc\users\foto.php</b> on line <b>16</b><br />
<br />
<b>Warning</b>: imagesy(): supplied argument is not a valid Image resource in <b>d:\web\fotos-irc\users\foto.php</b> on line <b>17</b><br />
<br />
<b>Warning</b>: Division by zero in <b>d:\web\fotos-irc\users\foto.php</b> on line <b>19</b><br />
<br />
<b>Warning</b>: imagesx(): supplied argument is not a valid Image resource in <b>d:\web\fotos-irc\users\foto.php</b> on line <b>26</b><br />
<br />
<b>Warning</b>: imagesy(): supplied argument is not a valid Image resource in <b>d:\web\fotos-irc\users\foto.php</b> on line <b>26</b><br />
<br />
<b>Warning</b>: imagecopyresized(): supplied argument is not a valid Image resource in <b>d:\web\fotos-irc\users\foto.php</b> on line <b>26</b><br />

[Cluster]

Pero vamos a ver

que guardas en:
$imagen = $Mdb['Foto'];
?¿

La ruta de la imgen? .. la imagen en binario o que guardas? ..

Estás seguro que esa consulta te arroja ese registro y ese campo tiene el dato esperado? ..

Un saludo,

[mdk]

En $imagen se guarda la imagen en binario :)

Si en vez de poner lo del thumbnail, pongo echo $imagen, me mostraria la imagen. Pero claro, me interesa el thumbnail ;)

[Cluster]

Pues no sé que decirte .. El código original con las tablas usadas según el tutorial funciona correctamente ...

Un saludo,

[mdk]

pero las imagenes se ven con los colores reales, o cambian de color? es ke a mi me han cambiando de color :(

[Cluster]

Pues se ven bien .. a todo esto que versión de las librerias GD usas? ..

Un saludo,

[mdk]

uso el ke tiene de defecto apache el php_gd.dll, aunke tengo x ahi para el php_gd2.dll. Es eso?

[Cluster]

Pues si tienes php_gd2.dll pruebalo y nos comentas (yo uso php_gd.dll pero de PHP 4.3.x que integra la última versión de las GD ..)

Un saludo,

[mdk]

Cluster si tienes messenger me lo puedes decir x mensaje privado, enga ;)

[Manoloweb]

Una vez que estes usando la libreria gd2, utiliza la funcion ImageCreatetruecolor para que te respete los colores.

Saludos!

[mdk]

ImageCreatetruecolor($imagen) ? y en ke posicion del codigo lo pongo, nada mas abrir la imagen?

[Manoloweb]

Te paso un pedazo de código que yo uso en una aplicación para que te des una idea...

Código PHP:

      $img = ImageCreateFromPNG ( $img_path);
    $full_id = ImageCreatetruecolor ( $ancho, $alto);
    ImageCopyResampled ( $full_id, $img, 0,0,0,0, $ancho, $alto, $ancho_orig, $alto_orig);
    $full = ImageJPEG( $full_id, $nueva_img_path, 80 ); 
   

[Cluster]

Bueno .. pues tal vez mis pruebas los hice con imagenes de poca profundidad de color ..

Prueba como usa Manoloweb: En el código del tutorial ver_thumbnail.php (sólo funcionaría con GD versión 2.x en adelante .. ):

Código PHP:

  // Se crea la mascara de la imagen nueva
    $dst_img = ImageCreateTrueColor($new_w,$new_h);
 
// Se copia y reajusta el nuevo tamaño en la nueva imagen.
     imagecopyresampled($dst_img,$img,0,0,0,0,$new_w,$new_h,imagesx($img),imagesy($img)); 
   

Un saludo,

[mdk]

Vale, gracias a los dos, el fallo es ke era ImageCreateTrueColor y no ImageCreate ;)

[Cluster]

Bueno .. "fallo" no es .. pues imagecreate es para GD 1.x y la del truecolor es para GD 2.x ...

Yo hice pruebas con imagenes de 256 colores o cosa así (tenia unas gif que usé como pruebas ..) he de ahí que no me diera cuenta (ademas de la falta de costumbre de usar las GD ..). Pero bueno .. ahí Manoloweb me "iluminó xD" y le pegue una revisada al manual de PHP otra vez ...

A todo esto ya modifiqué el mensaje (el del manual) y añadí la observación con el código que hay que modificar si usan GD 2.x ..

Gracias a todos.

Un saludo,

[Manoloweb]

ImageCreate es para GD1 o GD2, la situación es que crea un espacio en base a 256 colores (web safe)

ImageCreateTrueColor es para crear un espacio con capacidad de 16 bits de colores.

Ambas funciones estan disponibles a la vez en GD2, pero cada una tiene sus particulares usos. Puede deducirse un sacrificio en uso de recursos con truecolor cuando se trate de muchas imagenes o imagenes muy pesadas.

Saludos

[mdk]

Cluster ya ke vas a editar el mensaje, añade la direccion de descarga del php_dg ke me diste a mi y esta http://www.desarrolloweb.com/articulos/396.php ke es para windows.

[Cluster]

Pero mdk .. esa extensión en windows ya la tienes si te bajas el .zip de PHP .. sólo es habilitarla ..

En linux hay que "compliar" y bajarse las librerias ..

Así que .. si hay que poner "link" jeje lo podría al manual oficial de PHP ...

Si quieres añadirlo tu .. responde el mensaje y comenta que ahí ese sítio explican como instalarlo o las acotaciones que estimes oportunas ..

Un saludo,

[mdk]

Como veas, pero si querieres ponlo, ya ke explica tb como activar la extension y tal, y yo x ejemplo no la tenia y me la tube ke bajar de ahi. :)

Por cierto... tienes messenger o no? xk no me llegaste a contestar... xD