[script] Generation d'images à la volée

[fandecine]

Comme promis dans le post http://www.webrankinfo.com/forums/viewtopic_28614.htm j'ouvre un nouveau fil pour proposer une autre astuce! (j'ai lancé l'idée en espérant être suivi, car à raison d'une astuce par jour, je porrais pas tenir six mois! ) Alors webmasters, reveillez-vous! vous avez surement des codes à partager! et puis, si ça marche, ça pourrait faire l'objet d'un forum spécifique sur wri!

bon. on y vas...

ceux qui ont visité le site de mon profil ont du constater qu'il y avait beaucoups d'images de differentes tailles (affiches de films ou wallpapers)
avec plus de 8000 affiches et 2500 wallpapers en trois tailles différentes je m'ammuse pas à faire les recadrages à la main, c'est php qui fait ça, et il le fait une bonne fois pour toute et il fait cela lorsque j'iploade l'image sur le serveur.

Comme pour mon précédant fil, vous pouvez m'insulter si le truc est archi connu!

Comment ça marche?

Prennons l'exemple d'une affiche de film: Elle existe sous trois format (sa taille originale, une taille reduite sur la fiche du film en 260 pixels de large, 185 pixels de haut et une miniature en 85 pixels de large un peu partout ailleurs sur le site)

le principe est de lire les caracteristiques de l'image originale avec la fonction php getimagesize(), puis de creer une image à partir de son url avec imagecreatefromjpeg(), ensuite on calcule la taille des images à générer puis on les fabrique avec le couple de fonctions imagecreatetruecolor () et
imagecopyresampled (), à la fin on renvoi un header("Content-Type: image/jpeg") pour voir le resultat.

voici le code commenté:

Code: Tout sélectionner

<?php
   $url_img=$_GET["image"];
   $conn_id = ftp_connect($ftpHost);
   $login_result = ftp_login($conn_id, $ftpLogin, $ftpPwd); // on se connecte en ftp
   @ftp_mkdir ( $conn_id, "chemin vers le repertoire 1"); // si le repertoire ou stocker l'image originale n'existe pas on le crée
   @ftp_site ($conn_id, "CHMOD 777 chemin vers le repertoire 1"); // on donne les droit d'accés à ce répertoire
   @ftp_mkdir ( $conn_id, "chemin vers le repertoire 2"); // idem pour le repertoire ou on veut stocker le format 85px
   @ftp_site ($conn_id, "CHMOD 777 chemin vers le repertoire 2");
   @ftp_mkdir ( $conn_id, "chemin vers le repertoire 3");// idem pour le repertoire ou on veut stocker le format 190px par 260
   @ftp_site ($conn_id, "CHMOD 777 chemin vers le repertoire 3");
   list($imx, $imy, $type, $attr) = getimagesize($url_img); //lecture des caracteristiques de l'image à traiter
   $ims=imagecreatefromjpeg ($url_img); // création de l'image en mémoire à partir de son url
   imagejpeg($ims,"nom de l'image jpeg",80);// on stocke l'image originale avec un facteur qualité de 80%
   $ratiox=$imx/190; // on calcule le rapport de réduction en  x
   $ratioy=$imy/260;// on calcule le rapport de réduction en  y
   if($ratiox>$ratioy) { // comme on veut pas déformer l'image, on fait un test pour qu'elle s'incrive dans le rectangle 185x260
      $imd=imagecreatetruecolor (floor($imx/$ratiox),floor($imy/$ratiox));// on fabrique l'image
      imagecopyresampled ($imd,$ims,0,0,0,0, floor($imx/$ratiox),floor($imy/$ratiox),$imx,$imy);// on la stocke
   } else {
      $imd=imagecreatetruecolor (floor($imx/$ratioy),floor($imy/$ratioy));// on fabrique l'image
      imagecopyresampled ($imd,$ims,0,0,0,0, floor($imx/$ratioy),floor($imy/$ratioy),$imx,$imy);// on la stocke
   }
   // on refait la même opération pour l'mage miniature
   imagejpeg($imd,"nom de l'image jpeg",80);
   imagedestroy($imd);// on detruit la ressource image qui n'est plus utile
   $ratiox=$imx/85;
   $imd=imagecreatetruecolor (floor($imx/$ratiox),110);
   imagecopyresampled ($imd,$ims,0,0,0,0, floor($imx/$ratiox),floor($imy/$ratiox),$imx,$imy);
   imagejpeg($imd,"nom de l'image jpeg",80);
   imagedestroy($ims);// on detruit la ressource image qui n'est plus utile
   @ftp_site ($conn_id, "CHMOD 755 chemin vers le repertoire 1"); // on protege à nouveau l'accés au repertoire 1
   @ftp_site ($conn_id, "CHMOD 755 chemin vers le repertoire 2"); // on protege à nouveau l'accés au repertoire 21
   @ftp_site ($conn_id, "CHMOD 755 chemin vers le repertoire 3"); // on protege à nouveau l'accés au repertoire 3
   ftp_quit($conn_id); // on ferme la session ftp
   header("Content-Type: image/jpeg"); // on crée une entête image jpg
   imagejpeg ($imd); // on retourne l'image miniature
   imagedestroy($imd); // on detruit la ressource image qui n'est plus utile
?>

dans la page appelant le script on met:

Code: Tout sélectionner

<img src="nomduscript.php?image=url de l'image à traiter">

Attention! ce genre de script consomme pas mal de ressources mémoire (c'est pour cela que je le lance lorsque j'uploade de nouvelle images) Il peut être nécessaire selon la taille de l'image d'allouer plus de mémoire au script en ajoutant dans le .htaccess:

Code: Tout sélectionner

php_value memory_limit 64M

voilà! c'est tout.

[gorgu]

tu pourrais verifier l'existance de l'image afin de ne faire ce redimentionnement qu'une seule fois. je vais chercher le bout de script et je le mets ici

[gorgu]

bon on va dire que tu as un repertoire taille1 taille2 taille3

en debut de fichier
<?
if (file_exists("taille1/$image")
{
header( "location: taille1/l$image");
}
else
{

ton fichier
avec à la fin

imagejpeg ($imd,"taille1/$image");
imagejpeg ($imd);
ImageDestroy ($imd);
?>

[fandecine]

d'accord avec toi, mais telle que je le présente ce script est à inclure dans un back office (outils de mise à jour de site) et nom pas sur le site lui même (d'ailleur sur le mien, avec la mise en cache des pages php ça marcherais pas de faire un file_exists()!) Et dans la cas d'un back office, l'image étant nouvelle, tu est sur qu'elle n'existe pas déjà, qlqsoit le format.

[dreamclic]

le problème, c'est que si tu décides de changer la taille d'affichage sur ton site, t'as tout à refaire.

Nous, on upload l'image originale et on stocke le fichier généré au premier affichage.

C'est ce fichier qu'appelle le script directement s'il existe déjà

[caro]

fandecine je suis fan de toi
merci pour ce nouveau script, si tout le monde prenait le temps de partager comme toi, je t'explique pas les progressions qu'on ferait.
encore merci
carole

[e-kiwi]

lol ca s'appelle l'open source ...

[shrom]

lol ca s'appelle l'open source ...

Mais les gens n'y sont pas encore sensibilisés, il faut continuer l'*Evangélisme*.

Prenons l'exemple de Linux. Bon ça va les webmasters savent ce que c'est. IBM nous fait un matraquage publicitaire depuis des années sur Linux et bien le commun des mortel dit ne jamais en avoir entendu parlé, les SSII clament haut et fort que c'est un truc pour bidouilleurs qu'il ne faut pas utiliser en production ...

Je commence à désespérer.

[fandecine]

fandecine je suis fan de toi

arrête carole

[fandecine]

le problème, c'est que si tu décides de changer la taille d'affichage sur ton site, t'as tout à refaire.

Nous, on upload l'image originale et on stocke le fichier généré au premier affichage.

C'est ce fichier qu'appelle le script directement s'il existe déjà

mon problème, c'est que je met les pages en cache pour soulager le serveur. Donc si je génére l'image au premier chargement de la page, les cript sera appellé également aux chargement suivants. Donc les economies de ressources que j'obtiens avec la mise en cache sont perdues, car, question ressources, ce script en consomme pas mal (surtout de la mémoire).

[Den-S]

Salut,

sympa de faire partager tes scripts ! Moi j'utilise le même genre de systeme pour des images et leurs vignettes par contre j'utilise netpbm pour redimensionner les images qui donne un meilleur résultat et consomme moins de ressources apache. Par contre c'est un programme externe à php donc il faut qu'il soit installé sur le serveur.

un petit comparatif gd/netpbm : http://gallery.menalto.com/modules.php? ... file=index

[spijoelx]

un petit comparatif gd/netpbm : http://gallery.menalto.com/modules.php? ... file=index

2/5/2004 Note: This page is at least two years out of date. When it was originally written, GD2 was not available. Now that GD2 is available and offers better quality image manipulation we are working on integrating it into Gallery 2.0

[fandecine]

Oups! pas assez rapide, mais j'allais le dire!

[Tex]

perso je fait tous mes resize d'images lors de l'upload avec le script qui upload l'image originale (pas besoin de FTP), comme ça le resize est fait une bonne fois pour toutes, si un jour une nouvelle taille apparait je ferait un script pour tout resizer depuis l'original qui est également sur le serveur. (pour l'anecdote je bosse aussi pour un site de cine (un gros))

[itsme]

... et moi je compresse a l'upload et resize dynamiquement en jouant sur les parametres de la balise img a la generation de la page, ainsi une seule image sert pour differentes presentations et il n'y a pas de charge serveur