Equivalence filtre css et librairie GD

Equivalence filtre css et librairie GD - PHP - Programmation

Marsh Posté le 27-10-2017 à 09:57:24    

Bonjour,


Message édité par snike le 27-10-2017 à 11:14:04
Reply

Marsh Posté le 27-10-2017 à 09:57:24   

Reply

Marsh Posté le 27-10-2017 à 11:13:39    

Bonjour,
 
  Je cherche à générer des images via GD ç partir des filtres css du style :

Code :
  1. filter: sepia(0.5) hue-rotate(-30deg) saturate(1.2) contrast(0.8); // ig-1977


 
  Sauf erreur de ma part, il n'y a pas directement dans GD de filtre sepia, hue-rotate et saturate, j'ai donc trouvé des équivalences mais le résultat n'est pas le même.
 

Code :
  1. $nom_fichier='test.JPG';
  2.   $image = @imagecreatefromjpeg($nom_fichier);
  3.   sepia($image,0.5); // sepia(0.5)
  4.   imagehue($image, -30); // hue-rotate(-30deg)
  5.   imageSaturation($image, 20); // saturate(1.2)
  6.   imagefilter($image,IMG_FILTER_CONTRAST,190); //contrast(0.8)
  7.   imagejpeg($image,"toto.jpg" );
  8.   imagedestroy($image);
  10.   // filter: sepia(0.5) hue-rotate(-30deg) saturate(1.2) contrast(0.8);
  13. // Filtre Sépia
  14. // Source : http://php.net/manual/fr/function.imagefilter.php
  15. function sepia(&$image,$p) {
  16.   imagefilter($image,IMG_FILTER_GRAYSCALE,255*$p);
  17.  imagefilter($image,IMG_FILTER_BRIGHTNESS,(-30/255)*$p);
  18.  imagefilter($image,IMG_FILTER_COLORIZE, (90/255)*$p, (55/255)*$p, (30/255)*$p);
  19. }
  22. // Filtre hue-rotate
  23. // Source : https://stackoverflow.com/questions [...] gd-library
  24. function imagehue(&$image, $angle) {
  25.  if ($angle % 360 == 0) return;
  26.   $width = imagesx($image);
  27.   $height = imagesy($image);
  29.   for($x = 0; $x < $width; $x++) {
  30.   for($y = 0; $y < $height; $y++) {
  31.    $rgb = imagecolorat($image, $x, $y);
  32.    $r = ($rgb >> 16) & 0xFF;
  33.    $g = ($rgb >> 8) & 0xFF;
  34.    $b = $rgb & 0xFF;
  35.    $alpha = ($rgb & 0x7F000000) >> 24;
  36.    list($h, $s, $l) = rgb2hsl($r, $g, $b);
  37.    $h += $angle / 360;
  38.    if($h > 1) $h--;
  39.    list($r, $g, $b) = hsl2rgb($h, $s, $l);
  40.    imagesetpixel($image, $x, $y, imagecolorallocatealpha($image, $r, $g, $b, $alpha));
  41.   }
  42.  }
  43. }
  46. // Filtre saturate  
  47. function imageSaturation(&$image, $saturationPercentage) {
  48.  $width = imagesx($image);
  49.  $height = imagesy($image);
  51.  for($x = 0; $x < $width; $x++) {
  52.   for($y = 0; $y < $height; $y++) {
  53.    $rgb = imagecolorat($image, $x, $y);
  54.    $r = ($rgb >> 16) & 0xFF;
  55.    $g = ($rgb >> 8) & 0xFF;
  56.    $b = $rgb & 0xFF;
  57.    $alpha = ($rgb & 0x7F000000) >> 24;
  58.    list($h, $s, $l) = rgb2hsl($r, $g, $b);
  59.    $s = $s * (100 + $saturationPercentage ) /100;
  60.    if($s > 1) $s = 1;
  61.    list($r, $g, $b) = hsl2rgb($h, $s, $l);
  62.    imagesetpixel($image, $x, $y, imagecolorallocatealpha($image, $r, $g, $b, $alpha));
  63.   }
  64.  }
  65. }


 
Avez-vous des meilleurs scripts ?
 
Merci par avance.

Reply

Marsh Posté le 27-10-2017 à 12:16:25    

Bonjour,
 
  Il y a peut être une possibilité avec ImageMajick ?
 
Cordialement

Reply

Marsh Posté le 29-10-2017 à 12:05:07    

Bonjour,

 

Les matrices de transformation sont disponibles dans les specs du css (sépia, hue-rotate et saturation) :
https://www.w3.org/TR/filter-effect [...] rixElement
https://www.w3.org/TR/filter-effects-1/#sepiaEquivalent
https://www.w3.org/TR/filter-effect [...] Equivalent
https://www.w3.org/TR/filter-effect [...] Equivalent

 

Et pour le contraste :
https://www.w3.org/TR/filter-effect [...] ferElement
https://www.w3.org/TR/filter-effect [...] Equivalent

 


Il faut bien comprendre que ces effets sont subjectifs, à chacun de les définir.


Message édité par MaybeEijOrNot le 29-10-2017 à 12:06:10

---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.
Reply

Marsh Posté le 29-10-2017 à 14:50:16    

Bonjour,
 
  Merci.
  Quel est le lien entre ces matrices et la librairie GD ?
  Il y a une fonction imageconvolution mais la matrice est 3x3.
 
Cordialement

Reply

Marsh Posté le 29-10-2017 à 16:40:46    

Aucun lien (direct) avec la librairie GD, simplement comme les effets sont au bon vouloir de chacun il est possible que tu ne trouves aucun script faisant pareil que CSS. Du coup je te donne de quoi comparer ou les bonnes bases si tu souhaites coder toi-même ces effets, ce qui est faisable avec GD a priori.


Message édité par MaybeEijOrNot le 29-10-2017 à 16:41:42

---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.
Reply

Marsh Posté le 29-10-2017 à 18:20:41    

Ok, merci pour tes renseignements, je vais voir comment faire.

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed