rotation image après compression.

Version imprimable

Bonjour,
Dans un tchat, les utilisateurs peuvent télécharger des images ou photos que j'affiche dans le fil de discussion. Là tout se passe bien, les photos sont correctement affichées.
Pour économiser de l'espace j'ai décidé de les compresser après upload et de les redimensionner à l'affichage. Là tout se passe correctement sauf que certaines photos s'affichent avec une rotation de 90 ou 180° mais certaines sont correctes.
J'ai essayé en CSS : image-orientation: from-image; mais rien n'y fait. J'ai confirmé que le pb se passe au niveau de la compression en affichant la photo avant et après.
J'ai essayé 2 functions de compression qui donnent les mêmes résultats. Ces fonctions proviennent du net, je ne les ai pas développées moi même.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 function compresserImage($source, $dest, $quality) { // quality 0 à 100 $info = getimagesize($source); if ($info['mime'] == 'image/jpeg') $image = imagecreatefromjpeg($source); elseif ($info['mime'] == 'image/gif') $image = imagecreatefromgif($source); elseif ($info['mime'] == 'image/png') $image = imagecreatefrompng($source); // création de l'image return imagejpeg($image, $dest, $quality); }
et
Code:

1 2 3 4 5 6 7 function convertImage($source, $dst, $width, $height, $quality){ $imageSize = getimagesize($source) ; $imageRessource= imagecreatefromjpeg($source) ; $imageFinal = imagecreatetruecolor($width, $height) ; $final = imagecopyresampled($imageFinal, $imageRessource, 0,0,0,0, $width, $height, $imageSize[0], $imageSize[1]) ; imagejpeg($imageFinal, $dst, $quality) ; }
En fait je pense qu'il faudrait pouvoir conserver les données exif mais je ne sais pas comment faire ?

Si je pouvais avoir une piste de réflexion je serai comblé et je vous en remercie par avance.

02/02/2023, 22h32
Séb.

À mon avis il faut récupérer le EXIF de l'orientation de l'original et ajuster l'orientation après traitement.

Merci pour ta réponse.
Je suppose quelque chose comme ça (trouvé sur "stackOverflow") :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
// 1) save orientation before upload
if (getimagesize($file['tmp_name'])['mime'] === 'image/jpeg') {
  $exif = exif_read_data($file['tmp_name']);
  if (!empty($exif['Orientation'])) {
    $this->file_orientation = $exif['Orientation'];
  }
}
 
// 2) upload and compress your photo
// ... 
// $output = '/path/to/compressed/photo.jpg';
 
// 3) check orientation of original photo and rotate the new-compressed one
if ($this->file_orientation > 1) {
  $image = imagecreatefromjpeg($output);
  if (in_array($orientation, [3, 4])) {
    $image = imagerotate($image, 180, 0);
  }
  if (in_array($orientation, [5, 6])) {
    $image = imagerotate($image, -90, 0);
  }
  if (in_array($orientation, [7, 8])) {
    $image = imagerotate($image, 90, 0);
  }
  if (in_array($orientation, [2, 5, 7, 4])) {
    imageflip($image, IMG_FLIP_HORIZONTAL);
  }
  imagejpeg($image, $output, $quality);
}

Ce qui m'étonne c'est que les méthodes de compression ne fassent pas ce travail de façon native car ce problème doit être récurent.
Ou alors il y a autre chose que je n'ai pas trouvé.

03/02/2023, 11h35
Séb.

Oui j'ai déjà été confronté au problème, j'ai dû mettre en œuvre ce genre de solution.

Citation:

Ce qui m'étonne c'est que les méthodes de compression ne fassent pas ce travail de façon native car ce problème doit être récurent.

GD repart sur une nouvelle ressource, toutes les métas sautent. Ça ne me choque pas spécialement.
Tu peux essayer de voir comment se comportent les autres libs comme ImageMagick ou Gmagick
https://www.php.net/manual/fr/refs.utilspec.image.php
03/02/2023, 11h45
forumcmy

Merci de l'info.

Je suis en train de travailler sur une solution qui me conviendrait.
Je ferai un retour dès que je serai satisfait de ma solution.

Voilà du code qui fonctionne chez moi, les images Jpeg, gif et png sont dans le bon sens et compressés.
La prochaine étape est de moduler le taux de compression en fonction de la taille initiale du fichier.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
function compresserImage($source, $dest, $quality) { // quality 0 à 100
	//echo"<br />source : $source<br />";
	//echo"<br />dest : $dest<br />";
	$info = getimagesize($source);
	echo"info : <br />";	print_r($info); echo"<br />";
	$fileSize=filesize($source);
	$fileSizeKO=strval(round($fileSize/1024))." Ko";
	echo"taille $source = $fileSizeKO.";
 
	// Save orientation image source ($source)
	if ($info['mime'] == 'image/jpeg') {
		$exif = exif_read_data($source,'tmp_name');
		if (!empty($exif['Orientation'])) {
		 $file_orientation = $exif['Orientation'];
		}
		//echo"<br />file_orientation : $file_orientation<br />";
 
	// Check orientation of image source ($source) and rotate si nécessaire
		//if ($file_orientation > 1) {
		  $image = imagecreatefromjpeg($source);
		  if (in_array($file_orientation, [3, 4])) {
			 $image = imagerotate($image, 180, 0);
		  }
		  if (in_array($file_orientation, [5, 6])) {
			 $image = imagerotate($image, -90, 0);
		  }
		  if (in_array($file_orientation, [7, 8])) {
			 $image = imagerotate($image, 90, 0);
		  }
		  if (in_array($file_orientation, [2, 5, 7, 4])) {
			 imageflip($image, IMG_FLIP_HORIZONTAL);
		  }
		//}
	}
	elseif ($info['mime'] == 'image/gif') {
		 $image = imagecreatefromgif($source);
	}
 
	elseif ($info['mime'] == 'image/png') {
		 $image = imagecreatefrompng($source);
	}
 
	imagejpeg($image, $dest, $quality);
}

Voilà ma dernière version et les paramètres qui vont avec :
L'appel se fait avec : $tailleMax=100;
$quality=(ceil(intval($fileSizeKO)/intval($tailleMax))/10); est calculé de cette façon mais c'est à vous de voir.
et l'affichage est géré comme ça : echo"<br /><img src=$source width='300'>"; // Limitation taille affichage

Dans ces conditions ça me convient.

Je n'ai pas trouvé de façon simple et qui s'adapte au jpg, gif et png de faire une compression qui retourne un fichier de la taille exacte de $tailleMax.
Si vous avez une idée, je suis preneur.

Merci à toi Séb.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
/*********************************************************/
/*** TAUX de compression variable avec une taille max. ***/
function compresserImageV3($source, $dest, $tailleMax) { // tailleMax en Ko
	//echo"<br />source : $source<br />";
	//echo"<br />dest : $dest<br />";
	$info = getimagesize($source);
	echo"info : <br />";	print_r($info); echo"<br />";
	$fileSize=filesize($source);
	$fileSizeKO=strval(round($fileSize/1024))." Ko";
	echo"taille $source = $fileSizeKO.";
 
	// Save orientation image source ($source)
	if ($info['mime'] == 'image/jpeg') {
		$exif = exif_read_data($source,'tmp_name');
		if (!empty($exif['Orientation'])) {
		 $file_orientation = $exif['Orientation'];
		}
		//echo"<br />file_orientation : $file_orientation<br />";
 
	// Check orientation of image source ($source) and rotate si nécessaire
		//if ($file_orientation > 1) {
		  $image = imagecreatefromjpeg($source);
		  if (in_array($file_orientation, [3, 4])) {
			 $image = imagerotate($image, 180, 0);
		  }
		  if (in_array($file_orientation, [5, 6])) {
			 $image = imagerotate($image, -90, 0);
		  }
		  if (in_array($file_orientation, [7, 8])) {
			 $image = imagerotate($image, 90, 0);
		  }
		  if (in_array($file_orientation, [2, 5, 7, 4])) {
			 imageflip($image, IMG_FLIP_HORIZONTAL);
		  }
		//}
	}
	elseif ($info['mime'] == 'image/gif') {
		 $image = imagecreatefromgif($source);
	}
	elseif ($info['mime'] == 'image/png') {
		 $image = imagecreatefrompng($source);
	}
	if ($fileSizeKO<$tailleMax) {
		$quality=100;
	}
	else {
		$quality=(ceil(intval($fileSizeKO)/intval($tailleMax))/10);
		if ($quality>100) {$quality=100;}
		if ($quality<1) {$quality=1;}
	}
	imagejpeg($image, $dest, $quality);
}
?>