Français
Français
Lorsque vous utilisez PHP pour traiter les images, ImageeANtialias () est une fonction commune pour permettre à l'anti-aliasing d'améliorer la douceur de l'image, en particulier lors du dessin de lignes ou de formes. Cependant, lorsque de nombreux développeurs utilisent cette fonction pour rendre des images avec du texte, ils constatent que le texte est toujours déchiqueté sur les bords, ce qui n'a pas l'air assez fluide pour obtenir l'effet visuel idéal. Pourquoi est-ce? Cet article explorera en profondeur les limites de la fonction ImageeANtiAnias () dans PHP et la bonne façon de gérer le rendu de texte.
Imageantalias () est une fonction fournie par la bibliothèque GD. Sa fonction principale est d'activer la fonction anti-aliasing et d'améliorer l'effet d'affichage des bords des figures géométriques telles que les lignes et les cercles de l'image. Comment l'utiliser est comme suit:
$image = imagecreatetruecolor(400, 200);
imageantialias($image, true);
Après avoir appelé cette fonction, effectuez des opérations de dessin telles que ImageLeline () , ImageLlipse () , etc., et vous verrez que les bords sont plus lisses. Ceci est réalisé via l'algorithme de mélange d'images à l'intérieur de la bibliothèque GD.
Le problème clé est: ImageeANtiaLIAS () n'est pas valide pour le texte dessiné par la fonction ImagettfText () .
Dans la bibliothèque GD, le dessin du texte est effectué par la fonction ImageTtFText () , qui rend le texte sur une image à l'aide du fichier de police TrueType ( .TTF ). Par exemple:
$font = '/path/to/font.ttf';
imagettftext($image, 20, 0, 50, 100, $color, $font, 'Hello World');
Bien que vous appeliez ImageeAralias () avant de dessiner, la bibliothèque GD n'effectue pas un anti-aliasing supplémentaire sur la sortie du texte par ImagettfText () . Le comportement anti-aliasing de la rendu de police lui-même est contrôlé par la bibliothèque Freetype et n'a aucune relation directe avec ImageeRalias () .
Lorsque GD appelle ImageTtFText () , sa dépendance sous-jacente à la bibliothèque Freetype pour rendre le texte, et Freetype permettra par défaut son propre mécanisme anti-aliasing. Ce mécanisme anti-aliasing est limité par le type d'image de GD et les capacités de traitement des couleurs:
Si vous utilisez une image créée par ImageCreateTrueColor () (c'est-à-dire une carte 24 bits), le texte rendu par le freestyle aura un certain effet anti-aliasing, mais il n'est toujours pas aussi fluide que les graphiques vectoriels.
Si vous utilisez une image de palette (8 bits) créée par ImageCreate () , le texte n'a essentiellement pas de capacités anti-aliasing.
Donc, si vous constatez que le texte est mal déchiqueté, assurez-vous d'abord que vous utilisez une image TrueColor.
Si vous souhaitez obtenir un effet de rendu de texte de meilleure qualité, vous pouvez essayer ce qui suit:
$image = imagecreatetruecolor(400, 200);
Les images TrueColor offrent une profondeur de couleur plus élevée et un meilleur support pour le rendu anti-aliasing.
Une solution de contournement consiste d'abord à dessiner du texte sur une image haute résolution, puis à rétrécir l'image pour obtenir un effet de lissage:
$scale = 4;
$largeImage = imagecreatetruecolor(800, 400); // agrandir4Double
$color = imagecolorallocate($largeImage, 0, 0, 0);
imagettftext($largeImage, 80, 0, 200, 300, $color, $font, 'Hello');
$smallImage = imagecreatetruecolor(200, 100);
imagecopyresampled($smallImage, $largeImage, 0, 0, 0, 0, 200, 100, 800, 400);
header('Content-Type: image/png');
imagepng($smallImage);
imagedestroy($largeImage);
imagedestroy($smallImage);
Cette méthode simule les effets anti-aliasing en élargissant manuellement l'image, et l'effet réel est souvent meilleur que le rendu direct.
GD lui-même a des capacités de rendu de texte limitées. Si les exigences de la qualité de l'image sont élevées, il est recommandé d'utiliser Imagrick (basé sur ImageMagick):
$imagick = new Imagick();
$imagick->newImage(400, 200, new ImagickPixel('white'));
$draw = new ImagickDraw();
$draw->setFont('Arial');
$draw->setFontSize(20);
$draw->setFillColor(new ImagickPixel('black'));
$imagick->annotateImage($draw, 50, 100, 0, 'Hello World');
$imagick->setImageFormat('png');
header('Content-Type: image/png');
echo $imagick;
Imagick prend en charge le dessin vectorisé et l'anti-aliasing plus détaillé, adapté à la génération d'images de haute qualité.
Bien que l'imageantialias () soit très efficace lorsqu'il s'agit de graphiques de base, il n'affecte pas l'effet anti-aliasing du rendu de texte . La question de savoir si le texte rendu à l'aide d'imagettfText () dans PHP est fluide dépend des facteurs suivants:
Si le type d'image est truecolor;
La qualité du fichier de police lui-même;
S'il faut utiliser le rendu d'optimisation de mise à l'échelle;
Que ce soit pour utiliser une bibliothèque d'images plus avancée telle que Imagrick.
Après avoir compris ces limitations, nous pouvons sélectionner des outils et des méthodes plus cible pour générer une sortie d'image qui répond à nos besoins. Si vous rencontrez des problèmes de qualité lorsque vous créez des codes de vérification d'image, des images de partage des médias sociaux ou des filigranes de texte, vous pourriez aussi bien commencer par ces aspects à optimiser.
Par exemple, visitez l'adresse suivante pour voir les effets de l'optimisation de l'échelle d'image:
