[APORTE] Subir y redimensionar imagenes

[Triby]

Solo un par de precisiones:

1. ResizeToFit by Triby... ahi falta al final /Abimaelrc (que puso lo del fondo)
2. La funcion crop() queda descartada hasta ser probada?

[abimaelrc]

Iniciado por Triby

Solo un par de precisiones:

1. ResizeToFit by Triby... ahi falta al final /Abimaelrc (que puso lo del fondo)
2. La funcion crop() queda descartada hasta ser probada?

Jejeje, lo que pasa es que no hice nada en comparacion a lo que tu hiciste. Asi que el credito es tuyo en realidad.

Lo otro es que hacer un crop sin consultar al usuario que es lo que desea mostrar es como añadir un metodo que no se va a usar, a menos que se diseñe de tal forma que se envien las coordenadas y el tamaño del crop, ahi cambia

Con eso me haz dado una idea

[Triby]

De hecho, ese mini-metodo recibe las cordenadas de inicio X, Y, ademas de ancho y alto y ancho (tamaño final de la imagen); lo unico que le falta es la parte del cliente (tal vez en javascript) para seleccionar y enviar los datos.

[abimaelrc]

Es verdad, no me había fijado, verifico como hacerlo con javascript y posteo un ejemplo

[Triby]

Por cierto, yo hice algunas modificaciones para poder usar la clase en mi proyecto, entre ellas, una especie de singleton y, otra, que el metodo load() devuelva falso si no puede leer la imagen o no obtiene las dimensiones correctamente.

Creo que esto podria ser cuestion de preferencias, pero si load() fallo, logicamente tambien lo haran los otros metodos y llenaremos la pantalla con errores de PHP.

Código PHP:

public function load($fileName, $transparent=false) {
        // Verificamos que existe el archivo
        if( ! file_exists($fileName)) {
            return false;
        }
        $this->setTransparent($transparent);
        $imageInfo = getimagesize($fileName);
        // Es una imagen valida?
        if($imageInfo === false) {
            return false;
        }
        $this->_imageType = $imageInfo[2];
 
        if($this->_imageType == IMAGETYPE_JPEG){
            $this->_image = imagecreatefromjpeg($fileName);
        } else if($this->_imageType == IMAGETYPE_GIF){
            $this->_image = imagecreatefromgif($fileName);
        } else if($this->_imageType == IMAGETYPE_PNG){
            $this->_image = imagecreatefrompng($fileName);
        }
        // Obtuvimos el recurso de GD?
        return ($this->_image === false) ? false : true;
    }
 

De esta forma:

Código PHP:

$_img = new ModifiedImage(); // Sin parametros
if($_img->load('Mi-imagen.jpg') === false) {
     die('No es una imagen valida.');
}
 

[abimaelrc]

Es verdad, lo actualizo ahora. Lo que noté también es que colocaste en el load el setTransparent, interesante a ver si la muevo ahí o lo dejo en el constructor Lo que no sé si implementar es el singleton. Ya mismo trato a ver

[GatorV]

Yo mejor usaria excepciones, de hecho en mi proyecto usa una clase diseñada por mi, para eso:

Código PHP:

try {
       $image = new Gecko_Image('path/imagen.ext');
       $image->resizeTo(500, 500);
       $image->save();
} catch (Gecko_Image_Exception $gex) {
       echo "Ocurrio un error: " . $gex->getMessage();
}
 

Uso __call() para descubrir los plugins (crop, resize, saturate) etc.

[abimaelrc]

Y para que me haces pasar trabajo, . ¿Ya haz hecho el de dividir los gif, redimensionar y volver a unir?

[GatorV]

No jeje, no he tenido el requerimiento (hasta ahora) de subir un gif animado, casi siempre me muevo con png, y jpg Pero es un buen reto para hacer y manejar el formato gif

[abimaelrc]

Es más, quito la clase que hemos hecho para que coloques la tuya, jejeje son bromas. Bueno pues vamos que estoy aprendiendo por lo menos con esto, al menos me estoy adelantando cuando me digan que tengo que hacer esto

Por cierto se publicó en el foro de javascript, un tema por Triby para que los guru o aficionado en javascript propusieran como hacer para lograr un crop dinámico, similar a facebook, pero casero. Les animo a que participen http://www.forosdelweb.com/f13/crop-...cebook-934710/

[masterpuppet]

Lo que podrian hacer es algun bridge para que se puedan utilizar diferentes "kroppers", asi podria haber uno con js vanilla, otro con Moo, otro para dojo, otro para el innombrable y por medio de config seleccionar el que uno quiera.

Saludos.

[GatorV]

Buena idea la del Bridge, vamos a ver que tal resulta aquel tema en JS...

[Triby]

Iniciado por abimaelrc

Es verdad, lo actualizo ahora. Lo que noté también es que colocaste en el load el setTransparent, interesante a ver si la muevo ahí o lo dejo en el constructor Lo que no sé si implementar es el singleton. Ya mismo trato a ver

Ahhh, sorry, es que con lo del singleton quite la opcion de enviar parametros al constructor y, de hecho, es solo por poder usarlo en mis scripts, no tanto porque sea lo optimo, sino que mi "pseudo-loader" no necesita (o no es capaz de recibir) parametros, entonces hay que enviarlos con el metodo load.

No creo que sea necesario que se aplique el singleton a esta clase, ya sera preferencia de cada quien hacer ese pequeño cambio si lo necesitan.

P.D. 35 vistas (o mas) y seguimos esperando actividad en lo del JS.

P.D.2 masterpuppet, el innombrable comienza con jqu y termina con ery?

[Triby]

Ya esta el primer intento rudimentario en el 13: http://www.forosdelweb.com/f13/crop-...0/#post3951108

[adrimartin]

Hola, no se si soy el unico, pero no me funciona el script. He creado el php que te indica como funcion y guardo en la misma carpeta ambos php.. pero nada. No funciona. Me sale la imagen sin contenido, vacia

[abimaelrc]

La clase debe estar en otro archivo, como haz hecho, explica los pasos.

[iviamontes]

hola amigos, regresando al tema del crop, que al final no se implementó, pq sin saber desde - hasta, no parecía lógico hacerlo...

bien, ahora necesito hacer un método que es bien parecido al resizeToFit, pero ... que no rellente con color sino que haga un crop de lo que sobra

eje subo una img de 400 x 600 (más alto que ancho) y quiero hacer un crop de 100, 100
si usamos el resizeToFit re-dimensiona y lo que no tenga imagen lo llena con un color de fondo
y en este caslo lo que quiero es que redimensione al ancho y después "recorte" el pedazo del medio de la imagen que cumpla con 100 x 100, alguna idea maestro @abimaelrc ??

[iviamontes]

por si le sirve a aguien

Código PHP:

      public function crop($width, $height, $margins = false) {

        $newImage = imagecreatetruecolor($width, $height);
        
        $ratioW = $width / $this->getWidth();
        $ratioH = $height / $this->getHeight();
        $ratio = ($margins === false) ? max($ratioW, $ratioH) : min($ratioW, $ratioH);
        $newW = floor($this->getWidth() * $ratio);
        $newH = floor($this->getHeight() * $ratio);
 
        $this->resize($newW, $newH);
        
        $x = $y = 0;
        
        if ( $this->getHeight() > $this->getWidth() ){
            $y = ($this->getHeight() - $height) / 2;
        }

        else if ($this->getHeight() < $this->getWidth()){
            $x = ($this->getWidth() - $width) / 2;
        }

        imagecopy($newImage, $this->_image, 0, 0, $x, $y, $width, $height);
        $this->_image = $newImage;
       
        } 
   

[abimaelrc]

¿Pero estás indicando que toma del centro el crop? Ya en el foro de javascript escribieron un código para hacer crop y hay también un demo en internet. Solo me falta sentarme un día y poder unir lo que hicieron con lo que tenemos en la clase y tenemos el crop dinámico.

Pero veo que se puede sacar provecho de lo que hiciste. Te motivo que trates de sacar el de los gif, ese sí que estaría muy bueno incluirlo en la clase

[iviamontes]

Hola abimaelrc, siempre realiza el crop en el centro de la img.

Código PHP:

  if ( $this->getHeight() > $this->getWidth() ){
            $y = ($this->getHeight() - $height) / 2;
        }

        else if ($this->getHeight() < $this->getWidth()){
            $x = ($this->getWidth() - $width) / 2;
        } 
   

jaj eso de los gif, es una asignatura pendiente de todos nosotros jaja, tengo que llenarme de valor para transformar aquel código a php5 jaja
saludos

[iviamontes]

modifiqué un poco el método, quedando así

Código PHP:

  public function crop($width, $height, $margins = false) {
        $newImage = imagecreatetruecolor($width, $height);
        $x = $y = 0;
    if ( $this->getHeight() > $this->getWidth() ){
            $this->resizeToWidth($width);
        $y = ($this->getHeight() - $height) / 2;
        }

        else if ($this->getHeight() < $this->getWidth()){
            $this->resizeToHeight($height);
            $x = ($this->getWidth() - $width) / 2;
        }

        imagecopy($newImage, $this->_image, 0, 0, $x, $y, $width, $height);
    $this->_image = $newImage;
} 
   

[erxaca]

Disculpad que reabra el tema tras tanto tiempo pero trabajando con esta magnífica clase me he topado con un pequeño descuido y quería poner mi granito.

abimaelrc estaba usando el ejemplo 5, redimensionando una imagen en vivo, y me daba fallo en la linea

Código PHP:

   header('Content-Type: ' . $image->getImageType()); 
   

ese método no está incluido en la clase y muestra un undefined method.

He aquí la implementación de dicho método en la clase:

Código PHP:

  public function getImageType()
    {
        return $this->_imageType;
    } 
   

Un saludo y gracias por compartir :)

[abimaelrc]

Gracias ya lo corregí y estás en los créditos

[erxaca]

Iniciado por abimaelrc

Gracias ya lo corregí y estás en los créditos

solo por eso no me metas en los créditos XD, es más, me dí cuenta mas tarde que habrá sido un pequeño despiste por tu parte porque por otras página atrás ha escrito alguien el código con ella incorporada.

he añadido esto a la clase por si lo veis útil, en mi proyecto me ahorra tiempo:

Código PHP:

  class ModificarImagen
{
private $_image;
private $_imageType;
private $_transparent;
private $_validExtensions = "/^(jpg|jpeg|gif|png){1}$/i";
 
............
 
public function isValidExtension()
{
    $ext = substr(strrchr($this->getImageType(), '/'), 1);
    if(preg_match($this->_validExtensions, $ext)) {
        return TRUE;
    }
    else {
        return FALSE;
    }
} 
   

[abimaelrc]

Muy bueno, hice una pequeña modificación a la clase y a los métodos getImageType y tu método isValidExtension, pero ahí lo tienes. La razón por la que hice la modificación es que getImageType debe retornar el mime para que cuando se añada al header del ejemplo Subir una sola imagen (la original) y mostrar en diferentes tamaños muestre la imagen como debe ser. Si no estaría retornando solo el número que representa para PHP la imagen.

[erxaca]

Cierto, quedó genial ;)

[iviamontes]

Hola @abimaelrc, aún tenemos pendiente el tema de las animaciones en los gif
acá creo que encontré la solución, ando muy escaso de tiempo, te dejo el link por si tienes tiempo, más adelante lo revisaré también.

[rlc]

Amigos, he implementado esta fabulosa clase en mi web pero obtengo el siguiente error cuando subo una imagen de 3.2 Mb :

[13-Sep-2012 18:38:14 UTC] PHP Fatal error: Allowed memory size of 20971520 bytes exhausted (tried to allocate 4320 bytes) in /home/sanjuan/public_html/tratamiento_imagenes.php on line 128


He incrementado la memoria en mi servidor y el tamaño de archivos a subir a :

memory_limit = 128M
upload_max_filesize = 5M

¿ Que puede estar pasando ?

[abimaelrc]

¿Lo estás haciendo para muchas imagenes? Necesitas destruir cada imagen al final de cada proceso para que no se acumule en la memoria.

[rlc]

Gracias por responderme, lo he solucionado momentaneamente con un :
ini_set("memory_limit","512M"); en mi php

De todos modos, yo no destruyo las imagenes.
De la clase utilizo 2 funciones, redimensionar manteniendo el aspecto y luego inmediatamente coloco la marca de agua. ¿Como "destruyo" las imagenes de memoria ?