{"id":7781,"date":"2016-05-17T16:37:15","date_gmt":"2016-05-17T15:37:15","guid":{"rendered":"https:\/\/blog.bancomail.it\/?p=4328"},"modified":"2025-06-19T08:52:57","modified_gmt":"2025-06-19T08:52:57","slug":"email-marketing-html-precaricare-immagini","status":"publish","type":"post","link":"https:\/\/www.bancomail.it\/blog\/email-marketing-html-precaricare-immagini\/","title":{"rendered":"Email Marketing: i trucchi per precaricare le immagini nei layout html"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_76 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\"><\/p>\n<span class=\"ez-toc-title-toggle\"><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.bancomail.it\/blog\/email-marketing-html-precaricare-immagini\/#Perche_ottimizzare_le_immagini\" >Perch\u00e8 ottimizzare le immagini?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.bancomail.it\/blog\/email-marketing-html-precaricare-immagini\/#Dentro_al_codice\" >Dentro al codice<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.bancomail.it\/blog\/email-marketing-html-precaricare-immagini\/#Il_%E2%80%9Ctaglia_e_cuci%E2%80%9D_e_una_pratica_sempre_utile\" >Il &#8220;taglia e cuci&#8221; \u00e8 una pratica sempre utile<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"Perche_ottimizzare_le_immagini\"><\/span>Perch\u00e8 ottimizzare le immagini?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Nell&#8217;Email Marketing, convertire i prospect\u00a0in clienti dipende in buona parte dalla creazione di una buona impressione sul lettore. In questa fase, la performance della tua email gioca\u00a0un ruolo fondamentale.<\/p>\n<p>Immagini di qualit\u00e0 e tempi di caricamento ultra veloci offrono ai lettori\u00a0una impressione psicologica positiva che incoraggia le vendite e la loro lealt\u00e0 verso l\u2019azienda. In questo senso,\u00a0la user experience, in termini di prestazioni che consentono reazioni veloci, diventa un fattore fondamentale che impatta sui tassi di conversione delle campagne di Email Marketing.<\/p>\n<p>Una newsletter di successo si basa quindi sul promuovere i giusti prodotti o servizi nel giusto momento, aspetto che non solo \u00e8 reso possibile dal tempismo strategico, ma anche da una performance che consenta tempi di caricamento ultra veloci. D\u2019altra parte, in un mondo con una dipendenza crescente da smartphone e dispositivi mobile, i rivenditori devono comprendere la necessit\u00e0 di essere efficienti anche su schermi mobile. I lettori mobile non vanno ignorati, anzi, sono spesso la maggioranza di tutta la audience.<\/p>\n<p>Cosa succede se non si considerano questi fattori?<\/p>\n<p>E\u2019 molto probabile che i lettori abbandonino la lettura della newsletter, frustati dalla lentezza nel caricare immagini o altro e, considerata l\u2019alta concorrenza nelle inbox, rivolgano\u00a0l\u2019attenzione a un\u2019altra email.<\/p>\n<p>Media Queries e Layout Fluidi consentono di fornire efficacemente il messaggio a tutti gli utenti, a prescindere dalle dimensioni dello schermo in uso. Certo questo non garantisce che l\u2019email venga caricata velocemente: le immagini infatti devono ancora essere caricate sul dispositivo, anzich\u00e8 esser scelte in base alla banda disponibile. Come ottimizzare quindi le immagini per risolvere il problema?<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Dentro_al_codice\"><\/span>Dentro al codice<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Grazie al responsive design, possiamo visualizzare differenti immagini per differenti circostanze utilizzando il tag &lt;picture&gt;, pratica per\u00f2, non disponibile, nel design email, scandalosamente ancorato al table design con stili in linea. Tuttavia, nell&#8217;Email Design, possiamo applicare la tecnica delle immagini flessibili definendo una regola CSS generale che garantisca che la larghezza delle immagini non superi mai quella del contenitore principale.<\/p>\n<pre>img {\n max-width: 100%;\n height: auto;\n}<\/pre>\n<p>Ma ancora, non \u00e8 abbastanza! Dobbiamo\u00a0evitare che gli utenti di smartphone e tablet, si annoino\u00a0durante il download delle immagini al punto da chiudere o eliminare la newsletter. Un trucco ben conosciuto nel web design, consente di di caricare le immagini utilizzando il regolare tag &lt;img&gt; con un css di questo tipo:<\/p>\n<pre>td{\n background: url(myimage.jpg);\n }\n<\/pre>\n<p>Supponiamo quindi di avere questa situazione:<\/p>\n<pre>&lt;td&gt;\n&lt;img src=\"awesome_banner.jpg\" alt=\"banner\" style=\"max-width: 100%;\"\/&gt;\n&lt;td&gt;<\/pre>\n<p>L&#8217;immagine verr\u00e0\u00a0presuminilmente scaricata velocemente su un dispositivo desktop, ma potrebbe rallentarsi su uno smarphone. Per evitare questo, una possibile soluzione \u00e8 quella di precaricare una versione ridotta della stessa immagine nello sfondo del contenitore, utilizzando la propriet\u00e0 css background. L&#8217;immagine ridotta si caricher\u00e0 molto velocemente in attesa della definitiva:<\/p>\n<pre>&lt;td style=\"background:url('small_awesome_banner.jpg') center center no-repeat;\"&gt;\n&lt;img src=\"awesome_banner.jpg\" alt=\"banner\" style=\"max-width: 100%;\"\/&gt;\n&lt;td&gt;<\/pre>\n<p>E per essere sicuri che l&#8217;immagine a bassa risoluzione sia visualizzata solo dai dispositivi mobile,\u00a0usiamo css media queries:<\/p>\n<pre>\/*SMARTPHONE STYLES*\/\n@media only screen and (max-width: 480px) {\n#imageHolder{\nbackground:url('small_awesome_banner.jpg') center center no-repeat;\n}\n}<\/pre>\n<pre>&lt;td id=\"imageHolder\"&gt;\n&lt;img src=\"awesome_banner.jpg\" alt=\"banner\" style=\"max-width: 100%;\"\/&gt;\n&lt;td&gt;<\/pre>\n<p>Possiamo inoltre utilizzare URI come background-image nelle propriet\u00e0 css. Si tratta di un altro metodo molto utile per ridurre le richieste HTTP in quanto l&#8217;immagine \u00e8 codificata da una lunga stringa con tempi di caricamento molto veloci, esenti da scaricamenti dai server.<\/p>\n<p>Prova ad ispezionare il codice dell&#8217;immagine che segue, osservando l&#8217;attributo src:<\/p>\n<p>[uri-bancomail]<\/p>\n<p>E&#8217; interessante notare che ogni immagine incorporata in questo modo eluder\u00e0 il blocco delle immagini in Mozilla Thunderbird. URI va comunque usato con cautela, in quanto bloccato da alcuni client di posta elettronica come\u00a0il diffusissimo Gmail che potrebbe convertire il codice funzionante con un tag src vuoto:<\/p>\n<pre>&lt;img src=\"\" alt=\"my image\" width=\"100%\" \/&gt;<\/pre>\n<p>Ad ogni modo, caricando le risorse URI nello sfondo del contenitore genitore con\u00a0la sintassi indicata precedentemente, non si avranno problemi nemmeno nei client come Gmail che rifiutano l&#8217;istruzione.\u00a0La nostra immagine\u00a0&#8216;awesome_banner.jpg&#8217; verr\u00e0 scaricata normalmente.<\/p>\n<p>Questi trucchi sono molto utili anche quando per la propria newsletter, si ha a che fare con immagini animate in formato GIF. Possiamo precaricare una versione ridotta dell&#8217;immagine in formato jpg (la prassi \u00e8 scegliere il primo fotogramma) che sar\u00e0 caricato in attesa dell&#8217;animazione, cos\u00ec da evitare contenitori\u00a0vuoti prima del caricamento.<\/p>\n<p>[esempio-animazione]<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Il_%E2%80%9Ctaglia_e_cuci%E2%80%9D_e_una_pratica_sempre_utile\"><\/span>Il &#8220;taglia e cuci&#8221; \u00e8 una pratica sempre utile<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Ultima, ma non meno importante, \u00e8 l&#8217;antica pratica del &#8220;Taglia e Cuci&#8221;, ancora utile nella progettazione html per email. Ecco come funziona: per evitare che il caricamento dei media sia tutto sulle spalle di\u00a0un&#8217;unica immagine, possiamo tagliare questa immagine in sezioni pi\u00f9 piccole con l&#8217;aiuto di Photoshop o strumenti analoghi. Ovviamente dovremmo rimontare l&#8217;intera immagine nella nostra email dove le sezioni si caricheranno in modo progressivo, riducendo il tempo di attesa e la frustrazione del lettore.<\/p>\n<p>Sebbene l&#8217;ottimizzazione dell&#8217;Email Design sia una pratica resa difficile dalla carenza di strumenti, questi trucchi risolvono efficacemente\u00a0un problema comune: \u00e8 ben noto che i lettori esigono contenuti rapidi, pena la ricerca su altri siti o email. Servendo le immagini pi\u00f9 velocemente miglioreremo la soddisfazione dei clienti e il loro mantenimento, riducendo tassi di disiscrizioni dovuti a cause facilmente evitabili.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Perch\u00e8 ottimizzare le immagini? Nell&#8217;Email Marketing, convertire i prospect\u00a0in clienti dipende in buona parte dalla creazione di una buona impressione sul lettore. In questa fase, la performance della tua email gioca\u00a0un ruolo fondamentale. Immagini di qualit\u00e0 e tempi di caricamento ultra veloci offrono ai lettori\u00a0una impressione psicologica positiva che incoraggia le vendite e la loro&#8230;<\/p>\n","protected":false},"author":20,"featured_media":36200,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[2677],"tags":[7412,7414,2769,7416,7418,7420,7422],"post_template":[],"top_category":[],"class_list":["post-7781","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-email-design-it","tag-css-email-it","tag-designr-it","tag-email-it","tag-media-queries-it","tag-ottimizzazione-it","tag-responsive-it","tag-uri-it"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.3.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Email Marketing: i trucchi per precaricare le immagini nei layout html - Bancomail Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.bancomail.it\/blog\/email-marketing-html-precaricare-immagini\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Email Marketing: i trucchi per precaricare le immagini nei layout html - Bancomail Blog\" \/>\n<meta property=\"og:description\" content=\"Perch\u00e8 ottimizzare le immagini? Nell&#8217;Email Marketing, convertire i prospect\u00a0in clienti dipende in buona parte dalla creazione di una buona impressione sul lettore. In questa fase, la performance della tua email gioca\u00a0un ruolo fondamentale. Immagini di qualit\u00e0 e tempi di caricamento ultra veloci offrono ai lettori\u00a0una impressione psicologica positiva che incoraggia le vendite e la loro...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.bancomail.it\/blog\/email-marketing-html-precaricare-immagini\/\" \/>\n<meta property=\"og:site_name\" content=\"Bancomail Blog\" \/>\n<meta property=\"article:published_time\" content=\"2016-05-17T15:37:15+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-06-19T08:52:57+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.bancomail.it\/blog\/wp-content\/uploads\/2016\/05\/htmlemaildesign-940x300-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"940\" \/>\n\t<meta property=\"og:image:height\" content=\"300\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Cosmin Horvath\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Cosmin Horvath\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.bancomail.it\/blog\/email-marketing-html-precaricare-immagini\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.bancomail.it\/blog\/email-marketing-html-precaricare-immagini\/\"},\"author\":{\"name\":\"Cosmin Horvath\",\"@id\":\"https:\/\/www.bancomail.it\/blog\/#\/schema\/person\/5c0a66453a5a3babc52b0527c313ec3b\"},\"headline\":\"Email Marketing: i trucchi per precaricare le immagini nei layout html\",\"datePublished\":\"2016-05-17T15:37:15+00:00\",\"dateModified\":\"2025-06-19T08:52:57+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.bancomail.it\/blog\/email-marketing-html-precaricare-immagini\/\"},\"wordCount\":810,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.bancomail.it\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.bancomail.it\/blog\/email-marketing-html-precaricare-immagini\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.bancomail.it\/blog\/wp-content\/uploads\/2016\/05\/htmlemaildesign-940x300-1.jpg\",\"keywords\":[\"css email\",\"designr\",\"email\",\"media queries\",\"ottimizzazione\",\"responsive\",\"uri\"],\"articleSection\":[\"Email Design e Codice\"],\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.bancomail.it\/blog\/email-marketing-html-precaricare-immagini\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.bancomail.it\/blog\/email-marketing-html-precaricare-immagini\/\",\"url\":\"https:\/\/www.bancomail.it\/blog\/email-marketing-html-precaricare-immagini\/\",\"name\":\"Email Marketing: i trucchi per precaricare le immagini nei layout html - Bancomail Blog\",\"isPartOf\":{\"@id\":\"https:\/\/www.bancomail.it\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.bancomail.it\/blog\/email-marketing-html-precaricare-immagini\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.bancomail.it\/blog\/email-marketing-html-precaricare-immagini\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.bancomail.it\/blog\/wp-content\/uploads\/2016\/05\/htmlemaildesign-940x300-1.jpg\",\"datePublished\":\"2016-05-17T15:37:15+00:00\",\"dateModified\":\"2025-06-19T08:52:57+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.bancomail.it\/blog\/email-marketing-html-precaricare-immagini\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.bancomail.it\/blog\/email-marketing-html-precaricare-immagini\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/www.bancomail.it\/blog\/email-marketing-html-precaricare-immagini\/#primaryimage\",\"url\":\"https:\/\/www.bancomail.it\/blog\/wp-content\/uploads\/2016\/05\/htmlemaildesign-940x300-1.jpg\",\"contentUrl\":\"https:\/\/www.bancomail.it\/blog\/wp-content\/uploads\/2016\/05\/htmlemaildesign-940x300-1.jpg\",\"width\":940,\"height\":300},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.bancomail.it\/blog\/email-marketing-html-precaricare-immagini\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.bancomail.it\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Email Marketing: i trucchi per precaricare le immagini nei layout html\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.bancomail.it\/blog\/#website\",\"url\":\"https:\/\/www.bancomail.it\/blog\/\",\"name\":\"Bancomail Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.bancomail.it\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.bancomail.it\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.bancomail.it\/blog\/#organization\",\"name\":\"Bancomail\",\"url\":\"https:\/\/www.bancomail.it\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/www.bancomail.it\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.bancomail.it\/blog\/wp-content\/uploads\/2025\/06\/cropped-bancomail-q.jpg\",\"contentUrl\":\"https:\/\/www.bancomail.it\/blog\/wp-content\/uploads\/2025\/06\/cropped-bancomail-q.jpg\",\"width\":512,\"height\":512,\"caption\":\"Bancomail\"},\"image\":{\"@id\":\"https:\/\/www.bancomail.it\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.linkedin.com\/company\/bancomail\/?viewAsMember=true\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.bancomail.it\/blog\/#\/schema\/person\/5c0a66453a5a3babc52b0527c313ec3b\",\"name\":\"Cosmin Horvath\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/www.bancomail.it\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/www.bancomail.it\/blog\/wp-content\/uploads\/2016\/05\/cosmin-300x300.jpg\",\"contentUrl\":\"https:\/\/www.bancomail.it\/blog\/wp-content\/uploads\/2016\/05\/cosmin-300x300.jpg\",\"caption\":\"Cosmin Horvath\"},\"description\":\"Front-end alchemist who combines humanist knowleadge with IT skills to design reactive and surprising experiences.\",\"url\":\"https:\/\/www.bancomail.it\/blog\/author\/cosmin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Email Marketing: i trucchi per precaricare le immagini nei layout html - Bancomail Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.bancomail.it\/blog\/email-marketing-html-precaricare-immagini\/","og_locale":"it_IT","og_type":"article","og_title":"Email Marketing: i trucchi per precaricare le immagini nei layout html - Bancomail Blog","og_description":"Perch\u00e8 ottimizzare le immagini? Nell&#8217;Email Marketing, convertire i prospect\u00a0in clienti dipende in buona parte dalla creazione di una buona impressione sul lettore. In questa fase, la performance della tua email gioca\u00a0un ruolo fondamentale. Immagini di qualit\u00e0 e tempi di caricamento ultra veloci offrono ai lettori\u00a0una impressione psicologica positiva che incoraggia le vendite e la loro...","og_url":"https:\/\/www.bancomail.it\/blog\/email-marketing-html-precaricare-immagini\/","og_site_name":"Bancomail Blog","article_published_time":"2016-05-17T15:37:15+00:00","article_modified_time":"2025-06-19T08:52:57+00:00","og_image":[{"width":940,"height":300,"url":"https:\/\/www.bancomail.it\/blog\/wp-content\/uploads\/2016\/05\/htmlemaildesign-940x300-1.jpg","type":"image\/jpeg"}],"author":"Cosmin Horvath","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Cosmin Horvath","Est. reading time":"4 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.bancomail.it\/blog\/email-marketing-html-precaricare-immagini\/#article","isPartOf":{"@id":"https:\/\/www.bancomail.it\/blog\/email-marketing-html-precaricare-immagini\/"},"author":{"name":"Cosmin Horvath","@id":"https:\/\/www.bancomail.it\/blog\/#\/schema\/person\/5c0a66453a5a3babc52b0527c313ec3b"},"headline":"Email Marketing: i trucchi per precaricare le immagini nei layout html","datePublished":"2016-05-17T15:37:15+00:00","dateModified":"2025-06-19T08:52:57+00:00","mainEntityOfPage":{"@id":"https:\/\/www.bancomail.it\/blog\/email-marketing-html-precaricare-immagini\/"},"wordCount":810,"commentCount":0,"publisher":{"@id":"https:\/\/www.bancomail.it\/blog\/#organization"},"image":{"@id":"https:\/\/www.bancomail.it\/blog\/email-marketing-html-precaricare-immagini\/#primaryimage"},"thumbnailUrl":"https:\/\/www.bancomail.it\/blog\/wp-content\/uploads\/2016\/05\/htmlemaildesign-940x300-1.jpg","keywords":["css email","designr","email","media queries","ottimizzazione","responsive","uri"],"articleSection":["Email Design e Codice"],"inLanguage":"it-IT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.bancomail.it\/blog\/email-marketing-html-precaricare-immagini\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.bancomail.it\/blog\/email-marketing-html-precaricare-immagini\/","url":"https:\/\/www.bancomail.it\/blog\/email-marketing-html-precaricare-immagini\/","name":"Email Marketing: i trucchi per precaricare le immagini nei layout html - Bancomail Blog","isPartOf":{"@id":"https:\/\/www.bancomail.it\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.bancomail.it\/blog\/email-marketing-html-precaricare-immagini\/#primaryimage"},"image":{"@id":"https:\/\/www.bancomail.it\/blog\/email-marketing-html-precaricare-immagini\/#primaryimage"},"thumbnailUrl":"https:\/\/www.bancomail.it\/blog\/wp-content\/uploads\/2016\/05\/htmlemaildesign-940x300-1.jpg","datePublished":"2016-05-17T15:37:15+00:00","dateModified":"2025-06-19T08:52:57+00:00","breadcrumb":{"@id":"https:\/\/www.bancomail.it\/blog\/email-marketing-html-precaricare-immagini\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.bancomail.it\/blog\/email-marketing-html-precaricare-immagini\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/www.bancomail.it\/blog\/email-marketing-html-precaricare-immagini\/#primaryimage","url":"https:\/\/www.bancomail.it\/blog\/wp-content\/uploads\/2016\/05\/htmlemaildesign-940x300-1.jpg","contentUrl":"https:\/\/www.bancomail.it\/blog\/wp-content\/uploads\/2016\/05\/htmlemaildesign-940x300-1.jpg","width":940,"height":300},{"@type":"BreadcrumbList","@id":"https:\/\/www.bancomail.it\/blog\/email-marketing-html-precaricare-immagini\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.bancomail.it\/blog\/"},{"@type":"ListItem","position":2,"name":"Email Marketing: i trucchi per precaricare le immagini nei layout html"}]},{"@type":"WebSite","@id":"https:\/\/www.bancomail.it\/blog\/#website","url":"https:\/\/www.bancomail.it\/blog\/","name":"Bancomail Blog","description":"","publisher":{"@id":"https:\/\/www.bancomail.it\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.bancomail.it\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Organization","@id":"https:\/\/www.bancomail.it\/blog\/#organization","name":"Bancomail","url":"https:\/\/www.bancomail.it\/blog\/","logo":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/www.bancomail.it\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.bancomail.it\/blog\/wp-content\/uploads\/2025\/06\/cropped-bancomail-q.jpg","contentUrl":"https:\/\/www.bancomail.it\/blog\/wp-content\/uploads\/2025\/06\/cropped-bancomail-q.jpg","width":512,"height":512,"caption":"Bancomail"},"image":{"@id":"https:\/\/www.bancomail.it\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.linkedin.com\/company\/bancomail\/?viewAsMember=true"]},{"@type":"Person","@id":"https:\/\/www.bancomail.it\/blog\/#\/schema\/person\/5c0a66453a5a3babc52b0527c313ec3b","name":"Cosmin Horvath","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/www.bancomail.it\/blog\/#\/schema\/person\/image\/","url":"https:\/\/www.bancomail.it\/blog\/wp-content\/uploads\/2016\/05\/cosmin-300x300.jpg","contentUrl":"https:\/\/www.bancomail.it\/blog\/wp-content\/uploads\/2016\/05\/cosmin-300x300.jpg","caption":"Cosmin Horvath"},"description":"Front-end alchemist who combines humanist knowleadge with IT skills to design reactive and surprising experiences.","url":"https:\/\/www.bancomail.it\/blog\/author\/cosmin\/"}]}},"_links":{"self":[{"href":"https:\/\/www.bancomail.it\/blog\/wp-json\/wp\/v2\/posts\/7781","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bancomail.it\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.bancomail.it\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.bancomail.it\/blog\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bancomail.it\/blog\/wp-json\/wp\/v2\/comments?post=7781"}],"version-history":[{"count":1,"href":"https:\/\/www.bancomail.it\/blog\/wp-json\/wp\/v2\/posts\/7781\/revisions"}],"predecessor-version":[{"id":36201,"href":"https:\/\/www.bancomail.it\/blog\/wp-json\/wp\/v2\/posts\/7781\/revisions\/36201"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.bancomail.it\/blog\/wp-json\/wp\/v2\/media\/36200"}],"wp:attachment":[{"href":"https:\/\/www.bancomail.it\/blog\/wp-json\/wp\/v2\/media?parent=7781"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bancomail.it\/blog\/wp-json\/wp\/v2\/categories?post=7781"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bancomail.it\/blog\/wp-json\/wp\/v2\/tags?post=7781"},{"taxonomy":"post_template","embeddable":true,"href":"https:\/\/www.bancomail.it\/blog\/wp-json\/wp\/v2\/post_template?post=7781"},{"taxonomy":"top_category","embeddable":true,"href":"https:\/\/www.bancomail.it\/blog\/wp-json\/wp\/v2\/top_category?post=7781"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}