{"id":25495,"date":"2021-06-01T19:42:00","date_gmt":"2021-06-01T16:42:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=25495"},"modified":"2021-10-18T03:06:27","modified_gmt":"2021-10-18T00:06:27","slug":"come-ottimizzare-l-immagine-al-caricamento-in-php","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/it\/come-ottimizzare-l-immagine-al-caricamento-in-php\/","title":{"rendered":"Come ottimizzare l’immagine al caricamento in PHP"},"content":{"rendered":"

Recentemente uno dei lettori mi ha chiesto come ottimizzare le immagini in upload in PHP. Per rispondere alla domanda, ho deciso di scrivere un articolo che mostrer\u00e0 come possiamo ridurre o comprimere le dimensioni del file al momento del caricamento.<\/p>\n

Come sviluppatore, il caricamento di file \u00e8 il nostro compito normale. Lo facciamo sempre in modo tradizionale. Usando la funzione integrata move_uploaded_file<\/code>spostiamo le immagini nella directory e le lasciamo cos\u00ec com’\u00e8. Pensiamo ad alcuni punti come qual \u00e8 la dimensione dell’immagine caricata? Ci vorr\u00e0 del tempo per caricare questa immagine su un sito web? Posso ottimizzare un’immagine senza perderne la qualit\u00e0?<\/p>\n

Le immagini giocano un ruolo importante nella velocit\u00e0 del sito. Le immagini pesanti rallentano la velocit\u00e0 della pagina che di conseguenza fa perdere pubblico e traffico. Questa situazione non \u00e8 conveniente. Ci impegniamo molto per costruire il pubblico e il traffico. Quindi, come buona pratica, dovresti ottimizzare l’immagine durante il caricamento.<\/p>\n

In questo articolo, utilizzer\u00f2 il servizio TinyPNG<\/a> per ottimizzare le immagini. Scriveremo un codice per esso in pochi istanti. Nel frattempo, di seguito \u00e8 riportato lo screenshot di tinypng.com per visualizzare la differenza tra l’immagine originale e quella ottimizzata.<\/p>\n

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

Usa TinyPNG per ottimizzare l’immagine al caricamento<\/h3>\n

Per iniziare \u00e8 necessario installare la libreria TinyPNG. Installa la libreria utilizzando il comando seguente.<\/p>\n

composer require tinify\/tinify<\/code><\/pre>\n
Dopo aver installato la libreria, ottieni la tua chiave API dal sito Web di TinyPNG<\/a>.<\/p>\n
Nota<\/strong>: TinyPNG consente di comprimere 500 immagini gratuitamente al mese. Per pi\u00f9 di 500 immagini devi pagarle. Se stai gestendo un piccolo sito web, questa quota \u00e8 sufficiente.<\/p>\n
Una volta che sei pronto con la chiave API, iniziamo con il codice. Sto creando un semplice modulo HTML che contiene input di file e un pulsante di invio.<\/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
Quando gli utenti caricano un’immagine utilizzando questo modulo, gli sviluppatori scrivono il tipo di codice seguente per spostare l’immagine caricata sul server.<\/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
Il codice sopra \u00e8 corretto e non c’\u00e8 nessun problema tranne la parte mancante dell’ottimizzazione dell’immagine. Per ottimizzare le immagini, devi solo aggiungere 2 righe di codice dopo l’ move_uploaded_file<\/code>istruzione.<\/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
Le 2 righe precedenti prendono un’immagine dal percorso di origine, la ottimizzano con la libreria TinyPNG senza perdere qualit\u00e0 e la salvano nello stesso percorso di origine. In altre parole, sostituisce l’immagine originale con la versione ottimizzata.<\/p>\n
Il nostro codice finale \u00e8 il seguente.<\/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
Vai avanti e provalo. Dovresti vedere la versione ottimizzata dell’immagine archiviata nella tua directory.<\/p>\n
Spero che tu capisca come ottimizzare l’immagine durante il caricamento in PHP. Mi piacerebbe sentire i tuoi pensieri e suggerimenti nella sezione commenti qui sotto.<\/p>\n
articoli Correlati<\/h4>\n