{"id":24606,"date":"2021-05-18T16:13:00","date_gmt":"2021-05-18T13:13:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=24606"},"modified":"2021-10-18T03:12:31","modified_gmt":"2021-10-18T00:12:31","slug":"ottimizzazione-delle-immagini-utilizzando-il-pacchetto-di-ottimizzazione-delle-immagini-web-di-artigiani","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/it\/ottimizzazione-delle-immagini-utilizzando-il-pacchetto-di-ottimizzazione-delle-immagini-web-di-artigiani\/","title":{"rendered":"Ottimizzazione delle immagini utilizzando il pacchetto di ottimizzazione delle immagini\/web di artigiani"},"content":{"rendered":"<p>Sono 4 anni che gestisco questo blog. Insieme a questo blog, gestisco anche un <a href=\"https:\/\/www.youtube.com\/channel\/UCosi8Kv8-EPLt5TBJLlsWJA\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">canale YouTube in<\/a> cui condivido video che mostrano come implementare i miei articoli.<\/p>\n<p>Credo nell&#8217;open source. Sul mio sito web non gestisco alcun abbonamento a pagamento, vendo ebook o corsi. Mi piace mantenere le risorse libere. Con questo in mente, ho creato il mio primo pacchetto GitHub <a href=\"https:\/\/github.com\/artisansweb\/image-optimizer\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">craftsweb\/image-optimizer<\/a> che ha il compito di ottimizzare le immagini per il tuo sito web.<\/p>\n<p>Ho scritto alcuni articoli sull&#8217;ottimizzazione delle immagini in passato. Finora TinyPNG era il mio preferito e lo \u00e8 ancora. Ma la limitazione con TinyPNG \u00e8 che consentono di ottimizzare 500 immagini gratuite al mese. Oltre le 500 immagini, verr\u00e0 addebitato un costo per immagine.<\/p>\n<p>Alcuni degli articoli precedenti sull&#8217;ottimizzazione delle immagini:<\/p>\n<ul>\n<li><a href=\"https:\/\/themewp.inform.click\/it\/carica-e-comprimi-piu-immagini-in-php\/\" title=\"Carica e comprimi pi\u00f9 immagini in PHP\">Carica e comprimi pi\u00f9 immagini in PHP<\/a><\/li>\n<li><a href=\"https:\/\/themewp.inform.click\/it\/come-ottimizzare-l-immagine-al-caricamento-in-php\/\" title=\"Come ottimizzare l&#039;immagine al caricamento in PHP\">Come ottimizzare l&#8217;immagine al caricamento in PHP<\/a><\/li>\n<\/ul>\n<p>Esistono anche altri pacchetti, ma richiedono l&#8217;installazione di software come JpegOptim, Optipng, ecc. Sulla nostra macchina. Anche questa non \u00e8 una soluzione praticabile.<\/p>\n<p>Nell&#8217;ultimo anno, stavo lavorando al progetto di un cliente che ha migliaia di immagini necessarie per la compressione. Cercavamo un servizio open source ed efficiente che potesse fare il nostro lavoro. Poi siamo venuti a conoscenza di <a href=\"http:\/\/resmush.it\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">reSmush.it<\/a> che \u00e8 un servizio completamente gratuito per l&#8217;ottimizzazione delle immagini.<\/p>\n<ul>\n<li><a href=\"https:\/\/themewp.inform.click\/it\/comprimi-le-immagini-per-il-sito-web-utilizzando-resmush-it-in-php\/\" title=\"Comprimi le immagini per il sito web utilizzando reSmush.it in PHP\">Comprimi le immagini per il sito web utilizzando reSmush.it in PHP<\/a><\/li>\n<\/ul>\n<p>Anche se ho scritto un articolo su reSmush.it sento di poterne creare un <a href=\"https:\/\/github.com\/artisansweb\/image-optimizer\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">pacchetto GitHub<\/a> e l&#8217;ho fatto. Se leggi il mio articolo su reSmush.it, scoprirai che \u00e8 necessario aggiungere circa 25-30 righe di codice. Ma se scegli il pacchetto, pu\u00f2 essere fatto in 5-6 righe.<\/p>\n<p>Detto questo, discutiamo di come installare e utilizzare il <code>artisansweb\/image-optimizer<\/code>pacchetto.<\/p>\n<h3>Ottimizzazione delle immagini tramite PHP<\/h3>\n<p>All&#8217;inizio, \u00e8 necessario installare il pacchetto utilizzando il Composer eseguendo il comando:<\/p>\n<pre><code>composer require artisansweb\/image-optimizer<\/code><\/pre>\n<p>Al momento dell&#8217;installazione del pacchetto, \u00e8 possibile ottimizzare l&#8217;immagine utilizzando il codice sottostante.<\/p>\n<pre><code>&lt;?php\nrequire_once \"vendor\/autoload.php\";\n\u00a0\nuse ArtisansWebOptimizer;\n\u00a0\n$img = new Optimizer();\n\u00a0\n$source = 'SOURCE_PATH_OF_IMAGE';\n$img-&gt;optimize($source);<\/code><\/pre>\n<p>Qui, devi passare il percorso completo della directory dell&#8217;immagine di origine e l&#8217;immagine di origine viene ottimizzata automaticamente. A volte, \u00e8 necessario conservare l&#8217;immagine originale e archiviare la versione ottimizzata in un&#8217;altra directory. In tal caso, puoi utilizzare un secondo parametro per la destinazione.<\/p>\n<pre><code>&lt;?php\n$source = 'SOURCE_PATH_OF_IMAGE';\n$destination = 'DESTINATION_PATH_OF_IMAGE';\n$img-&gt;optimize($source, $destination);<\/code><\/pre>\n<p>Usando il codice sopra, puoi ottimizzare le tue immagini che si trovano nella tua directory. Tuttavia, consiglierei di ottimizzare l&#8217;immagine durante il caricamento in modo da non dover eseguire attivit\u00e0 di ottimizzazione separatamente.<\/p>\n<p>L&#8217;utente pu\u00f2 ottimizzare l&#8217;immagine durante il caricamento come segue.<\/p>\n<pre><code>&lt;?php\nrequire_once \"vendor\/autoload.php\";\n\u00a0\nuse ArtisansWebOptimizer;\n\u00a0\nif (isset($_POST['submit'])) {\n\u00a0\u00a0\u00a0\u00a0$img = new Optimizer();\n\u00a0\u00a0\u00a0\u00a0move_uploaded_file($_FILES['file']['tmp_name'], 'images\/'.$_FILES['file']['name']);\n\u00a0\u00a0\u00a0\u00a0$img-&gt;optimize('images\/'.$_FILES['file']['name']);\n}\n?&gt;\n\u00a0\n&lt;form method=\"post\" enctype=\"multipart\/form-data\"&gt;\n\u00a0\u00a0\u00a0\u00a0&lt;input type=\"file\" name=\"file\" \/&gt;\n\u00a0\u00a0\u00a0\u00a0&lt;input type=\"submit\" name=\"submit\" value=\"Submit\" \/&gt;\n&lt;\/form&gt;<\/code><\/pre>\n<p>Sebbene reSmush.it abbia compresso finora miliardi di immagini, \u00e8 possibile che il loro servizio sia inattivo per qualche motivo. Ho gestito questo scenario nel pacchetto. Per qualche ragione, se il pacchetto non ottiene la versione ottimizzata da reSmush.it, come fallback utilizza i metodi nativi di PHP come imagecreatefromjpeg, imagecreatefrompng, imagecreatefromgif, imagejpeg per l&#8217;ottimizzazione.<\/p>\n<p>Ci sono diverse nuove funzionalit\u00e0 in corso che aggiunger\u00f2 nel pacchetto e lo rilascer\u00f2 presto.<\/p>\n<p>Sar\u00f2 felice se usi il pacchetto e fammi sapere come funziona nella sezione commenti qui sotto. Per favore condividi il tuo feedback in modo che insieme possiamo migliorare questo pacchetto che aiuter\u00e0 la comunit\u00e0.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fonte di registrazione:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/artisansweb.net\" class=\"external external_icon\">artisansweb.net<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>In questo articolo, mostro come eseguire attivit\u00e0 di ottimizzazione delle immagini in PHP utilizzando il pacchetto GitHub di craftsweb\/image-optimizer. Utilizzando questo pacchetto, non \u00e8 necessario<\/p>\n","protected":false},"author":1,"featured_media":20571,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[276],"tags":[846],"class_list":["post-24606","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-php-7","tag-affiai-it"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/posts\/24606","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/comments?post=24606"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/posts\/24606\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/media\/20571"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/media?parent=24606"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/categories?post=24606"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/tags?post=24606"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}