{"id":25635,"date":"2021-06-01T19:34:00","date_gmt":"2021-06-01T16:34:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=25635"},"modified":"2021-10-17T18:32:39","modified_gmt":"2021-10-17T15:32:39","slug":"kuidas-optimeerida-pilti-uleslaadimisel-php-s","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/et\/kuidas-optimeerida-pilti-uleslaadimisel-php-s\/","title":{"rendered":"Kuidas optimeerida pilti \u00fcleslaadimisel PHP-s"},"content":{"rendered":"

Hiljuti k\u00fcsis \u00fcks lugejatest, kuidas optimeerida pilte PHP-s \u00fcleslaadimisel. K\u00fcsimusele vastamiseks otsustasin kirjutada artikli, mis n\u00e4itab, kuidas saame faili suurust selle \u00fcleslaadimise ajal v\u00e4hendada v\u00f5i tihendada.<\/p>\n

Arendajana on failide \u00fcleslaadimine meie tavap\u00e4rane \u00fclesanne. Teeme seda alati traditsioonilisel viisil. Sisseehitatud funktsiooni abil move_uploaded_file<\/code>liigutame pildid kataloogi ja j\u00e4tame need sellistena, nagu need on. Kas m\u00f5tleme m\u00f5ne punkti peale, n\u00e4iteks milline on \u00fcleslaaditud pildi suurus? Kas selle pildi laadimine veebisaidile v\u00f5tab aega? Kas ma saan pilti optimeerida, kaotamata selle kvaliteeti?<\/p>\n

Kujutistel on saidi kiiruses oluline roll. Rasked pildid aeglustavad lehe kiirust, mis kaotab teie vaatajaskonna ja liikluse. See olukord pole taskukohane. Publiku ja liikluse loomiseks n\u00e4eme palju vaeva. Nii et hea tavana peaksite \u00fcleslaadimise ajal pilti optimeerima.<\/p>\n

Selles artiklis kasutan piltide<\/a> optimeerimiseks teenust TinyPNG<\/a>. Kirjutame selle jaoks m\u00f5ne hetkega koodi. Vahepeal on ekraanipilt tinypng.com-ilt originaalse ja optimeeritud pildi erinevuse visualiseerimiseks.<\/p>\n

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

Kasutage TinyPNG-d pildi \u00fcleslaadimisel optimeerimiseks<\/h3>\n

Alustamiseks peate installima TinyPNG teegi. Installige teek, kasutades allolevat k\u00e4sku.<\/p>\n

composer require tinify\/tinify<\/code><\/pre>\n
P\u00e4rast teegi installimist hankige oma API-v\u00f5ti TinyPNG<\/a> veebisaidilt.<\/p>\n
M\u00e4rkus<\/strong>: TinyPNG v\u00f5imaldab pakkida kuus tasuta 500 pilti. Rohkem kui 500 pildi eest peate need maksma. Kui teil on v\u00e4ike veebisait, piisab sellest kvoodist.<\/p>\n
Kui olete API v\u00f5tmega valmis, alustame koodiga. Koostan lihtsa HTML-vormi, mis sisaldab failisisestust ja nuppu Esita.<\/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
Kui kasutajad selle vormi abil pilti \u00fcles laadivad, kirjutavad arendajad allalaaditud pildi serverisse teisaldamiseks j\u00e4rgmise koodi.<\/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
\u00dclaltoodud kood on \u00f5ige ja selles pole probleemi, v\u00e4lja arvatud pildi optimeerimise puuduv osa. Piltide optimeerimiseks peate p\u00e4rast move_uploaded_file<\/code>lauset lihtsalt lisama 2 koodirida .<\/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
\u00dclaltoodud 2 rida v\u00f5tavad pildi l\u00e4hte teelt, optimeerivad selle koos TinyPNG teegiga kvaliteeti kaotamata ja salvestavad selle tagasi samale l\u00e4hte teele. Teisis\u00f5nu asendab see algse pildi optimeeritud versiooniga.<\/p>\n
Meie l\u00f5plik kood on j\u00e4rgmine.<\/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
Edasi ja proovige seda. Peaksite n\u00e4gema, et pildi optimeeritud versioon salvestatakse teie kataloogi.<\/p>\n
Loodetavasti saate aru, kuidas pilti optimeerida PHP-s \u00fcleslaadimisel. Tahaksin kuulda teie m\u00f5tteid ja ettepanekuid allpool olevas kommentaaride jaotises.<\/p>\n
seotud artiklid<\/h4>\n