{"id":243328,"date":"2023-12-18T09:12:39","date_gmt":"2023-12-18T09:12:39","guid":{"rendered":"https:\/\/centrico.it\/?p=243328"},"modified":"2025-02-22T13:45:12","modified_gmt":"2025-02-22T13:45:12","slug":"immagini-newsletter","status":"publish","type":"post","link":"https:\/\/centrico.it\/it\/2023\/12\/18\/immagini-newsletter\/","title":{"rendered":"Come usare foto e immagini nelle newsletter?"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Usare le<strong> immagini nelle newsletter<\/strong> pu\u00f2 essere un&#8217;arma a doppio taglio. Da un lato abbiamo l&#8217;efficienza del codice comunicativo pi\u00f9 noto e utilizzato al mondo, quello visuale. Dall&#8217;altro c&#8217;\u00e8 un corpo estraneo alla pulizia del testo e alla leggerezza della scrittura. Le immagini e le foto funzionano ma possono fare danni.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Dipende da come le usi a da come inserisci il tutto nell&#8217;architettura dell&#8217;email. Il motivo per cui dovresti usare le immagini nelle newsletter \u00e8 chiaro: <strong>ci\u00f2 che appare<\/strong> sotto gli occhi del destinatario comunica il messaggio con una velocit\u00e0 notevolmente superiore rispetto a ci\u00f2 che si legge. La maggior parte degli stimoli viene trasmesso attraverso gli occhi e in un mondo sempre pi\u00f9 congestionato e complesso c&#8217;\u00e8 bisogno di semplificare. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ci\u00f2 avviene anche grazie al sapiente uso delle immagini in una <a href=\"https:\/\/centrico.it\/it\/2022\/10\/17\/dem\/\">DEM<\/a>, in un&#8217;email o nella newsletter che stai per inviare. Devi <strong>solo rispettare alcuni parametri<\/strong> essenziali in termini tecnici e di user experience.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"#obiettivo\">Obiettivo<\/a><\/li>\n\n\n\n<li><a href=\"#compressione\">Compressione<\/a><\/li>\n\n\n\n<li><a href=\"#fonti\">Fonti<\/a><\/li>\n\n\n\n<li><a href=\"#tecnica\">Tecnica<\/a><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"obiettivo\">Usa le immagini nelle newsletter quando servono<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Primo punto da prendere in considerazione: usa le immagini nelle newsletter per uno scopo, per raggiungere una necessit\u00e0 chiara. Avere un visual <strong>solo per spezzare il testo<\/strong> e arricchire un contenuto con un elemento grafico non \u00e8 necessario. Anzi, \u00e8 controproducente. Distrae, appesantisce, sporca e ingombra inutilmente.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ci\u00f2 che pubblichi &#8211; sia in termini di pagina web che di newsletter &#8211; deve essere leggero. Ci\u00f2 non significa eliminare qualsiasi elemento visual. Ma ti consiglio di avere uno scopo <strong>quando lo inserisci<\/strong>. Ad esempio?<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Puoi <strong>mostrare il volto dei tuoi clienti <\/strong>soddisfatti e lavorare sulla riprova social, oppure metti in evidenza delle caratteristiche del tuo prodotto impossibili da elencare con del testo. O comunque, il risultato sarebbe nettamente inferiore. Quindi, s\u00ec alle immagini nelle newsletter ma solo con un obiettivo preciso.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"888\" height=\"1024\" src=\"https:\/\/centrico.it\/wp-content\/uploads\/2023\/12\/everlane-888x1024.webp\" alt=\"immagini nelle newsletter\" class=\"wp-image-243343\" srcset=\"https:\/\/centrico.it\/wp-content\/uploads\/2023\/12\/everlane-888x1024.webp 888w, https:\/\/centrico.it\/wp-content\/uploads\/2023\/12\/everlane-480x554.webp 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 888px, 100vw\" \/><figcaption class=\"wp-element-caption\">Ottimizza le immagini nelle newsletter.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Assicurati che la creativit\u00e0 non diventi un ostacolo alla qualit\u00e0 dell&#8217;informazione. Pensi di poter gestire tutto con un buon visual ma poi ti rendi conto che, come suggerisce <a href=\"https:\/\/www.nngroup.com\/articles\/visual-newsletters\/\" target=\"_blank\" rel=\"noopener\">Jakob Nielsen<\/a>, stai sacrificando lo spazio principale per la buona comunicazione, ovvero l&#8217;<strong>above the fold<\/strong>. Questo significa ottimizzare. E lo puoi fare solo in un modo: utilizzando un tool di email marketing che ti consente di ottimizzare ogni passaggio.<\/p>\n\n\n\n<div style=\"height:27px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-fe48e5de wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-white-color has-text-color has-background wp-element-button\" href=\"https:\/\/centrico.it\/it\/email-marketing\/\" style=\"background-color:#9ad100\">Dai uno sguardo al software di Centrico<\/a><\/div>\n<\/div>\n\n\n\n<div style=\"height:39px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"compressione\">Comprimi e riduci le dimensioni del visual al meglio<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Uno dei grandi errori di chi mette delle foto su un&#8217;email e la invia senza pensare troppo alla UX: il peso. Avere un&#8217;immagine ingombrante in <strong>termini di Kb<\/strong> vuol dire rallentare il caricamento e offrire una pessima esperienza utente a chi riceve il contenuto. In particolare se hai esagerato con il peso totale.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Il motivo \u00e8 semplice: l&#8217;utente si ritrova con una casella email appesantita dai tuoi contenuti, e il <strong>caricamento della stessa newsletter<\/strong> sar\u00e0 lento. Soprattutto se viene aperta da mobile con connessioni lente. Sai quali sono i tempi che attende di solito un lettore del web prima di cambiare pagina perch\u00e9 annoiato dall&#8217;attesa? <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Parliamo di secondi. Quindi ogni decimo conta per aumentare il <strong>tempo di permanenza<\/strong> e il CTR di una newsletter. Soluzione? Due: in primo luogo devi alleggerire le immagini al meglio. Si ottiene in modi differenti.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Comprimere con programmi adeguati.<\/li>\n\n\n\n<li>Salva l&#8217;immagine nel formato giusto:\n<ul class=\"wp-block-list\">\n<li>JPG per le foto.<\/li>\n\n\n\n<li>PNG per le grafiche.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">La vecchia scuola ci suggerisce di utilizzare programmi come Photoshop e salvare per il web con un numero di DPI ridotto. Per\u00f2 puoi fare di meglio: usa un tool come Optimizilla per ridurre in modo controllato la dimensione della foto. Qui puoi <strong>caricare fino a 20 foto <\/strong>e comprimere il contenuto monitorando la qualit\u00e0 dell&#8217;output.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Come comprimere immagini online\" width=\"1080\" height=\"608\" src=\"https:\/\/www.youtube.com\/embed\/MfOh0RtGea8?feature=oembed\"  allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><figcaption class=\"wp-element-caption\">Come comprimere le foto con Optimizilla.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Altro aspetto da considerare: la dimensione. Che dipende <strong>sempre dal layout<\/strong>, non esiste una misura ideale in termini assoluti ma tutto \u00e8 relativo. Ci\u00f2 che devi sapere \u00e8 che devi rispettare gli ingombri.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ridimensiona le immagini in modo da non avere misure e pixel inutili per fare in modo che il visual sia ben visibile da desktop e da mobile senza aggiungere<strong> ingombri superflui<\/strong>, sia per il peso che per il design generale.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"fonti\">Attenzione alle fonti delle immagini nelle newsletter<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Uno degli errori fondamentali di chi usa le immagini nelle newsletter senza la giusta attenzione: ci dimentichiamo di utilizzare le fonti, non citiamo <strong>dove sono state prese le foto<\/strong>. E poi, in molti casi non si possono neanche prendere. Perch\u00e9 le immagini online non sono tue, non \u00e8 detto che si possano utilizzare.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Dipende dal copyright. Devi assicurarti di avere i diritti per usare un&#8217;immagine. Puoi acquistarla da uno stock con relative implicazioni: <strong>un design banale<\/strong>, gi\u00e0 visto, poco incisivo. Oppure puoi utilizzare progetti come Unsplash che ti danno la possibilit\u00e0 di usare foto di altissima qualit\u00e0 gratis, con licenza Creative Commons 0. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ci\u00f2 significa che non hai alcun obbligo (anche se citare la fonte \u00e8 gradito). <strong>Ulteriore soluzione<\/strong>: usa foto tue, di propriet\u00e0. In questo modo non hai problemi di copyright e puoi assicurarti che il visual sia sempre aderente alle tue esigenze in termini brand. Nessun compromesso, tutto \u00e8 proprio come hai desiderato.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"tecnica\">Evita problemi tecnici con le foto nelle email<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Sai cosa succede quando carichi un&#8217;immagine nella newsletter senza prendere in considerazione alcuni passaggi tecnici? Prendiamo in esame uno dei dettagli fondamentali per questo scopo: il tag alt. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ovvero, il testo alternativo che <strong>inserisci nel codice HTML<\/strong> per rendere riconoscibile il contenuto di un&#8217;immagine anche se non viene caricata. Puoi trovare una definizione di questo attributo su <a href=\"https:\/\/www.w3schools.com\/tags\/att_img_alt.asp\" target=\"_blank\" rel=\"noopener\">www.w3schools.com<\/a>:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;img src=\"esempio.jpg\" alt=\"Esempio\" width=\"500\" height=\"600\"&gt;<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Come puoi ben intuire, il testo da inserire nel campo tag alt deve essere semplice, breve e descrittivo. Niente lista di parole chiave o testi criptici. A cosa serve ci\u00f2? Nel momento in cui non si carica un&#8217;immagine appare un contenuto che puoi utilizzare per <strong>far capire all&#8217;utente<\/strong> cosa dovrebbe esserci in quello spazio.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Questo \u00e8 un altro motivo per cui \u00e8 indispensabile non inviare newsletter composte da un&#8217;unica immagine o che si basano solo ed esclusivamente su un visual. Nel momento in cui non appare l&#8217;invio pu\u00f2 essere definitivamente compromesso. E anche se <strong>hai inserito il testo alternativo<\/strong> l&#8217;utente avr\u00e0 difficolt\u00e0 a muoversi.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Usare le immagini nelle newsletter pu\u00f2 essere un&#8217;arma a doppio taglio. Da un lato abbiamo l&#8217;efficienza del codice comunicativo pi\u00f9 noto e utilizzato al mondo, quello visuale. Dall&#8217;altro c&#8217;\u00e8 un corpo estraneo alla pulizia del testo e alla leggerezza della scrittura. Le immagini e le foto funzionano ma possono fare danni. Dipende da come le [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":243333,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"off","_et_pb_old_content":"","_et_gb_content_width":"","iawp_total_views":12,"footnotes":""},"categories":[15],"tags":[],"class_list":["post-243328","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-marketing"],"_links":{"self":[{"href":"https:\/\/centrico.it\/it\/wp-json\/wp\/v2\/posts\/243328","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/centrico.it\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/centrico.it\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/centrico.it\/it\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/centrico.it\/it\/wp-json\/wp\/v2\/comments?post=243328"}],"version-history":[{"count":16,"href":"https:\/\/centrico.it\/it\/wp-json\/wp\/v2\/posts\/243328\/revisions"}],"predecessor-version":[{"id":245086,"href":"https:\/\/centrico.it\/it\/wp-json\/wp\/v2\/posts\/243328\/revisions\/245086"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/centrico.it\/it\/wp-json\/wp\/v2\/media\/243333"}],"wp:attachment":[{"href":"https:\/\/centrico.it\/it\/wp-json\/wp\/v2\/media?parent=243328"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/centrico.it\/it\/wp-json\/wp\/v2\/categories?post=243328"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/centrico.it\/it\/wp-json\/wp\/v2\/tags?post=243328"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}