Ridimensionare automaticamente le immagini

[freank]

Ciao a tutti,
causa del rallentamento principale del mio sito è dovuto al fatto che alcune immagini ( quasi tutte) sono decisamente grandi e anche se ridimensionate con l'html, ovviamente, il problema non si risolve.

"Apri photoshop e ridimensiona le immagini lì !"
... mi direte voi... ma, purtroppo, questo non è possibile.

Il mio sito infatti permette agli utenti di caricare, direttamente loro, le immagini e quindi non si fanno problemi a caricarle di qualsiasi dimensione o formato.

Conoscete qualche "metodo/ script in javascript/ sistema rapido e semplice (senza incasinare troppo il codice) " per risolvere il problema ?

[Myaku]

che linguaggi lato server utilizzi?

[freank]

php, mysql

[badaze]

Puoi farti uno script php che ridimensiona al volo le immagini x poi caricarle nel browser. Ne ho uno da qualche parte. Se lo trovo lo posto.

[badaze]

Da adattare alle tue esigenze.

Utilizzo.

<img src="thumb.php?img=http://www.emmella.fr/ima/ART_CASIO_FX4000P.jpg" alt="">

<?php
//==============================================================================
// thumb.php
//
//==============================================================================
//----- Importante.
error_reporting(0);
$img = "quellochevuoi";
if (isset($_GET['img'])) {
  $img  = $_GET['img'];
} // if (isset($_GET['img']))
//--------- Percentuale di ridimensionamento
$pc         = 0.50;
//--------- Dimensioni massime nel caso in cui l'immagine non esiste
$maxWidth   = 400;
$maxHeight  = 350;
$filename   = $img;
//--------- Calcolo delle nuove dimensioni
$imgExiste = true;
list($width, $height) = getimagesize($filename);
if ($width == 0) {
 $width     = $maxWidth;
 $imgExiste = false;;
} // if ($width == 0) 
if ($height == 0) {
 $height    = $maxHeight ;
 $imgExiste = false;
} // if ($height == 0)
$new_width  = $width * $pc;
$new_height = $height * $pc;
//--------- Creazione dell'header
header('Content-type: image/jpeg');
//--------- Di default => L'immagine non esiste -> visualizza un'immagine con sfondo nero
$ni    = imagecreatetruecolor($new_width,$new_height);
$black = imagecolorallocate($ni, 0, 0, 0);
imagefill($ni, 0, 0, $black);
if ($imgExiste) {
 //--------- Creazione dell'immagine al volo
 $image = imagecreatefromjpeg($filename);
 //--------- Ridimensionamento
 $image_p = imagecreatetruecolor($new_width, $new_height);
 imagecopyresampled($image_p, $image, 0, 0, 0, 0, $new_width, $new_height, $width, $height);
 imagecopy($ni, $image_p, 0, 0, 0, 0, $new_width, $new_height);
} // if ($imgExiste) 
//--------- Display
imagejpeg($ni, null, 100);
imagedestroy ( $ni );
?>

[.Kurt]

badaze lo ha dato per scontato, ma utilizzare un metodo del genere per ridimensionare un numero discreto di immagini di una pagina è una pessima idea al livello di prestazioni, al punto che il caricamento lungo della pagina sarà decisamente preferibile. Al più conviene salvare la versione ridimensionata dell'immagine oltre all'immagine stessa, e renderla quando necessario. Assicurati di permettere sempre al browser di salvare le immagini nella cache, e questo dovrebbe bastare.

[badaze]

badaze lo ha dato per scontato, ma utilizzare un metodo del genere per ridimensionare un numero discreto di immagini di una pagina è una pessima idea al livello di prestazioni, al punto che il caricamento lungo della pagina sarà decisamente preferibile. Al più conviene salvare la versione ridimensionata dell'immagine oltre all'immagine stessa, e renderla quando necessario. Assicurati di permettere sempre al browser di salvare le immagini nella cache, e questo dovrebbe bastare.

Ne sono convinto.
Sul mio sito ho fatto come hai scritto. Ma non si deve dare la pappa pronta.

[freank]

. Al più conviene salvare la versione ridimensionata dell'immagine oltre all'immagine stessa, e renderla quando necessario.

era quello che volevo fare... ma la domanda è : come si fa ?
Stesso al momento dell'upload dell'immagine sul nostro server ? In che modo ?

Badaze, il metodo che tu hai usato è interessante. Per quante immagini è consigliato prima che dia problemi ?

[badaze]

era quello che volevo fare... ma la domanda è : come si fa ?
Stesso al momento dell'upload dell'immagine sul nostro server ? In che modo ?

Badaze, il metodo che tu hai usato è interessante. Per quante immagini è consigliato prima che dia problemi ?

Direi dopo una ventina. È per questo che mi sono fatto gli script di cui parlo sopra.

[badaze]

Premessa: se ho un'immagine chiamata pippo.jpeg creo un immagine ridotta che salvo con il nome th_pippo.jpeg.

Nella parte gestione del mio sito mi sono fatto uno script che legge tutte le immagini di una cartella che non non hanno un immagine ridotta e poi chiamo un altro script che riduce e salva ogni immagine.