Vous cherchez comment redimensionner des images en PHP? Tout en travaillant sur l’application Web, nous devons cr\u00e9er diff\u00e9rentes versions miniatures de l’image d’origine. La vignette est la version redimensionn\u00e9e de votre image d’origine. Dans cet article, nous \u00e9tudions comment t\u00e9l\u00e9charger et redimensionner des images en PHP.<\/p>\n
Sur le site Web, il existe plusieurs sc\u00e9narios o\u00f9 nous devons afficher une version courte d’une grande image. Un exemple populaire est la Galerie d’images. Dans la galerie, nous avions l’habitude d’afficher une liste de petites images. Lorsqu’un utilisateur clique sur la petite image, la grande image s’ouvre dans la fen\u00eatre contextuelle. Un autre exemple est l’affichage d’articles connexes o\u00f9 nous montrons de petites images avec le titre et la description d’un article.<\/p>\n
Dans ces sc\u00e9narios, nous devons g\u00e9n\u00e9rer une petite image (vignette) en utilisant notre image d’origine. Une petite vignette r\u00e9duit la taille de vos pages. Comme vous utilisez une petite vignette, le navigateur n\u00e9cessite une faible bande passante pour charger l’image. Cela ajoutera des avantages au site Web. Certains d’entre eux sont:<\/p>\n
Cela \u00e9tant dit, voyons comment redimensionner l’image en PHP.<\/p>\n
Intervention Image<\/a> est une biblioth\u00e8que open source qui agit comme un outil de redimensionnement d’image. Sous le capot, Intervention Image utilise GD Library et Imagick pour le traitement et la manipulation des images.<\/p>\n Pour commencer, vous devez installer la biblioth\u00e8que d’images d’intervention dans votre application. Je recommande d’utiliser Composer<\/a> pour l’installation d’une biblioth\u00e8que.<\/p>\n Ouvrez le terminal dans le r\u00e9pertoire racine de votre projet et ex\u00e9cutez la commande ci-dessous.<\/p>\n Apr\u00e8s avoir install\u00e9 la biblioth\u00e8que, vous devez inclure son environnement dans votre application. Pour cela, incluez ci-dessous deux lignes dans le fichier PHP.<\/p>\n Afin de t\u00e9l\u00e9charger et de redimensionner l’image, nous avons besoin d’un formulaire o\u00f9 l’on peut parcourir l’image et cliquer sur le bouton d’envoi. Utilisez le code HTML ci-dessous qui contient l’entr\u00e9e du fichier et un bouton d’envoi.<\/p>\n Nous avons install\u00e9 la biblioth\u00e8que et cr\u00e9\u00e9 un formulaire. Ensuite, nous devons t\u00e9l\u00e9charger et redimensionner l’image \u00e0 la vol\u00e9e. Je vais cr\u00e9er deux r\u00e9pertoires Utilisez le code ci-dessous qui stockera la version originale et la version miniature de l’image dans les r\u00e9pertoires Dans le code ci-dessus, j’ai pass\u00e9 la largeur \u00e0 300 et redimensionn\u00e9 l’image en maintenant leur rapport hauteur\/largeur. Vous pouvez transmettre la valeur de largeur selon vos besoins. Il est recommand\u00e9 de conserver le rapport hauteur\/largeur lors du redimensionnement de l’image. En utilisant le rapport hauteur\/largeur, l’image ne s’\u00e9tirera pas. Cependant, si vous recherchez un recadrage difficile, remplacez les lignes ci-dessous<\/p>\n Avec<\/p>\n Dans ce tutoriel, nous avons \u00e9tudi\u00e9 comment redimensionner des images en conservant leur rapport hauteur\/largeur. Nous avons \u00e9galement \u00e9crit un code qui recadrera fortement l’image. La biblioth\u00e8que d’images d’intervention fournit quelques options suppl\u00e9mentaires pour une composer require intervention\/image<\/code><\/pre>\n<?php\n\/\/ include composer autoload\nrequire 'vendor\/autoload.php';\n\u00a0\u00a0\nuse InterventionImageImageManagerStatic as Image;<\/code><\/pre>\n<form method=\"post\" enctype=\"multipart\/form-data\">\n\u00a0\u00a0\u00a0\u00a0<p><input type=\"file\" name=\"image\" \/><\/p>\n\u00a0\u00a0\u00a0\u00a0<input type=\"submit\" name=\"submit\" value=\"Submit\">\n<\/form><\/code><\/pre>\nRedimensionner l’image en PHP \u00e0 l’aide d’une image d’intervention<\/h3>\n
uploads<\/code>et thumbnails<\/code>. Dans le uploads<\/code>dossier, nous allons stocker l’image originale. La version miniature de l’image sera stock\u00e9e dans le thumbnails<\/code>r\u00e9pertoire.<\/p>\nuploads<\/code>et thumbnails<\/code>respectivement.<\/p>\n<?php\nrequire 'vendor\/autoload.php';\n\u00a0\u00a0\nuse InterventionImageImageManagerStatic as Image;\n\u00a0\n$allowed_mime_type = array('image\/jpg', 'image\/jpeg', 'image\/png', 'image\/gif');\n\u00a0\nif (isset($_POST['submit'])) {\n\u00a0\n\u00a0\u00a0\u00a0\u00a0if (in_array($_FILES['image']['type'], $allowed_mime_type)) {\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0if (!file_exists('uploads')) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0mkdir('uploads', 0755);\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$filename = time().'_'.$_FILES['image']['name'];\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$filepath = 'uploads\/'. $filename;\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0move_uploaded_file($_FILES['image']['tmp_name'], $filepath);\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0if (!file_exists('uploads\/thumbnails')) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0mkdir('uploads\/thumbnails', 0755);\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$thumbnailpath = 'uploads\/thumbnails\/'. $filename;\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$img = Image::make($filepath);\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$img->resize(300, null, function ($constraint) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$constraint->aspectRatio();\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0});\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$img->save($thumbnailpath);\n\u00a0\u00a0\u00a0\u00a0}\n}<\/code><\/pre>\n$img->resize(300, null, function ($constraint) {\n\u00a0\u00a0\u00a0\u00a0$constraint->aspectRatio();\n});<\/code><\/pre>\n$img->resize(300, 150)->save($thumbnailpath);<\/code><\/pre>\nConclusion<\/h3>\n
resize<\/code>m\u00e9thode. Vous pouvez en savoir plus \u00e0 ce sujet sur leur documentation<\/a>.<\/p>\nArticles Li\u00e9s<\/h4>\n