{"id":10495,"date":"2015-11-27T14:37:32","date_gmt":"2015-11-27T13:37:32","guid":{"rendered":"http:\/\/xlogic.org\/blog\/?p=10495"},"modified":"2018-02-09T16:33:15","modified_gmt":"2018-02-09T15:33:15","slug":"come-ottimizzare-le-immagini-in-wordpress","status":"publish","type":"post","link":"https:\/\/xlogic.org\/blog\/come-ottimizzare-le-immagini-in-wordpress.html\/","title":{"rendered":"Come ottimizzare le immagini in WordPress"},"content":{"rendered":"<p>Ci capita spesso di inserire molte immagine negli articoli e nelle pagine del nostro sito WordPress, ma non tutti sappiamo che pi\u00f9 immagini non ottimizzate vengono inserite e con il passare del tempo il sito web diminuir\u00e0 le performance e di conseguenza sar\u00e0 pi\u00f9 lento.<\/p>\n<p>Per risolvere questo problema bisogna ottimizzare le immagini, in questo modo potremo inserire tutte le immagini che vorremo nel nostro sito web senza dover avere paura di rallentare il sito web.<\/p>\n<p>In questo articolo\u00a0ti consigliamo\u00a0i principali plugin free WordPress che ti permetteranno di ottimizzare le immagini e di rendere il sito performante.<\/p>\n<p>Ma c&#8217;\u00e8 di pi\u00f9, oltre ad ottimizzare le immagini, questi plugin manterranno la stessa qualit\u00e0 e di conseguenza riuscirai a visualizzare i tuoi files in maniera ottimale.<\/p>\n<p>Di seguito vedremo i plugin pi\u00f9 utilizzati dagli utenti WordPress che ti permetteranno di ottimizzare le immagini:<\/p>\n<p>&nbsp;<\/p>\n<p><strong><a href=\"https:\/\/wordpress.org\/plugins\/lazy-load\/\" target=\"_blank\" rel=\"nofollow noopener\">Lazy Load<\/a><\/strong><br \/>\n<a href=\"https:\/\/xlogic.org\/blog\/wp-content\/uploads\/2015\/11\/lazy-load.jpg\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" class=\"alignnone wp-image-10496\" title=\"Come ottimizzare le immagini in WordPress\" src=\"https:\/\/xlogic.org\/blog\/wp-content\/uploads\/2015\/11\/lazy-load.jpg\" alt=\"Come ottimizzare le immagini in WordPress\" width=\"550\" height=\"198\" srcset=\"https:\/\/xlogic.org\/blog\/wp-content\/uploads\/2015\/11\/lazy-load.jpg 600w, https:\/\/xlogic.org\/blog\/wp-content\/uploads\/2015\/11\/lazy-load-300x108.jpg 300w\" sizes=\"(max-width: 550px) 100vw, 550px\" \/><\/a><\/p>\n<p>Ma che cos&#8217;\u00e8 esattamente il concetto di Lazy Load? In breve Lazy Load ha la funzione di caricare\u00a0le immagini solo ed esclusivamente dal momento in cui verranno visualizzate dal visitatore; in pratica questo plugin si occuper\u00e0 di caricare le immagini quando verranno effettivamente visualizzate, in questo modo il caricamento della pagina sar\u00e0 pi\u00f9 veloce perch\u00e9 non verranno caricati tutti gli elementi ma solo quelli che verranno visualizzati.<\/p>\n<p>&nbsp;<\/p>\n<p><strong><a href=\"https:\/\/wordpress.org\/plugins\/ewww-image-optimizer\/\" target=\"_blank\" rel=\"nofollow noopener\">EWWW Image optimizer<\/a><\/strong><br \/>\n<a href=\"https:\/\/xlogic.org\/blog\/wp-content\/uploads\/2015\/11\/EWWW-Image-Optimizer.jpg\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" class=\"alignnone wp-image-10497\" src=\"https:\/\/xlogic.org\/blog\/wp-content\/uploads\/2015\/11\/EWWW-Image-Optimizer.jpg\" alt=\"EWWW-Image-Optimizer\" width=\"550\" height=\"177\" srcset=\"https:\/\/xlogic.org\/blog\/wp-content\/uploads\/2015\/11\/EWWW-Image-Optimizer.jpg 720w, https:\/\/xlogic.org\/blog\/wp-content\/uploads\/2015\/11\/EWWW-Image-Optimizer-300x97.jpg 300w\" sizes=\"(max-width: 550px) 100vw, 550px\" \/><\/a><\/p>\n<p>EWWW Image \u00e8 uno dei plugin pi\u00f9 popolari di WordPress ed ha lo scopo principale di ridurre le dimensioni delle immagini (.jpg | .png) fino al 70% mantenendo la stessa qualit\u00e0 d&#8217;immagine.<\/p>\n<p>&nbsp;<\/p>\n<p><strong><a href=\"https:\/\/wordpress.org\/plugins\/cw-image-optimizer\/\" target=\"_blank\" rel=\"nofollow noopener\">CW Image Optimizer<\/a><\/strong><br \/>\n<a href=\"https:\/\/xlogic.org\/blog\/wp-content\/uploads\/2015\/11\/image-optimizer.jpg\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" class=\"alignnone wp-image-10498\" src=\"https:\/\/xlogic.org\/blog\/wp-content\/uploads\/2015\/11\/image-optimizer.jpg\" alt=\"image optimizer\" width=\"550\" height=\"198\" srcset=\"https:\/\/xlogic.org\/blog\/wp-content\/uploads\/2015\/11\/image-optimizer.jpg 766w, https:\/\/xlogic.org\/blog\/wp-content\/uploads\/2015\/11\/image-optimizer-300x108.jpg 300w\" sizes=\"(max-width: 550px) 100vw, 550px\" \/><\/a><\/p>\n<p>Questo plugin \u00e8 molto simili a EWWW Image ed anche questo \u00e8 molto popolare, posso affermare che entrambi i plugin funzionano alla perfezione.<\/p>\n<p>&nbsp;<\/p>\n<p><strong><a href=\"https:\/\/wordpress.org\/plugins\/hammy\/\" target=\"_blank\" rel=\"nofollow noopener\">Hammy<\/a><\/strong><br \/>\n<a href=\"https:\/\/xlogic.org\/blog\/wp-content\/uploads\/2015\/11\/Hammy.jpg\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" class=\"alignnone wp-image-10499\" src=\"https:\/\/xlogic.org\/blog\/wp-content\/uploads\/2015\/11\/Hammy.jpg\" alt=\"Hammy\" width=\"550\" height=\"179\" srcset=\"https:\/\/xlogic.org\/blog\/wp-content\/uploads\/2015\/11\/Hammy.jpg 720w, https:\/\/xlogic.org\/blog\/wp-content\/uploads\/2015\/11\/Hammy-300x98.jpg 300w\" sizes=\"(max-width: 550px) 100vw, 550px\" \/><\/a><\/p>\n<p>Se hai un sito Responsive, Hammy \u00e8 il plugin che fa per te perch\u00e9 oltre a ridurre la dimensione delle immagini ha anche la funzione di creare la stessa immagine con dimensioni differenti con lo scopo di farla visualizzare correttamente anche attraverso gli smartphone ed i tablet.<\/p>\n<p>&nbsp;<\/p>\n<p><strong><a href=\"https:\/\/wordpress.org\/plugins\/pb-responsive-images\/\" target=\"_blank\" rel=\"nofollow noopener\">PB Responsive Images<\/a><\/strong><br \/>\n<a href=\"https:\/\/xlogic.org\/blog\/wp-content\/uploads\/2015\/11\/PB-Responsive-Images.jpg\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" class=\"alignnone wp-image-10500\" src=\"https:\/\/xlogic.org\/blog\/wp-content\/uploads\/2015\/11\/PB-Responsive-Images.jpg\" alt=\"PB-Responsive-Images\" width=\"550\" height=\"178\" srcset=\"https:\/\/xlogic.org\/blog\/wp-content\/uploads\/2015\/11\/PB-Responsive-Images.jpg 720w, https:\/\/xlogic.org\/blog\/wp-content\/uploads\/2015\/11\/PB-Responsive-Images-300x97.jpg 300w\" sizes=\"(max-width: 550px) 100vw, 550px\" \/><\/a><\/p>\n<p>Questo plugin come Hammy ha la funzione di ridurre la dimensione delle immagini creandone di diverse dimensioni per far si che anche da tablet e da smartphone le immagini siano correttamente visibili ed adattate.<\/p>\n<p>&nbsp;<\/p>\n<p>Personalmente consigliamo vivamente di utilizzare <strong>Lazy Load<\/strong> per ridurre il caricamento della pagina e di utilizzare <strong>CW Image Optimizer<\/strong> per ridurre le dimensioni delle immagini.<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ci capita spesso di inserire molte immagine negli articoli e nelle pagine del nostro sito WordPress, ma non tutti sappiamo che pi\u00f9 immagini non ottimizzate vengono inserite e con il passare del tempo il sito web diminuir\u00e0 le performance e di conseguenza sar\u00e0 pi\u00f9 lento. Per risolvere questo problema bisogna ottimizzare le immagini, in questo [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_lmt_disableupdate":"","_lmt_disable":"","footnotes":""},"categories":[5,1401],"tags":[1128,1129,1130,338],"class_list":["post-10495","post","type-post","status-publish","format-standard","hentry","category-news","category-wordpress","tag-immagini-wordpress","tag-lazy-load","tag-optimizer","tag-ottimizzare-immagini"],"modified_by":"Andrea (Xlogic.org)","_links":{"self":[{"href":"https:\/\/xlogic.org\/blog\/wp-json\/wp\/v2\/posts\/10495","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xlogic.org\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/xlogic.org\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/xlogic.org\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/xlogic.org\/blog\/wp-json\/wp\/v2\/comments?post=10495"}],"version-history":[{"count":0,"href":"https:\/\/xlogic.org\/blog\/wp-json\/wp\/v2\/posts\/10495\/revisions"}],"wp:attachment":[{"href":"https:\/\/xlogic.org\/blog\/wp-json\/wp\/v2\/media?parent=10495"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/xlogic.org\/blog\/wp-json\/wp\/v2\/categories?post=10495"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/xlogic.org\/blog\/wp-json\/wp\/v2\/tags?post=10495"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}