Problema al redimensionar imagenes con PHP

[raulbotella]

Hola, a ver si pueden ayudarme.

Tengo un script para tratar las imágenes, para que todas tengan el mismo tamaño, por lo que lo que hago es siempre creo un liezo desde GD y dependiendo de la imagen original le creo un tamaño u otro y la centro dentro del lienzo. Todo va bien, los tamaños se calculan bien, el problema es que la imagen en vez de hacerla mas pequeña la recorta al tamaño que le digo....

Mi código es:

Código PHP:

  imagecopyresampled($lienzo, $imagen_fuente, $margenAncho, $margenAlto, 0, 0, $anchoIMAGEN, $altoIMAGEN, $anchoLienzo, $altoLienzo);  
   

Como digo los tamaños los hace bien pero no se porque me recorta la imagen en vez de rescalarla que es lo que necesito...

Tambien he probado "imagecopyresized" y nada...

Saben que puedo hacer para que no se recorte?

Gracias!

[raulbotella]

Parece que tiene que ver con las dimensiones del lienzo ya que si lo amplio mucho si redimensiona la imagen correctamente,...

Saben como solucionar esto?

[raulbotella]

Os pongo mi código:

Código PHP:

                  @$datos_img = getimagesize($imagen); 
                $ancho_orig = $datos_img[0]; 
                $alto_orig = $datos_img[1]; 
         
        $propORIGINAL = devProporcion($ancho_orig,$alto_orig); 
        $propIMAGEN   = devProporcion($anchoLienzo,$altoLienzo); 
              
        if($propORIGINAL<$propIMAGEN){ 
        //Es mas panorámica que la ideal, dejamos blancos arriba y bajo             
            $anchoIMAGEN = $anchoLienzo; 
            $altoIMAGEN = round($anchoIMAGEN/$propORIGINAL);             
            $caso = "propORIGINAL<propIMAGEN"; 
            //Volvemos a hacer comprobacion por si se sigue sobrepasando por el alto (REAJUSTE). 
            $margenAlto = ($altoLienzo - $altoIMAGEN)/2; 
            $margenAncho = 0; 
             
            if($altoIMAGEN>$altoLienzo){ 
                $altoIMAGEN = $altoLienzo; 
                $anchoIMAGEN = round($altoIMAGEN * $propORIGINAL); 
                 
                $margenAncho = ($anchoLienzo - $anchoIMAGEN)/2; 
                $margenAlto  = 0; 
            } 
        } 
        else{         
            $altoIMAGEN = $altoLienzo; 
            $anchoIMAGEN = round($altoIMAGEN * $propORIGINAL); 
            $caso = "propORIGINAL>propIMAGEN"; 
            //Volvemos a hacer comprobacion por si se sigue sobrepasando por el alto (REAJUSTE). 
            $margenAncho = ($anchoLienzo - $anchoIMAGEN)/2; 
            $margenAlto  = 0; 
             
            if($anchoIMAGEN>$altoLienzo){ 
                $anchoIMAGEN = $anchoLienzo; 
                $altoIMAGEN = round($anchoIMAGEN/$propORIGINAL);     
                $margenAlto = ($altoLienzo - $altoIMAGEN)/2; 
                $margenAncho = 0; 
            } 
        }         
         
         
        //    CREO LA NUEVA IMAGEN 
        $lienzo = imagecreatetruecolor($anchoLienzo, $altoLienzo); 
         
        //    Rellenamos el lienzo de color 
        imagefilledrectangle($lienzo, 0, 0, $anchoLienzo, $altoLienzo, 000000); 
 
        //    ABRO LA IMAGEN FUENTE 
        if (!$imagen_fuente = abrir_Imagen($imagen)) { 
            return 0; 
            exit; 
        } 
                 
        //    COPIO LA IMAGEN FUENTE EN LA NUEVA 
        //imagecopyresampled($lienzo, $imagen_fuente, $margenAncho, $margenAlto, 0, 0, $anchoIMAGEN, $altoIMAGEN, $anchoLienzo, $altoLienzo); 
        imagecopyresized($lienzo, $imagen_fuente, $margenAncho, $margenAlto, 0, 0, $anchoIMAGEN, $altoIMAGEN, $anchoLienzo, $altoLienzo); 
                                 
         
        imagejpeg($lienzo, $destino, $calidad);  
   

Gracias!

[Niktro]

No se si te has planteado usar un img de html, y luego guardarlo con php, es decir:

Código PHP:

<img src="tuimagen.jpg" height="50%" width="50%">
 

Con eso ya lo tienes redimensionado a la mitad y para guardarlo con un frwite
[URL="http://php.net/manual/es/function.fwrite.php"]http://php.net/manual/es/function.fwrite.php[/URL]

Ya perdonaras que no te ponga el codigo, pero no lo tengo a mano y tengo mala memoria

-Suerte

[raulbotella]

Niktro, gracias por tu respuesta.

El problema es que tengo unos cuantos miles de imágenes cada una de su madre y su padre y todas tengo que mostrarlas a unas dimensaiones exactas. Por lo que no me vale la opción de poonerlo con la etiqueta "<img".

Tengo que generar algún código con GD para que cree el lienzo la redimensione y la encuadre al centro.

[manuparquegiralda]

Veras, yo tenia el mismo problema que tu y la solucion que le di fue redimensionarlas al guardarlas en la BD, para disminuirles el tamaño. Pero aun asi cada una queda con dimensiones diferentes, asi que me idee una funcion en PHP, para que segun las dimensiones de la imagen, le diera un top o un left negativo para encuadrarla en una capa overgflow y asi quede encuadrada en el centro.

Primero guardo la imagen con este codigo en este caso un ancho o un alto maximo de 120 dependiendo de si la imagen es mas alta que ancha o viceversa.

Código PHP:

$fotoOriginal = "La foto original que sube el usuario";
$altoancho = GetImageSize($fotoOriginal);
$ancho = $altoancho[0];
$alto = $altoancho[1];
$medidaMax = 120;
//Destino foto normal
$destinoNorm = "URLdestino.jpg";    
//Proporcionamos la imagen a un maximo de 120px para un lado
if(($ancho > $medidaMax)&&($alto > $medidaMax)){
    if(($ancho > $alto)or($ancho == $alto)){
           $resta = $ancho - $medidaMax;
        $porcentaje = ($resta*100)/$ancho;
        $alto_def = $alto-(($alto*$porcentaje)/100);
 
        $alto = round($alto_def);
        $ancho = $medidaMax;
    }else if($ancho < $alto){
            $resta = $alto - $medidaMax;
        $porcentaje = ($resta*100)/$alto;
        $ancho_def = $ancho-(($ancho*$porcentaje)/100);
            
        $alto = $medidaMax;
        $ancho = round($ancho_def);
    }
}else{
    $ancho = $altoancho[0];
    $alto = $altoancho[1];
}
//Copiamos la imagen dentro de un thumb redimensionado y la subimos al servidor
$thumb = imagecreatetruecolor($ancho,$alto);
$resource = imagecreatefromjpeg($fotoOriginal);
imagecopyresampled($thumb,$resource,0,0,0,0,$ancho,$alto,$altoancho[0],$altoancho[1]);
$copy = imagejpeg($thumb,$destinoNorm,90);
imagedestroy($thumb);
 

Despues utilizo esta funcion para darle el ancho y alto con el que quiero mostrar la imagen, esta funcion php, iria en la misma pagina donde se va a mostrar el HTML.

Código PHP:

//Funcion de ridemensionar fotos
 
function redimensionar($foto,$alto_capa,$ancho_capa){
    if($foto == ""){
        $foto = "URL foto por defecto para todos los usuarios";
    }
    
    $altoancho = GetImageSize($foto);  
    $alto = $altoancho[1];
    $ancho = $altoancho[0];
    
    if(($ancho > $alto)or($ancho == $alto)){
    
        $resta = $alto - $alto_capa;
        $porcentaje = ($resta*100)/$alto;
        $ancho_def = $ancho-(($ancho*$porcentaje)/100);    
    
        $alto = $alto_capa;
        $ancho = round($ancho_def);
        $prop_left = round(($ancho_capa*15)/100);
        if($ancho < ($ancho_capa + $prop_left)){
            $ancho = $ancho_capa + $prop_left;
        }
        $style = "left:-".$prop_left."px";
    
    }else if($ancho < $alto){
    
        $resta = $ancho - $ancho_capa;
        $porcentaje = ($resta*100)/$ancho;
        $alto_def = $alto-(($alto*$porcentaje)/100);
    
        $ancho = $ancho_capa;
        $alto = round($alto_def);
        $prop_top = round(($alto_capa*10)/100);
        if($alto < ($alto_capa + $prop_top)){
            $alto = $alto_capa + $prop_top;
        }
        $style = "top:-".$prop_top."px";
    
    }
 
return '<div style=" position:absolute; '.$style.'">
            <img src="'.$foto.'" width="'.$ancho.'px" height="'.$alto.'px" />
        </div>
        ';        
}
 

Si te fijas esta funcion retorna una division cuyas propiedades de ancho alto y posicionamiento dentro de la capa HTML, se le dan segun las dimensiones de la foto que se vaya a mostrar.

Y por ultimo lo muestro de una division con esta caracteristicas en la que le doy las medidas que quiero que tenga.

Código CSS:

.fotoPerfil{
        position:relative;
        height:80px;
        width:80px;
        overflow:hidden;
}
 

Código HTML:

<div id="fotoPerfil" class="fotoPerfil">
        <!--AQUÍ LLAMAS A LA FUNCION DE REDIMENSIONAR CON LAS DIMENSIONES EN LAS QUE QUIERAS MOSTRAR  LAS FOTOS-->
        <? echo redimensionar("URL de la foto",80,80) ?>
</div>
 

Si te fijas, aqui le doy a la funcion que me muestre la imagen con unas dimensiones de 80*80px dentro de una capa con la propiedad de overflow"hidden". Y si te vuelves a fijar en la funcion "redimensionar" le doy un left o un top negativo dependiendo de las dimensiones de la foto, con lo que queda centrada en la division y la parte restante oculta por el overflow de la misma.

No se si lo entenderas, pero si copias el codigo y lo pruebas seguro que lo ves mas claro,