{"id":25204,"date":"2021-06-01T19:22:00","date_gmt":"2021-06-01T16:22:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=25204"},"modified":"2021-10-18T02:09:48","modified_gmt":"2021-10-17T23:09:48","slug":"comment-optimiser-l-image-lors-du-telechargement-en-php","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fr\/comment-optimiser-l-image-lors-du-telechargement-en-php\/","title":{"rendered":"Comment optimiser l’image lors du t\u00e9l\u00e9chargement en PHP"},"content":{"rendered":"

R\u00e9cemment, l’un des lecteurs m’a demand\u00e9 comment optimiser les images lors du t\u00e9l\u00e9chargement en PHP. Pour r\u00e9pondre \u00e0 la question, j’ai d\u00e9cid\u00e9 d’\u00e9crire un article qui montrera comment r\u00e9duire ou compresser la taille du fichier au moment de le t\u00e9l\u00e9charger.<\/p>\n

En tant que d\u00e9veloppeur, le t\u00e9l\u00e9chargement de fichiers est notre t\u00e2che habituelle. Nous le faisons toujours de mani\u00e8re traditionnelle. En utilisant la fonction int\u00e9gr\u00e9e, move_uploaded_file<\/code>nous d\u00e9pla\u00e7ons les images dans le r\u00e9pertoire et les laissons telles quelles. Pensons-nous \u00e0 quelques points comme quelle est la taille de l’image t\u00e9l\u00e9charg\u00e9e\u00a0? Cette image mettra-t-elle du temps \u00e0 se charger sur un site Web\u00a0? Puis-je optimiser une image sans perdre sa qualit\u00e9 ?<\/p>\n

Les images jouent un r\u00f4le important dans la vitesse du site. Les images lourdes ralentissent la vitesse de la page, ce qui entra\u00eene une perte de votre audience et de votre trafic. Cette situation n’est pas abordable. Nous faisons beaucoup d’efforts pour d\u00e9velopper l’audience et le trafic. Donc, en tant que bonne pratique, vous devez optimiser l’image lors du t\u00e9l\u00e9chargement.<\/p>\n

Dans cet article, je vais utiliser le service TinyPNG<\/a> pour optimiser les images. Nous allons \u00e9crire un code pour cela dans quelques instants. En attendant, ci-dessous se trouve la capture d’\u00e9cran de tinypng.com pour visualiser la diff\u00e9rence entre l’image originale et optimis\u00e9e.<\/p>\n

\"Comment<\/a><\/p>\n

Utilisez TinyPNG pour optimiser l’image lors du t\u00e9l\u00e9chargement<\/h3>\n

Pour commencer, vous devez installer la biblioth\u00e8que TinyPNG. Installez la biblioth\u00e8que \u00e0 l’aide de la commande ci-dessous.<\/p>\n

composer require tinify\/tinify<\/code><\/pre>\n
Apr\u00e8s avoir install\u00e9 la biblioth\u00e8que, r\u00e9cup\u00e9rez votre cl\u00e9 API sur le site Web de TinyPNG<\/a>.<\/p>\n
Remarque<\/strong>: TinyPNG permet de compresser 500 images gratuitement par mois. Pour plus de 500 images, vous devez les payer. Si vous exploitez un petit site Web, ce quota est suffisant.<\/p>\n
Une fois que vous \u00eates pr\u00eat avec la cl\u00e9 API, commen\u00e7ons par le code. Je cr\u00e9e un formulaire HTML simple qui contient une entr\u00e9e de fichier et un bouton d’envoi.<\/p>\n
<form method=\"post\" enctype=\"multipart\/form-data\">\n\u00a0\u00a0\u00a0\u00a0<p><input type=\"file\" name=\"myfile\" accept=\"image\/*\" required \/><\/p>\n\u00a0\u00a0\u00a0\u00a0<button type=\"submit\" name=\"submit\">Submit<\/button>\n<\/form><\/code><\/pre>\n
Lorsque les utilisateurs t\u00e9l\u00e9chargent une image \u00e0 l’aide de ce formulaire, les d\u00e9veloppeurs \u00e9crivent le type de code ci-dessous pour d\u00e9placer l’image t\u00e9l\u00e9charg\u00e9e sur le serveur.<\/p>\n
if (isset($_POST['submit'])) {\n\u00a0\n\u00a0\u00a0\u00a0\u00a0$allowed_mime_types = array('image\/gif', 'image\/jpg', 'image\/jpeg', 'image\/png');\n\u00a0\n\u00a0\u00a0\u00a0\u00a0if (!in_array($_FILES['myfile']['type'], $allowed_mime_types)) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0echo 'Invalid file format.';\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0exit();\n\u00a0\u00a0\u00a0\u00a0}\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\n\u00a0\u00a0\u00a0\u00a0$src_file_name = $_FILES['myfile']['name'];\n\u00a0\u00a0\u00a0\u00a0move_uploaded_file($_FILES['myfile']['tmp_name'], getcwd().'\/uploads\/'.$src_file_name);\n\u00a0\n\u00a0\u00a0\u00a0\u00a0echo \"File uploaded successfully\";\n}<\/code><\/pre>\n
Le code ci-dessus est correct et il n’y a aucun probl\u00e8me \u00e0 l’exception de la partie manquante de l’optimisation de l’image. Pour optimiser les images, il suffit d’ajouter 2 lignes de code apr\u00e8s l’ move_uploaded_file<\/code>instruction.<\/p>\n
\/\/optimize image using TinyPNG\n$source = TinifyfromFile(getcwd().'\/uploads\/'.$src_file_name);\n$source->toFile(getcwd().'\/uploads\/'.$src_file_name);<\/code><\/pre>\n
Les 2 lignes ci-dessus prennent une image du chemin source, l’optimisent avec la biblioth\u00e8que TinyPNG sans perte de qualit\u00e9 et l’enregistrent dans le m\u00eame chemin source. En d’autres termes, il remplace l’image d’origine par la version optimis\u00e9e.<\/p>\n
Notre code final est le suivant.<\/p>\n
<?php\nrequire_once(\"vendor\/autoload.php\");\n\u00a0\nTinifysetKey(\"TINYPNG_API_KEY\"); \/\/pass your actual API key\n\u00a0\nif (isset($_POST['submit'])) {\n\u00a0\n\u00a0\u00a0\u00a0\u00a0$allowed_mime_types = array('image\/gif', 'image\/jpg', 'image\/jpeg', 'image\/png');\n\u00a0\n\u00a0\u00a0\u00a0\u00a0if (!in_array($_FILES['myfile']['type'], $allowed_mime_types)) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0echo 'Invalid file format.';\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0exit();\n\u00a0\u00a0\u00a0\u00a0}\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\n\u00a0\u00a0\u00a0\u00a0$src_file_name = $_FILES['myfile']['name'];\n\u00a0\u00a0\u00a0\u00a0move_uploaded_file($_FILES['myfile']['tmp_name'], getcwd().'\/uploads\/'.$src_file_name);\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\/\/optimize image using TinyPNG\n\u00a0\u00a0\u00a0\u00a0$source = TinifyfromFile(getcwd().'\/uploads\/'.$src_file_name);\n\u00a0\u00a0\u00a0\u00a0$source->toFile(getcwd().'\/uploads\/'.$src_file_name);\n\u00a0\n\u00a0\u00a0\u00a0\u00a0echo \"File uploaded successfully.\";\n}\n?>\n<form method=\"post\" enctype=\"multipart\/form-data\">\n\u00a0\u00a0\u00a0\u00a0<p><input type=\"file\" name=\"myfile\" accept=\"image\/*\" required \/><\/p>\n\u00a0\u00a0\u00a0\u00a0<button type=\"submit\" name=\"submit\">Submit<\/button>\n<\/form><\/code><\/pre>\n
Allez-y et essayez-le. Vous devriez voir la version optimis\u00e9e de l’image \u00eatre stock\u00e9e dans votre r\u00e9pertoire.<\/p>\n
J’esp\u00e8re que vous comprenez comment optimiser l’image lors du t\u00e9l\u00e9chargement en PHP. J’aimerais entendre vos pens\u00e9es et suggestions dans la section des commentaires ci-dessous.<\/p>\n
Articles Li\u00e9s<\/h4>\n