[APORTE] Subir y redimensionar imagenes

[abimaelrc]

La clase se encuentra en la dirección http://www.forosdelweb.com/wiki/PHP:...as_al_servidor
Editado: Junio-06-2011 Añadir transparencia a los png
Editado: Julio-05-2011 Añadir transparencia a los gif
Editado: Julio-16-2011 Arreglar "bug" para las transparencias de los gif y añadir marca de agua
Editado: Julio-18-2011 Arreglar marca de agua de imagen y añadir marca de agua de texto
Editado: Febrero-24-2012 Añadir el método isValidExtension para corroborar si es valido la extensión a usar

[Vitesse92]

Super bien, que gran aporte! :)

[destor77]

yo la uso en mi framework a esa libreria es excelente, lo único que le agregue fue un método no rezise() que mantiene el mismo tamaño de la imagen y se puede usar el método save para guardarla, medio al dope jeje, pero me servia a mi :P

[abimaelrc]

Pero en los ejemplos te muestro como subir imagenes sin cambiarle el tamaño Mira el primer ejemplo y el quinto.

[destor77]

esto fue lo que agregue yo, y otra cosa mas que le meti fue un singleton:

Código PHP:

public function noResize() {
        $new_image = imagecreatetruecolor($this->getWidth(), $this->getHeight());
 
        //creo la transprencia para los png y gif
        if(($this->image_type == IMAGETYPE_GIF) OR ($this->image_type == IMAGETYPE_PNG)) {
            imagealphablending($this->image, false);
            imagesavealpha($this->image,true);
            $transparent = imagecolorallocate($new_image, 255, 255, 255);//imagecolorallocatealpha($new_image, 255, 255, 255, 127);
            //imagefilledrectangle($new_image, 0, 0, $width, $height, $transparent);
            imagefill($new_image, 0, 0, $transparent);
        }
 
        imagecopyresampled($new_image, $this->image, 0, 0, 0, 0, $this->getWidth(), $this->getHeight(), $this->getWidth(), $this->getHeight());
        $this->image = $new_image;
    }
 

[destor77]

abimaelrc,
como se puede hacer con esta libreria para que las imagenes con fondo transparente no se pierda, estoy subiendo unos png con fondo transparente y me las sube con fondo blanco :(

[Saneko]

Vaya, la verdad es que me ha aclarado muchas de las dudas que tenía, pero aún tengo una: donde se guarda el fichero "require_once 'ResizePicture.php';"? Es que yo tengo una clase en un fichero y no consigo arrancarlo.

[abimaelrc]

@destor77, trata con http://www.php.net/manual/en/functio...ransparent.php o mira este tema http://stackoverflow.com/questions/2...-in-php#279310

@Saneko, donde quieras colocarlo, solo que necesitas hacer include o require de acuerdo a donde lo hayas hecho. Si tienes alguna duda te recomiendo que lo coloques en otro tema, para que no se pierda el foco de este tema

[Saneko]

Gracias abimaelrc, otra cosa, relacionada con este aporte, si quisiera guardar la/s imagen/es en otra ruta solo tengo que cambiar esta línea?

Código PHP:

  $original = './ruta/original_' . $_FILES['image']['name'];  
   

[abimaelrc]

@Saneko, eso es correcto

@destor77, hice cambio a la clase, ahora se pueden subir archivos png con transparencia. Mira el sexto ejemplo.

[destor77]

buenisimo lo pruebo y te aviso, gracias!!!!

[kanutocm]

Una cosa:
Cuando vamos a modificar el ancho o alto de la imagen, antes comprobamos si es mayor que el tamaño que queremos con esto:

Código PHP:

      if($image->getWidth() > 400){
        $image->resizeToWidth(400);
        $w400 = 'w400_' . $_FILES['image']['name'];
        $image->save($w400);
    }  
   

no seria mejor anadir esa comprobación a la clase para llamarlo simplemente así:

Código PHP:

          $image->resizeToWidth(400);
        $w400 = 'w400_' . $_FILES['image']['name'];
        $image->save($w400);  
   

Como ya le pasamos el valor 400, en este caso, dentro de la clase podriamos hacer esto:

Código PHP:

      public function resizeToWidth($width) {
        if($this->getWidth()>$width){
            $ratio = $width / $this->getWidth();
            $height = $this->getHeight() * $ratio;
            $this->resize($width, $height);
        }
    }  
   

Edito: Ahora veo que lo malo de esto es que entonces, esta funcion dejaria de funcionar si quisieramos redimensionar la imagen para agrandarla...

[destor77]

@abimaelrc,
no me funciona con tu script, me pone el fondo negro, te dejo mi como tengo mi clase para que vas:

Código PHP:

<?php
class SimpleImage {
 
    private  $image;
    private  $image_type;
    private  $instance;
    private  $transparent;
 
    /**
     * patron singleton
     *
     * @version 0.2
     * @author Lucas M. Sastre
     * @access Public
     * @name singleton
     *
     * @return $instance
     *
     * Modificado:
     *
     */
    public static function singleton() {
        if( self::$instance == null ) {
            self::$instance = new self();
        }
 
        return self::$instance;
    }
 
    public function setTransparent($bool)
    {
        $this->transparent = (boolean)$bool;
    }
 
    /**
     * carga una imagen para obtener su propiedades
     *
     * @version 0.2
     * @author Lucas M. Sastre
     * @access Public
     * @name load
     *
     * @param string $filename
     *
     * Modificado:
     *
     */
    public function load($filename) {
        $image_info = getimagesize($filename);
        $this->image_type = $image_info[2];
        if( $this->image_type == IMAGETYPE_JPEG ) {
            $this->image = imagecreatefromjpeg($filename);
        } elseif( $this->image_type == IMAGETYPE_GIF ) {
            $this->image = imagecreatefromgif($filename);
        } elseif( $this->image_type == IMAGETYPE_PNG ) {
            $this->image = imagecreatefrompng($filename);
        }
    }
 
    /**
     * guarda una imagen
     *
     * @version 0.2
     * @author Lucas M. Sastre
     * @access Public
     * @name save
     *
     * @param string $filename
     * @param string $image_type
     * @param integer $compression
     * @param integer $permissions
     *
     * Modificado:
     *
     */
    public function save($filename, $image_type=IMAGETYPE_JPEG, $compression=75, $permissions=null) {
        if( $image_type == IMAGETYPE_JPEG ) {
            imagejpeg($this->image,$filename,$compression);
        } elseif( $image_type == IMAGETYPE_GIF ) {
            imagegif($this->image,$filename);
        } elseif( $image_type == IMAGETYPE_PNG ) {
            imagepng($this->image,$filename);
        }
        if( $permissions != null) {
            chmod($filename,$permissions);
        }
    }
 
    /**
     * genera la salida de la image segun su extension
     *
     * @version 0.2
     * @author Lucas M. Sastre
     * @access Public
     * @name output
     *
     * @param string $image_type
     *
     * Modificado:
     *
     */
    public function output($image_type=IMAGETYPE_JPEG) {
        if( $image_type == IMAGETYPE_JPEG ) {
            imagejpeg($this->image);
        } elseif( $image_type == IMAGETYPE_GIF ) {
            imagegif($this->image);
        } elseif( $image_type == IMAGETYPE_PNG ) {
            imagepng($this->image);
        }
    }
 
    /**
     * recupera el ancho de la imagen
     *
     * @version 0.2
     * @author Lucas M. Sastre
     * @access Public
     * @name getWidth
     *
     * Modificado:
     *
     */
    public function getWidth() {
        return imagesx($this->image);
    }
 
    /**
     * recupera el alto de la imagen
     *
     * @version 0.2
     * @author Lucas M. Sastre
     * @access Public
     * @name getHeight
     *
     * Modificado:
     *
     */
    public function getHeight() {
        return imagesy($this->image);
    }
 
    /**
     * redimenciona segun el alto
     *
     * @version 0.2
     * @author Lucas M. Sastre
     * @access Public
     * @name resizeToHeight
     *
     * @param integer $height
     *
     * Modificado:
     *
     */
    public function resizeToHeight($height) {
        $ratio = $height / $this->getHeight();
        $width = $this->getWidth() * $ratio;
        $this->resize($width,$height);
    }
 
    /**
     * redimenciona segun el ancho
     *
     * @version 0.2
     * @author Lucas M. Sastre
     * @access Public
     * @name resizeToWidth
     *
     * @param integer $width
     *
     * Modificado:
     *
     */
    public function resizeToWidth($width) {
        $ratio = $width / $this->getWidth();
        $height = $this->getheight() * $ratio;
        $this->resize($width,$height);
    }
 
    /**
     * escala una imagen segun el valor pasado
     *
     * @version 0.2
     * @author Lucas M. Sastre
     * @access Public
     * @name scale
     *
     * @param integer $scale
     *
     * Modificado:
     *
     */
    public function scale($scale) {
        $width = $this->getWidth() * $scale/100;
        $height = $this->getheight() * $scale/100;
        $this->resize($width,$height);
    }
 
    /**
     * no reduce una imagen
     *
     * @version 0.2
     * @author Lucas M. Sastre
     * @access Public
     * @name noResize
     *
     *
     * Modificado:
     *
     */
    public function noResize() {
        $new_image = imagecreatetruecolor($this->getWidth(), $this->getHeight());
 
        //creo la transprencia para los png y gif
        if(($this->image_type == IMAGETYPE_GIF) OR ($this->image_type == IMAGETYPE_PNG)) {
            imagealphablending($this->image, false);
            imagesavealpha($this->image,true);
            $transparent = imagecolorallocate($new_image, 255, 255, 255);//imagecolorallocatealpha($new_image, 255, 255, 255, 127);
            //imagefilledrectangle($new_image, 0, 0, $width, $height, $transparent);
            imagefill($new_image, 0, 0, $transparent);
        }
 
        imagecopyresampled($new_image, $this->image, 0, 0, 0, 0, $this->getWidth(), $this->getHeight(), $this->getWidth(), $this->getHeight());
        $this->image = $new_image;
    }
 
    /**
     * reduce una imagen
     *
     * @version 0.2
     * @author Lucas M. Sastre
     * @access Public
     * @name resize
     *
     * @param integer $width
     * @param integer $height
     *
     * Modificado:
     *
     */
    public function resize($width,$height) {
        $new_image = imagecreatetruecolor($width, $height);
 
        //creo la transprencia para los png y gif
       /* 
asi tenia mi codigo original
if(($this->image_type == IMAGETYPE_GIF) OR ($this->image_type == IMAGETYPE_PNG)) {
            imagealphablending($this->image, false);
            imagesavealpha($this->image,true);
            $transparent = imagecolorallocate($new_image, 255, 255, 255);//imagecolorallocatealpha($new_image, 255, 255, 255, 127);
            //imagefilledrectangle($new_image, 0, 0, $width, $height, $transparent);
            imagefill($new_image, 0, 0, $transparent);
        }
 
        imagecopyresampled($new_image, $this->image, 0, 0, 0, 0, $width, $height, $this->getWidth(), $this->getHeight());
        $this->image = $new_image;*/
 
        $newImage = imagecreatetruecolor($width, $height);
        if($this->image_type == IMAGETYPE_PNG && $this->transparent === true){
            imagealphablending($newImage, false);
            imagesavealpha($newImage, true);
            $transparent = imagecolorallocatealpha($newImage, 255, 255, 255, 127);
            imagefilledrectangle($newImage, 0, 0, $width, $height, $transparent);
        }
        imagecopyresampled($newImage, $this->image, 0, 0, 0, 0, $width, $height, $this->getWidth(), $this->getHeight());
        $this->image = $newImage;
    }
}
?>
 

salu2

[destor77]

y asi es como lo uso en mi controlador:

Código PHP:

if ($file['name']!='') {
                    $nombreFoto = $this->Utilidades->validarNombreArchivo($file['name']);
                    $sinformatos=array("_jpg","_png","_gif","_jpeg","_JPEG","_JPG","_PNG","_GIF");
                    $conformatos=array(".jpg",".png",".gif",".jpeg",".JPEG",".JPG",".PNG",".GIF");
 
                    $rutaFoto = $this->Config->get('imagenes')."productos/prod_".$idProductos."_".$nombreFoto;
                    $rutaFotoThumb = $this->Config->get('imagenes')."productos/prod_".$idProductos."_".$nombreFoto;
                    //creo el thumb
                    $image->load($file['tmp_name']);
                    //seteo si quiero la imagen con fondo transparente
                    $image->setTransparent(true);
                    
                    //valido si es un libro o un medicamento para setear los tamaños
                    if($_REQUEST['tipo'] == 1) {
                        $image->resize(65,142);
                    }
                    else {
                        $image->resize(93,128);
                    }
 
                    $image->save($rutaFotoThumb) ;
 

[abimaelrc]

El codigo original y el sexto ejemplo sí me funciona. ¿Trataste exactamente el que tengo al principio? Tomé de ejemplo esta imagen

y me funcionó.

[iviamontes]

por si le sirve a alguien, la clase analizada acá, cuando hace el cambio de tamaño de un gif con transparencia, este la pierde y en su lugar aparece el típico fondo negro, al método resize el hice un cambio que soluciona esto.

Código PHP:

    public function resize($width, $height)
  {
        $newImage = imagecreatetruecolor($width, $height);
    if($this->getImageType() == 'image/png' && $this->_transparent === true)
     {
      imagealphablending($newImage, false);
      imagesavealpha($newImage, true);
      $transparent = imagecolorallocatealpha($newImage, 255, 255, 255, 127);
      imagefilledrectangle($newImage, 0, 0, $width, $height, $transparent);
      imagecopyresampled($newImage, $this->_image, 0, 0, 0, 0, $width, $height, $this->getWidth(), $this->getHeight());
         }
      else if($this->getImageType() == 'image/gif' && $this->_transparent === true)
        {
            $transcolor=imagecolortransparent($this->_image);
            if($transcolor!=-1)
            {
                 $trnprt_color = imagecolorsforindex($this->_image, $transcolor);
                 $trnprt_indx = imagecolorallocatealpha($newImage, $trnprt_color['red'], $trnprt_color['green'], $trnprt_color['blue'], $trnprt_color['alpha']);
                 imagefill($newImage, 0, 0, $trnprt_indx);
                 imagecolortransparent($newImage, $trnprt_indx);                 
            }
            imagecopyresized($newImage, $this->_image, 0, 0, 0, 0, $width, $height, $this->getWidth(), $this->getHeight());  
        }
        else
      imagecopyresampled($newImage, $this->_image, 0, 0, 0, 0, $width, $height, $this->getWidth(), $this->getHeight());
         $this->_image = $newImage;
  }  
   

espero le sirva a alguien

[iviamontes]

ahora solo falta el tema de los gif animados, que no pierda la animación

[abimaelrc]

Ya agregué el código que indicaste, con algunos cambios, porque no vi necesario partes del código que brindaste.

[iviamontes]

perfecto, ya va quedando más completa...

[IEKK]

Iniciado por iviamontes

ahora solo falta el tema de los gif animados, que no pierda la animación

La verdad es que hoy me pico la curiosidad y estoy en ello ahora.

Por ahora he conseguido separar los frames y crear una imagen gif por cada uno de ellos en pocas líneas pero a ver si alguien el foro me orienta sobre las siguientes dudas a ver si lo acabo de una vez.

Ahora ya separados los frames ¿Como podría unirlos en un intervalo de tiempo? Hasta ahora no creo que haya nada d eso en el GD. ¿Hay alguna otra forma?

Aparte de eso las animaciones tienen un intervalo de tiempo. Si esta varía la imagen ya no es igual. ¿Ese dato está dentro de la codificación del archivo?

Mmm a ver si acabo esto que odio dejar las cosas a mitad, a último remedio lo posteo hasta donde lo llevo y que alguien coja el relevo jejeje.

[abimaelrc]

Interesante. Verificaré a ver si se puede lograr. Postea como hiciste para dividirlo.

[iviamontes]

muy bien IEKK, yo tmb estoy en la misma tarea...pero en el trabajo no me queda mucho tiempo, tengo que hacerlo en mi casa por la noche, ayer empecé....
mañana traigo algo

[IEKK]

Es un poco feo tener que pasarle el $fileName, pero no ví que se guardase en ningún lado de la clase y no quería tocarla.

Código PHP:

          public function animated_gif($fileName)  
        { 
            if($this->_imageType == IMAGETYPE_GIF){ 
                 
                if(!($fh = file_get_contents($fileName))){ 
                     break; 
                } 
                 
                $reg_exp='#\x00\x21\xF9\x04.{4}\x00\x2C#s'; 
                 
                if(preg_match($reg_exp, $fh, $matches)){  
                    $head=$matches[0]; 
                } 
                 
                $body= preg_split($reg_exp, $fh); 
                 
                if(count($body>1) and isset($head)){ 
                     
                    foreach ($body as $key => $value){ 
                        if($key!=0){ 
                            $img=imagecreatefromstring($body[0].$head.$value);                                             
                            if(imagegif ($img, 'probando'.$key.'.gif')) echo '- Se ha creado el frame '.$key.'<br>';                             
                        } 
                    } 
                }                 
                 
            }           
        }  
   

Unas observaciónes:

-Por lo que leí en el manual algunos gif guardados desde Adobe CS5 (Vaya fastidio que yo lso creo ahí )cambia el encabezado por lo que también habría que cambiar esa expresión regular. Está posteada en createimagefromgif del manual, pero aún no lo he probado.

-Creo que voy a tener que añadir un copymerge() porque hay gif que no cambian toda la capa sino que dejan un fondo y animan sólo una. Al separar esas partes del fondo se ve raro obviamente.

P.E:
Bien: http://www.pixeljoint.com/files/icons/vaderflow.gif
Rara: http://www.gifmania.com/baloncesto/c...YABASKET_1.gif

Y leyendo y requeteleyendo parece que no es posible unir los frames con X tiempo. ... Pero espero estar equivocado.

Saludos.

[IEKK]

Iniciado por iviamontes

muy bien IEKK, yo tmb estoy en la misma tarea...pero en el trabajo no me queda mucho tiempo, tengo que hacerlo en mi casa por la noche, ayer empecé....
mañana traigo algo

Genial, yo me quede ya un poco porque tendré que añadirle el primer frame a los demás para aquellos que sólo animan una capa encima de otra jeje muy propio de los gif que yo hago. A ver si hay otras formas más eficientes.

Edito: por cierto no puse comentarios... pero cualquier cosa que no se entienda me dicen. Lo probé con la clase y va bien.

[GatorV]

Según la wikipedia, cada frame guarda información sobre el tiempo/transparencia del cuadro, por lo que todo depende de como separes los cuadros, ya que debes de conservar esa información cuando separas los gifs, y al unirlo, unirlo con esa información de regreso.

[iviamontes]

encontré 2 clases para el manejo de gif, se llaman GIFDecoder y GIFEncoder, que sirven para
separar un gif x frames o simplemente varias imagenes las une en un gif, por lo que he visto lo hace a nivel de bits sin utilizar ninguna función gráfica predefinida.

al que le interese se la puedo mandar...
en la casa me pongo a trabajar en lo del gif.

[IEKK]

Iniciado por GatorV

Según la wikipedia, cada frame guarda información sobre el tiempo/transparencia del cuadro, por lo que todo depende de como separes los cuadros, ya que debes de conservar esa información cuando separas los gifs, y al unirlo, unirlo con esa información de regreso.

Si en el frame está el tiempo, entonces sigue ahí. Pero el problema sigue siendo como unirlas.
No sé si hay mejor forma de sacar los frames.
Yo acabé por mirar que el contenido del archivo como un string así que y viendo que cumplía una estructura separé las partes así:

Gif con 3 frames:

Código PHP:

  <apertura>
<head>

<frame>
<apertura>

<frame>
<apertura>

<frame>
<apertura>  
   

3 Gifs (1 x frame):

Código PHP:

  <apertura>
<head>
<frame>
<apertura>

<apertura>
<head>
<frame>
<apertura>

<apertura>
<head>
<frame>
<apertura>  
   

[iviamontes]

para unirla usa la clase que te digo.

[GatorV]

Creo entonces lo que debes de hacer es, ya teniendo los $body, en lugar de escribirlos en un archivo por separado, crear las imagenes en memoria usando imagecreatefromstring(), y después redimensionar los cuadros y volverlos a unir en memoria para que no pierdas la estructura inicial.

[IEKK]

Iniciado por GatorV

Creo entonces lo que debes de hacer es, ya teniendo los $body, en lugar de escribirlos en un archivo por separado, crear las imagenes en memoria usando imagecreatefromstring(), y después redimensionar los cuadros y volverlos a unir en memoria para que no pierdas la estructura inicial.

Pues perfectamente puede ser factible. En vez de guardarlas en un directorio, modificar su tamaño en memoria, volver a cambiar la estructura y dejarlas unidas como al principio pero ya con el tamaño cambiado... ¿MMm pero como mstrarla animada? creategif() mostraría el gif sin animar creo