{"id":25586,"date":"2021-06-09T15:38:00","date_gmt":"2021-06-09T12:38:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=25586"},"modified":"2021-10-18T02:07:52","modified_gmt":"2021-10-17T23:07:52","slug":"telecharger-et-compresser-plusieurs-images-en-php","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fr\/telecharger-et-compresser-plusieurs-images-en-php\/","title":{"rendered":"T\u00e9l\u00e9charger et compresser plusieurs images en PHP"},"content":{"rendered":"

R\u00e9cemment, l’un de nos lecteurs a demand\u00e9 comment t\u00e9l\u00e9charger et compresser plusieurs images en PHP. Il existe certains sc\u00e9narios o\u00f9 nous devons permettre aux utilisateurs de t\u00e9l\u00e9charger plusieurs images. C’est toujours une bonne pratique d’optimiser les images au moment du t\u00e9l\u00e9chargement. Dans cet article, nous \u00e9tudions le t\u00e9l\u00e9chargement de plusieurs images et comment compresser les images pendant le processus de t\u00e9l\u00e9chargement.<\/p>\n

Pourquoi devons-nous r\u00e9duire la taille du fichier image\u00a0?<\/h3>\n

Sans aucun doute, les images jouent un r\u00f4le important dans votre site Web. Des images accrocheuses attirent l’attention des lecteurs et ils passeraient plus de temps sur le site Web. Mais en m\u00eame temps, les images de grande taille ralentissent votre site Web. Comme il faut plus de bande passante, votre site Web met plus de temps \u00e0 charger les pages Web. Les propri\u00e9taires de sites doivent faire attention \u00e0 r\u00e9duire la taille du fichier image et utiliser le meilleur outil de compression d’image pour cela.<\/p>\n

Je vais vous montrer 2 fa\u00e7ons de compresser des images \u2013 TinyPNG et le package artisansweb\/image-optimizer<\/a>.<\/p>\n

TinyPNG<\/a> est l’un des services de compression d’images les plus populaires sur le Web. Ce service permet de compresser 500 images par mois gratuitement via leurs API. Pour plus de 500 images, vous devez les payer.<\/p>\n

Si vous devez optimiser plus de 500 images par mois et que vous ne voulez pas payer, alors utilisez le package ‘artisansweb\/image-optimizer’. Ce package utilise le service reSmush.it<\/a> pour l’optimisation des images.<\/p>\n

Je recommanderais d’essayer les deux solutions, de comparer la sortie et de choisir celle qui vous convient.<\/p>\n

Cela dit, voyons comment compresser les images apr\u00e8s les avoir t\u00e9l\u00e9charg\u00e9es.<\/p>\n

Premiers pas avec TinyPNG<\/h3>\n

Pour commencer, vous devez obtenir une cl\u00e9 API de TinyPNG. Cliquez ici<\/a> pour obtenir votre cl\u00e9 API. Il vous suffit d’entrer votre nom et votre adresse e-mail et vous recevrez l’e-mail de votre cl\u00e9.<\/p>\n

\"T\u00e9l\u00e9charger<\/a><\/p>\n

Une fois que vous obtenez votre cl\u00e9 de d\u00e9veloppeur, installez une biblioth\u00e8que PHP fournie par TinyPNG. Vous devez avoir Composer<\/a> install\u00e9 sur le syst\u00e8me pour installer la biblioth\u00e8que. Ouvrez le terminal dans le r\u00e9pertoire racine de votre projet et ex\u00e9cutez la commande\u00a0:<\/p>\n

composer require tinify\/tinify<\/code><\/pre>\n
Comment compresser des images avec TinyPNG<\/h3>\n
Comme mentionn\u00e9 dans le titre de cet article, nous allons voir comment t\u00e9l\u00e9charger et compresser plusieurs images. Pour cela, nous devons cr\u00e9er un formulaire HTML avec une entr\u00e9e de fichier pour parcourir plusieurs images. Cr\u00e9ez index.php<\/code>et placez le code ci-dessous dedans.<\/p>\n
index.php<\/strong><\/p>\n
<form method=\"post\" enctype=\"multipart\/form-data\" action=\"process_images.php\">\n\u00a0\u00a0\u00a0\u00a0<p>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<label>Upload Images<\/label>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<input type=\"file\" name=\"images[]\" accept=\"image\/*\" multiple>\n\u00a0\u00a0\u00a0\u00a0<\/p>\n\u00a0\u00a0\u00a0\u00a0<button type=\"submit\" name=\"submit\">Submit<\/button>\n<\/form><\/code><\/pre>\n
Au fichier d’entr\u00e9e, j’ai donn\u00e9 un nom sous forme d’images[]. En effet, c\u00f4t\u00e9 serveur, nous avons besoin d’un tableau de fichiers car l’utilisateur va parcourir plusieurs images.<\/p>\n
Une fois que nous avons parcouru les images et cliqu\u00e9 sur le bouton Soumettre, les donn\u00e9es du formulaire seront envoy\u00e9es au fichier process_images.php<\/code>. C’est le fichier dans lequel nous devons \u00e9crire un code pour t\u00e9l\u00e9charger et compresser des images.<\/p>\n
process_images.php<\/strong><\/p>\n
<?php\n\/\/ Increase PHP execution time\nset_time_limit(0);\n\u00a0\nrequire_once(\"vendor\/autoload.php\");\nTinifysetKey(\"YOUR_API_KEY\");\n\u00a0\nif (isset($_POST['submit'])) {\n\u00a0\u00a0\u00a0\u00a0$supported_images = array('image\/gif', 'image\/jpg', 'image\/jpeg', 'image\/png');\n\u00a0\n\u00a0\u00a0\u00a0\u00a0if (!file_exists(getcwd(). '\/uploads')) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0mkdir(getcwd(). '\/uploads', 0777);\n\u00a0\u00a0\u00a0\u00a0}\n\u00a0\u00a0\n\u00a0\u00a0\u00a0\u00a0foreach($_FILES['images']['name'] as $key=>$val) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$file_name = $_FILES['images']['name'][$key];\n\u00a0\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/ get file extension\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$ext = strtolower(pathinfo($file_name, PATHINFO_EXTENSION));\n\u00a0\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/ get filename without extension\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$filenamewithoutextension = pathinfo($file_name, PATHINFO_FILENAME);\n\u00a0\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0if (in_array($_FILES['images']['type'][$key], $supported_images)) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$filename_to_store = $filenamewithoutextension.'_'.time().'.' .$ext;\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0move_uploaded_file($_FILES['images']['tmp_name'][$key], getcwd().'\/uploads\/'.$filename_to_store);\n\u00a0\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/ optimize image using TinyPNG\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0try {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$source = TinifyfromFile(getcwd().'\/uploads\/'.$filename_to_store);\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$source->toFile(getcwd().'\/uploads\/'.$filename_to_store);\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0} catch(Exception $e) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0echo $e->getMessage();\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0exit;\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}\n\u00a0\u00a0\u00a0\u00a0}\n\u00a0\u00a0\u00a0\u00a0echo \"Files uploaded successfully.\";\n}<\/code><\/pre>\n
Assurez-vous de remplacer l’espace r\u00e9serv\u00e9 par votre cl\u00e9 API r\u00e9elle. Dans le code ci-dessus, nous g\u00e9n\u00e9rons un nom de fichier unique en y ajoutant une heure. Une fois qu’une image est t\u00e9l\u00e9charg\u00e9e sur le serveur, nous l’envoyons \u00e0 l’API TinyPNG pour optimisation. En retour, nous obtenons la version compress\u00e9e de l’image que nous stockons au m\u00eame endroit et avec le m\u00eame nom de fichier.<\/p>\n
Compresser les images \u00e0 l’aide du package artisansweb\/image-optimizer<\/h3>\n
J’ai d\u00e9velopp\u00e9 le package Image Optimizer<\/a>. Ce package utilise le service reSmush.it<\/a> sous le capot pour optimiser les images. Si vous recherchez un service gratuit, essayez ce package. Le reSmush.it a optimis\u00e9 des milliards d’images jusqu’\u00e0 pr\u00e9sent. Ce forfait ne n\u00e9cessite pas de fournir de cl\u00e9 ou d’enregistrement. Il suffit de le brancher et le tour est jou\u00e9.<\/p>\n
Pour commencer avec le package Image Optimizer, installez-le \u00e0 l’aide de la commande\u00a0:<\/p>\n
composer require artisansweb\/image-optimizer<\/code><\/pre>\n
Ensuite, le code dans le process_image.php<\/code>sera modifi\u00e9 comme suit.<\/p>\n
<?php\n\/\/ Increase PHP execution time\nset_time_limit(0);\n\u00a0\nrequire_once(\"vendor\/autoload.php\");\n\u00a0\nuse ArtisansWebOptimizer;\n\u00a0\nif (isset($_POST['submit'])) {\n\u00a0\u00a0\u00a0\u00a0$supported_images = array('image\/gif', 'image\/jpg', 'image\/jpeg', 'image\/png');\n\u00a0\n\u00a0\u00a0\u00a0\u00a0if (!file_exists(getcwd(). '\/uploads')) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0mkdir(getcwd(). '\/uploads', 0777);\n\u00a0\u00a0\u00a0\u00a0}\n\u00a0\u00a0\n\u00a0\u00a0\u00a0\u00a0foreach($_FILES['images']['name'] as $key=>$val) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$file_name = $_FILES['images']['name'][$key];\n\u00a0\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/ get file extension\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$ext = strtolower(pathinfo($file_name, PATHINFO_EXTENSION));\n\u00a0\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/ get filename without extension\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$filenamewithoutextension = pathinfo($file_name, PATHINFO_FILENAME);\n\u00a0\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0if (in_array($_FILES['images']['type'][$key], $supported_images)) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$filename_to_store = $filenamewithoutextension.'_'.time().'.' .$ext;\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0move_uploaded_file($_FILES['images']['tmp_name'][$key], getcwd().'\/uploads\/'.$filename_to_store);\n\u00a0\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/ optimize image\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0try {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$img = new Optimizer();\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$source = getcwd().'\/uploads\/'.$filename_to_store;\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$img->optimize($source);\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0} catch(Exception $e) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0echo $e->getMessage();\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0exit;\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}\n\u00a0\u00a0\u00a0\u00a0}\n\u00a0\u00a0\u00a0\u00a0echo \"Files uploaded successfully.\";\n}<\/code><\/pre>\n
J’esp\u00e8re que vous comprenez comment t\u00e9l\u00e9charger et compresser plusieurs images en PHP. J’aimerais entendre vos pens\u00e9es et suggestions dans la section des commentaires ci-dessous.<\/p>\n
Articles Li\u00e9s<\/h4>\n