{"id":29324,"date":"2021-06-09T15:20:00","date_gmt":"2021-06-09T12:20:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=29324"},"modified":"2021-10-17T04:22:35","modified_gmt":"2021-10-17T01:22:35","slug":"ladda-upp-och-komprimera-flera-bilder-i-php","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/sv\/ladda-upp-och-komprimera-flera-bilder-i-php\/","title":{"rendered":"Ladda upp och komprimera flera bilder i PHP"},"content":{"rendered":"

Nyligen fr\u00e5gade en av v\u00e5ra l\u00e4sare hur man laddar upp och komprimerar flera bilder i PHP. Det finns vissa scenarier d\u00e4r vi m\u00e5ste till\u00e5ta anv\u00e4ndare att ladda upp flera bilder. Det \u00e4r alltid en bra praxis att optimera bilderna vid uppladdningstillf\u00e4llet. I den h\u00e4r artikeln studerar vi uppladdning av flera bilder och hur man komprimerar bilder under uppladdningsprocessen.<\/p>\n

Varf\u00f6r beh\u00f6ver vi minska bildens filstorlek?<\/h3>\n

Utan tvekan spelar bilder en viktig roll p\u00e5 din webbplats. I\u00f6gonfallande bilder lockar l\u00e4sarnas uppm\u00e4rksamhet och de skulle spendera mer tid p\u00e5 webbplatsen. Men samtidigt g\u00f6r bilder i stora storlekar l\u00e5ngsammare p\u00e5 din webbplats. Eftersom det tar mer bandbredd tar din webbplats l\u00e4ngre tid att ladda webbsidorna. Webbplats\u00e4garna m\u00e5ste vara uppm\u00e4rksamma p\u00e5 att minska bildfilens storlek och anv\u00e4nda det b\u00e4sta bildkomprimeringsverktyget f\u00f6r det.<\/p>\n

Jag kommer att visa dig tv\u00e5 s\u00e4tt att komprimera bilder – TinyPNG och artisansweb \/ image-optimizer-<\/a> paketet.<\/p>\n

TinyPNG<\/a> \u00e4r en av de popul\u00e4raste bildkompressortj\u00e4nsterna p\u00e5 webben. Med den h\u00e4r tj\u00e4nsten kan du komprimera 500 bilder per m\u00e5nad gratis via deras API: er. F\u00f6r mer \u00e4n 500 bilder m\u00e5ste du betala dem.<\/p>\n

Om du m\u00e5ste optimera mer \u00e4n 500 bilder per m\u00e5nad och inte vill betala, anv\u00e4nd sedan paketet ’artisansweb \/ image-optimizer’. Detta paket anv\u00e4nder tj\u00e4nsten reSmush.it<\/a> f\u00f6r bildoptimering.<\/p>\n

Jag rekommenderar att du testar b\u00e5da l\u00f6sningarna, j\u00e4mf\u00f6r produktionen och v\u00e4ljer den som passar dig.<\/p>\n

Med detta sagt, l\u00e5t oss ta en titt p\u00e5 hur man komprimerar bilder efter uppladdning.<\/p>\n

Komma ig\u00e5ng med TinyPNG<\/h3>\n

F\u00f6r att komma ig\u00e5ng m\u00e5ste du skaffa en API-nyckel fr\u00e5n TinyPNG. Klicka h\u00e4r f\u00f6r<\/a> att h\u00e4mta din API-nyckel. Du beh\u00f6ver bara ange ditt namn och din e-postadress s\u00e5 f\u00e5r du e-postadressen f\u00f6r din nyckel.<\/p>\n

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

N\u00e4r du har f\u00e5tt din utvecklarnyckel installerar du ett PHP-bibliotek som tillhandah\u00e5lls av TinyPNG. Du b\u00f6r ha Composer<\/a> installerat p\u00e5 systemet f\u00f6r att installera biblioteket. \u00d6ppna terminalen i din projektkatalog och k\u00f6r kommandot:<\/p>\n

composer require tinify\/tinify<\/code><\/pre>\n
Hur komprimerar du bilder med TinyPNG<\/h3>\n
Som n\u00e4mnts i titeln p\u00e5 den h\u00e4r artikeln ska vi se hur man laddar upp och komprimerar flera bilder. F\u00f6r detta m\u00e5ste vi skapa ett HTML-formul\u00e4r som har filinmatning f\u00f6r att bl\u00e4ddra i flera bilder. Skapa index.php<\/code>och placera koden nedan i den.<\/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
Till filinmatningen gav jag ett namn som bilder []. Det beror p\u00e5 att vi p\u00e5 serversidan beh\u00f6ver en rad filer eftersom anv\u00e4ndaren kommer att bl\u00e4ddra i flera bilder.<\/p>\n
N\u00e4r vi har bl\u00e4ddrat i bilderna och tryckt p\u00e5 knappen Skicka skickas formul\u00e4rdata till filen process_images.php<\/code>. Det h\u00e4r \u00e4r filen d\u00e4r vi beh\u00f6ver skriva en kod f\u00f6r att ladda upp och komprimera bilder.<\/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
Se till att ers\u00e4tta platsh\u00e5llaren med din faktiska API-nyckel. I koden ovan genererar vi ett unikt filnamn genom att l\u00e4gga tid p\u00e5 det. N\u00e4r en bild har laddats upp till servern skickar vi bilden till TinyPNG API f\u00f6r optimering. I geng\u00e4ld f\u00e5r vi den komprimerade versionen av bilden som vi lagrar p\u00e5 samma plats och med samma filnamn.<\/p>\n
Komprimera bilder med artisansweb \/ image-optimizer Package<\/h3>\n
Jag har utvecklat Image Optimizer-<\/a> paketet. Detta paket anv\u00e4nder tj\u00e4nsten reSmush.it<\/a> under huven f\u00f6r att optimera bilder. Om du letar efter gratis service kan du prova det h\u00e4r paketet. ReSmush.it har hittills optimerat miljarder bilder. Detta paket kr\u00e4ver ingen nyckel eller registrering. Anslut bara det s\u00e5 \u00e4r du klar.<\/p>\n
F\u00f6r att komma ig\u00e5ng med Image Optimizer-paketet, installera det med kommandot:<\/p>\n
composer require artisansweb\/image-optimizer<\/code><\/pre>\n
D\u00e4refter \u00e4ndras koden i process_image.php<\/code>f\u00f6ljande.<\/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
Jag hoppas att du f\u00f6rst\u00e5r hur du laddar upp och komprimerar flera bilder i PHP. Jag skulle vilja h\u00f6ra dina tankar och f\u00f6rslag i kommentarsektionen nedan.<\/p>\n
relaterade artiklar<\/h4>\n