move_uploaded_file<\/code>wir die Bilder in das Verzeichnis und lassen sie so wie sie sind. Denken wir an ein paar Punkte wie die Gr\u00f6\u00dfe des hochgeladenen Bildes? Wird es eine Weile dauern, bis dieses Bild auf einer Website geladen wird? Kann ich ein Bild optimieren, ohne seine Qualit\u00e4t zu verlieren?<\/p>\nBilder spielen eine wichtige Rolle f\u00fcr die Geschwindigkeit der Website. Schwere Bilder verlangsamen die Seitengeschwindigkeit, wodurch Ihr Publikum und Ihr Datenverkehr verloren gehen. Diese Situation ist nicht bezahlbar. Wir bem\u00fchen uns sehr, das Publikum und den Verkehr aufzubauen. Als bew\u00e4hrte Vorgehensweise sollten Sie das Bild beim Hochladen optimieren.<\/p>\n
In diesem Artikel werde ich den TinyPNG-<\/a> Dienst zur Optimierung der Bilder verwenden. Wir werden in wenigen Augenblicken einen Code daf\u00fcr schreiben. In der Zwischenzeit ist unten der Screenshot von tinypng.com, um den Unterschied zwischen Original- und optimiertem Bild zu visualisieren.<\/p>\n![\"So](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20382-6081e8cbba932.png\")
<\/a><\/p>\nVerwenden Sie TinyPNG, um das Bild beim Hochladen zu optimieren<\/h3>\n
Um zu beginnen, m\u00fcssen Sie die TinyPNG-Bibliothek installieren. Installieren Sie die Bibliothek mit dem folgenden Befehl.<\/p>\n
composer require tinify\/tinify<\/code><\/pre>\nHolen Sie sich<\/a> nach der Installation der Bibliothek Ihren API-Schl\u00fcssel von der TinyPNG-<\/a> Website.<\/p>\nHinweis<\/strong>: TinyPNG erm\u00f6glicht die kostenlose Komprimierung von 500 Bildern pro Monat. F\u00fcr mehr als 500 Bilder m\u00fcssen Sie diese bezahlen. Wenn Sie eine kleine Website betreiben, reicht dieses Kontingent aus.<\/p>\nSobald Sie mit dem API-Schl\u00fcssel fertig sind, beginnen wir mit dem Code. Ich erstelle ein einfaches HTML-Formular, das Dateieingaben und eine Schaltfl\u00e4che zum Senden enth\u00e4lt.<\/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>\nWenn die Benutzer ein Bild mithilfe dieses Formulars hochladen, schreiben die Entwickler die folgende Art von Code, um das hochgeladene Bild auf den Server zu verschieben.<\/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>\nDer obige Code ist korrekt und es gibt kein Problem mit Ausnahme des fehlenden Teils der Bildoptimierung. Um Bilder zu optimieren, m\u00fcssen Sie nur 2 Zeilen Code nach der move_uploaded_file<\/code>Anweisung hinzuf\u00fcgen .<\/p>\n\/\/optimize image using TinyPNG\n$source = TinifyfromFile(getcwd().'\/uploads\/'.$src_file_name);\n$source->toFile(getcwd().'\/uploads\/'.$src_file_name);<\/code><\/pre>\nDie obigen 2 Zeilen nehmen ein Bild aus dem Quellpfad, optimieren es mit der TinyPNG-Bibliothek ohne Qualit\u00e4tsverlust und speichern es wieder im gleichen Quellpfad. Mit anderen Worten, es ersetzt das Originalbild durch die optimierte Version.<\/p>\n
Unser endg\u00fcltiger Code ist wie folgt.<\/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>\nMach weiter und probiere es aus. Sie sollten sehen, dass die optimierte Version des Bildes in Ihrem Verzeichnis gespeichert wird.<\/p>\n
Ich hoffe, Sie verstehen, wie Sie das Bild beim Hochladen in PHP optimieren. Ich w\u00fcrde gerne Ihre Gedanken und Vorschl\u00e4ge im Kommentarbereich unten h\u00f6ren.<\/p>\n
Zum Thema passende Artikel<\/h4>\n