{"id":25529,"date":"2021-06-09T15:39:00","date_gmt":"2021-06-09T12:39:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=25529"},"modified":"2021-10-18T02:33:07","modified_gmt":"2021-10-17T23:33:07","slug":"mehrere-bilder-in-php-hochladen-und-komprimieren","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/de\/mehrere-bilder-in-php-hochladen-und-komprimieren\/","title":{"rendered":"Mehrere Bilder in PHP hochladen und komprimieren"},"content":{"rendered":"

K\u00fcrzlich fragte einer unserer Leser, wie man mehrere Bilder in PHP hochl\u00e4dt und komprimiert. Es gibt bestimmte Szenarien, in denen wir Benutzern das Hochladen mehrerer Bilder erm\u00f6glichen m\u00fcssen. Es empfiehlt sich immer, die Bilder beim Hochladen zu optimieren. In diesem Artikel untersuchen wir das Hochladen mehrerer Bilder und das Komprimieren von Bildern w\u00e4hrend des Hochladevorgangs.<\/p>\n

Warum m\u00fcssen wir die Bilddateigr\u00f6\u00dfe reduzieren?<\/h3>\n

Zweifellos spielen Bilder eine wichtige Rolle auf Ihrer Website. Auff\u00e4llige Bilder ziehen die Aufmerksamkeit der Leser auf sich und sie w\u00fcrden mehr Zeit auf der Website verbringen. Gleichzeitig verlangsamen gro\u00dfformatige Bilder Ihre Website. Da mehr Bandbreite ben\u00f6tigt wird, braucht Ihre Website l\u00e4nger, um die Webseiten zu laden. Die Websitebesitzer m\u00fcssen darauf achten, die Bilddateigr\u00f6\u00dfe zu reduzieren und das beste Bildkomprimierungstool daf\u00fcr zu verwenden.<\/p>\n

Ich werde Ihnen 2 M\u00f6glichkeiten zeigen, Bilder zu komprimieren \u2013 TinyPNG und das<\/a> Paket artisansweb\/image-optimizer<\/a>.<\/p>\n

TinyPNG<\/a> ist einer der beliebtesten Bildkomprimierungsdienste im Internet. Dieser Dienst erm\u00f6glicht die kostenlose Komprimierung von 500 Bildern pro Monat \u00fcber ihre APIs. F\u00fcr mehr als 500 Bilder m\u00fcssen Sie diese bezahlen.<\/p>\n

Wenn Sie mehr als 500 Bilder pro Monat optimieren m\u00fcssen und nicht bezahlen m\u00f6chten, dann nutzen Sie das Paket ‚artisansweb\/image-optimizer‘. Dieses Paket verwendet den reSmush.it-<\/a> Dienst zur Bildoptimierung.<\/p>\n

Ich w\u00fcrde empfehlen, beide L\u00f6sungen auszuprobieren, die Ausgabe zu vergleichen und die f\u00fcr Sie geeignete auszuw\u00e4hlen.<\/p>\n

Lassen Sie uns jedoch einen Blick darauf werfen, wie Sie Bilder nach dem Hochladen komprimieren.<\/p>\n

Erste Schritte mit TinyPNG<\/h3>\n

Um zu beginnen, ben\u00f6tigen Sie einen API-Schl\u00fcssel von TinyPNG. Klicken Sie hier<\/a>, um Ihren API-Schl\u00fcssel zu erhalten. Sie m\u00fcssen nur Ihren Namen und Ihre E-Mail-Adresse eingeben und Sie erhalten die E-Mail f\u00fcr Ihren Schl\u00fcssel.<\/p>\n

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

Sobald Sie Ihren Entwicklerschl\u00fcssel erhalten haben, installieren Sie eine von TinyPNG bereitgestellte PHP-Bibliothek. Sie sollten Composer<\/a> auf dem System installiert haben, um die Bibliothek zu installieren. \u00d6ffnen Sie das Terminal in Ihrem Projekt-Root-Verzeichnis und f\u00fchren Sie den Befehl aus:<\/p>\n

composer require tinify\/tinify<\/code><\/pre>\n
So komprimieren Sie Bilder mit TinyPNG<\/h3>\n
Wie im Titel dieses Artikels erw\u00e4hnt, werden wir sehen, wie Sie mehrere Bilder hochladen und komprimieren. Dazu m\u00fcssen wir ein HTML-Formular erstellen, das Dateieingaben zum Durchsuchen mehrerer Bilder enth\u00e4lt. Erstellen index.php<\/code>und platzieren Sie den folgenden Code darin.<\/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
Der Dateieingabe habe ich einen Namen als images[] gegeben. Dies liegt daran, dass wir serverseitig ein Array von Dateien ben\u00f6tigen, da der Benutzer mehrere Bilder durchsuchen wird.<\/p>\n
Sobald wir die Bilder durchsuchen und auf die Schaltfl\u00e4che "Senden" klicken, werden Formulardaten an die Datei gesendet process_images.php<\/code>. Dies ist die Datei, in die wir einen Code zum Hochladen und Komprimieren von Bildern schreiben m\u00fcssen.<\/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
Stellen Sie sicher, dass Sie den Platzhalter durch Ihren tats\u00e4chlichen API-Schl\u00fcssel ersetzen. Im obigen Code generieren wir einen eindeutigen Dateinamen, indem wir ihm Zeit anh\u00e4ngen. Sobald ein Bild auf den Server hochgeladen wurde, senden wir das Bild zur Optimierung an die TinyPNG-API. Im Gegenzug erhalten wir die komprimierte Version des Bildes, die wir an derselben Stelle und mit demselben Dateinamen speichern.<\/p>\n
Bilder mit artisansweb\/image-optimizer Package komprimieren<\/h3>\n
Ich habe das Image Optimizer-<\/a> Paket entwickelt. Dieses Paket verwendet den reSmush.it-<\/a> Dienst unter der Haube zur Optimierung von Bildern. Wenn Sie einen kostenlosen Service suchen, probieren Sie dieses Paket aus. Das reSmush.it hat bisher Milliarden von Bildern optimiert. Dieses Paket erfordert weder die Bereitstellung eines Schl\u00fcssels noch eine Registrierung. Einfach einstecken und fertig.<\/p>\n
Um mit dem Image Optimizer-Paket zu beginnen, installieren Sie es mit dem folgenden Befehl:<\/p>\n
composer require artisansweb\/image-optimizer<\/code><\/pre>\n
Als n\u00e4chstes wird der Code in der process_image.php<\/code>wie folgt ge\u00e4ndert.<\/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
Ich hoffe, Sie verstehen, wie Sie mehrere Bilder in PHP hochladen und komprimieren. Ich w\u00fcrde gerne Ihre Gedanken und Vorschl\u00e4ge im Kommentarbereich unten h\u00f6ren.<\/p>\n
Zum Thema passende Artikel<\/h4>\n