{"id":5510,"date":"2023-08-01T13:40:30","date_gmt":"2023-08-01T11:40:30","guid":{"rendered":"https:\/\/sare.pl\/baza-wiedzy\/uncategorized\/proper-preparation-of-graphics-for-mailing\/"},"modified":"2023-08-01T13:40:30","modified_gmt":"2023-08-01T11:40:30","slug":"proper-preparation-of-graphics-for-mailing","status":"publish","type":"post","link":"https:\/\/sare.pl\/baza-wiedzy\/en\/sare-system\/email-campaigns\/proper-preparation-of-graphics-for-mailing\/","title":{"rendered":"Proper preparation of graphics for mailing"},"content":{"rendered":"<p>In order to properly prepare the graphics that will be used to develop the HTML code for mailing, use the following:<\/p>\n<h2>Optimum width of graphics<\/h2>\n<p>Graphics should have an optimal width of 600-700 pixels.<\/p>\n<h2>Graphic formats<\/h2>\n<p>Graphics should be saved in .jpg, .png or .gif format. Make sure that the extensions are in lowercase letters.<\/p>\n<h2>Personalization of graphic fragments<\/h2>\n<p>If part of the graphic is to be personalized, it is recommended to use a solid background in the personalization area.<\/p>\n<h2>Font size and type<\/h2>\n<p>The font size should be no smaller than 10 pixels, and the font type should be one of the popular groups used on the Internet, such as Arial, Verdana, Tahoma or Times New Roman.<\/p>\n<h2>Graphics in the background of the text<\/h2>\n<p>It is not recommended to put graphics in the background of the text, because not all email programs support this feature. In this case, the text will be visible, but the graphics will not be displayed. <\/p>\n<h2>Graphics in mailings on mobile devices<\/h2>\n<p>On mobile devices, graphics with text can be diminished and difficult to read. To ensure that the text is always visible, regardless of the image download, place it on a solid background that can be saved as a color in the HTML code. <\/p>\n<h2>Adjusting graphics to dark mode &#8211; dark mode<\/h2>\n<p>To make the graphics suitable for dark mode, it is recommended to use a transparent or dark background. With a transparent background, keep in mind that in dark mode the background color will be inverted, which may affect the readability of elements. If this is the case, it is worth checking that all details remain visible. If any of the elements become less legible, you can add a border of 1 px thick in the background color to maintain adequate contrast.   <\/p>\n<h2>Placing text in the mailing design<\/h2>\n<p>Make sure that the text placed in the mailing design fits into rectangles with a solid background. If there are curved lines in the design, the text box should be above or below the curve, not going into its area. Otherwise, the text will have to remain a graphic and will not be editable.  <\/p>\n<h2>CTA buttons<\/h2>\n<p>If the buttons are to have editable text, do not use shadows or rounded corners. Otherwise, the buttons will be displayed as graphics, and editing the content will not be possible. <\/p>\n<h2>Area for personalized text<\/h2>\n<p>The space provided for personalized text should be large enough to accommodate the longest allowable value of the feature. For example, if you are using the variable &#8220;City&#8221;, you should provide space to enter the value &#8220;Elk&#8221; or &#8220;Nowy Dwor Mazowiecki&#8221;. <\/p>\n<h2>Weight and resolution of graphics<\/h2>\n<p>The maximum weight of graphics should not exceed 100-150 kB. The graphics resolution parameter should be saved with a value of no more than 72 dpi. <\/p>\n<h2>Size of graphics in the newsletter<\/h2>\n<p>Graphics to be included in the newsletter should be of native size. For example, if you want an image to display at 100 by 100 pixels, it should be exactly that size on the server. Placing a file with smaller or larger dimensions will result in a loss of graphic quality.  <\/p>\n<h2>Image file names<\/h2>\n<p>Graphic file names should not contain spaces, dashes or special characters. The length of the graphic file name must not exceed 35 characters. <\/p>\n<h2>Aligning messages with WCAG 2.2 digital accessibility standards<\/h2>\n<p>The new version of the <strong>WCAG 2.2<\/strong> standard expands the requirements for digital accessibility, particularly for people with visual and mobility impairments and cognitive difficulties. Aligning email communications with these guidelines is key to ensuring broad access to content.  Learn more from this article: <a href=\"https:\/\/sare.pl\/baza-wiedzy\/en\/sare-system\/adaptation-of-mailings-in-sare-to-wcag-2-2-standard\/\">Adapting mailings in SARE to the WCAG 2.2 standard<\/a><\/p>\n<p class=\"entry-title\">\n","protected":false},"excerpt":{"rendered":"<p>Proper preparation of graphics for mailing &#8211; optimal width, graphic formats, personalization, font size, background graphics for text, graphics on mobile devices, placement of text in mailing design, CTA buttons, area for personalized text, weight and resolution of graphics, size of graphics in newsletter, names of graphic files<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[1625],"tags":[2219,1757,1831,2199,2201,2203,2205,2207,2209,2211,2213,2215,2216,2217,2218],"class_list":["post-5510","post","type-post","status-publish","format-standard","hentry","category-email-campaigns","tag-image-file-names","tag-personalization","tag-mailing-en","tag-proper-preparation-of-graphics","tag-optimal-width","tag-graphic-formats","tag-font-size","tag-background-graphics-in-the-text","tag-graphics-on-mobile-devices","tag-placement-of-text-in-the-mailing-design","tag-cta-buttons","tag-area-for-personalized-text","tag-weight-of-graphics","tag-graphics-resolution","tag-size-of-the-graphic-in-the-newsletter"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Proper preparation of graphics for mailing - SARE | Baza wiedzy<\/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:\/\/sare.pl\/baza-wiedzy\/en\/sare-system\/email-campaigns\/proper-preparation-of-graphics-for-mailing\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Proper preparation of graphics for mailing - SARE | Baza wiedzy\" \/>\n<meta property=\"og:description\" content=\"Proper preparation of graphics for mailing - optimal width, graphic formats, personalization, font size, background graphics for text, graphics on mobile devices, placement of text in mailing design, CTA buttons, area for personalized text, weight and resolution of graphics, size of graphics in newsletter, names of graphic files\" \/>\n<meta property=\"og:url\" content=\"https:\/\/sare.pl\/baza-wiedzy\/en\/sare-system\/email-campaigns\/proper-preparation-of-graphics-for-mailing\/\" \/>\n<meta property=\"og:site_name\" content=\"SARE | Baza wiedzy\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/SAREpl\" \/>\n<meta property=\"article:published_time\" content=\"2023-08-01T11:40:30+00:00\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/sare.pl\/baza-wiedzy\/en\/sare-system\/email-campaigns\/proper-preparation-of-graphics-for-mailing\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/sare.pl\/baza-wiedzy\/en\/sare-system\/email-campaigns\/proper-preparation-of-graphics-for-mailing\/\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\/\/sare.pl\/baza-wiedzy\/en\/#\/schema\/person\/167ecfd76cdd32904d33a8c56f137e3a\"},\"headline\":\"Proper preparation of graphics for mailing\",\"datePublished\":\"2023-08-01T11:40:30+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/sare.pl\/baza-wiedzy\/en\/sare-system\/email-campaigns\/proper-preparation-of-graphics-for-mailing\/\"},\"wordCount\":609,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/sare.pl\/baza-wiedzy\/en\/#organization\"},\"keywords\":[\"image file names\",\"personalization\",\"mailing\",\"proper preparation of graphics\",\"optimal width\",\"graphic formats\",\"font size\",\"background graphics in the text\",\"graphics on mobile devices\",\"placement of text in the mailing design\",\"CTA buttons\",\"area for personalized text\",\"weight of graphics\",\"graphics resolution\",\"size of the graphic in the newsletter\"],\"articleSection\":[\"Email Campaigns\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/sare.pl\/baza-wiedzy\/en\/sare-system\/email-campaigns\/proper-preparation-of-graphics-for-mailing\/\",\"url\":\"https:\/\/sare.pl\/baza-wiedzy\/en\/sare-system\/email-campaigns\/proper-preparation-of-graphics-for-mailing\/\",\"name\":\"Proper preparation of graphics for mailing - SARE | Baza wiedzy\",\"isPartOf\":{\"@id\":\"https:\/\/sare.pl\/baza-wiedzy\/en\/#website\"},\"datePublished\":\"2023-08-01T11:40:30+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/sare.pl\/baza-wiedzy\/en\/sare-system\/email-campaigns\/proper-preparation-of-graphics-for-mailing\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/sare.pl\/baza-wiedzy\/en\/sare-system\/email-campaigns\/proper-preparation-of-graphics-for-mailing\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/sare.pl\/baza-wiedzy\/en\/sare-system\/email-campaigns\/proper-preparation-of-graphics-for-mailing\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Centrum pomocy\",\"item\":\"https:\/\/sare.pl\/baza-wiedzy\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Uncategorized\",\"item\":\"https:\/\/sare.pl\/baza-wiedzy\/en\/uncategorized\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Proper preparation of graphics for mailing\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/sare.pl\/baza-wiedzy\/en\/#website\",\"url\":\"https:\/\/sare.pl\/baza-wiedzy\/en\/\",\"name\":\"SARE | Baza wiedzy\",\"description\":\"SARE | Baza wiedzy\",\"publisher\":{\"@id\":\"https:\/\/sare.pl\/baza-wiedzy\/en\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/sare.pl\/baza-wiedzy\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/sare.pl\/baza-wiedzy\/en\/#organization\",\"name\":\"SARE | Baza wiedzy\",\"url\":\"https:\/\/sare.pl\/baza-wiedzy\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/sare.pl\/baza-wiedzy\/en\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/sare.pl\/baza-wiedzy\/wp-content\/uploads\/2023\/11\/Frame-7540-1.png\",\"contentUrl\":\"https:\/\/sare.pl\/baza-wiedzy\/wp-content\/uploads\/2023\/11\/Frame-7540-1.png\",\"width\":372,\"height\":160,\"caption\":\"SARE | Baza wiedzy\"},\"image\":{\"@id\":\"https:\/\/sare.pl\/baza-wiedzy\/en\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/SAREpl\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/sare.pl\/baza-wiedzy\/en\/#\/schema\/person\/167ecfd76cdd32904d33a8c56f137e3a\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/sare.pl\/baza-wiedzy\/en\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/c41b30fd9393eb744de159dd22162b679cd7596c81b8e0495338a751f97227f2?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/c41b30fd9393eb744de159dd22162b679cd7596c81b8e0495338a751f97227f2?s=96&d=mm&r=g\",\"caption\":\"admin\"},\"sameAs\":[\"https:\/\/sare.pl\/baza-wiedzy\"],\"url\":\"https:\/\/sare.pl\/baza-wiedzy\/en\/author\/admin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Proper preparation of graphics for mailing - SARE | Baza wiedzy","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:\/\/sare.pl\/baza-wiedzy\/en\/sare-system\/email-campaigns\/proper-preparation-of-graphics-for-mailing\/","og_locale":"en_US","og_type":"article","og_title":"Proper preparation of graphics for mailing - SARE | Baza wiedzy","og_description":"Proper preparation of graphics for mailing - optimal width, graphic formats, personalization, font size, background graphics for text, graphics on mobile devices, placement of text in mailing design, CTA buttons, area for personalized text, weight and resolution of graphics, size of graphics in newsletter, names of graphic files","og_url":"https:\/\/sare.pl\/baza-wiedzy\/en\/sare-system\/email-campaigns\/proper-preparation-of-graphics-for-mailing\/","og_site_name":"SARE | Baza wiedzy","article_publisher":"https:\/\/www.facebook.com\/SAREpl","article_published_time":"2023-08-01T11:40:30+00:00","author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/sare.pl\/baza-wiedzy\/en\/sare-system\/email-campaigns\/proper-preparation-of-graphics-for-mailing\/#article","isPartOf":{"@id":"https:\/\/sare.pl\/baza-wiedzy\/en\/sare-system\/email-campaigns\/proper-preparation-of-graphics-for-mailing\/"},"author":{"name":"admin","@id":"https:\/\/sare.pl\/baza-wiedzy\/en\/#\/schema\/person\/167ecfd76cdd32904d33a8c56f137e3a"},"headline":"Proper preparation of graphics for mailing","datePublished":"2023-08-01T11:40:30+00:00","mainEntityOfPage":{"@id":"https:\/\/sare.pl\/baza-wiedzy\/en\/sare-system\/email-campaigns\/proper-preparation-of-graphics-for-mailing\/"},"wordCount":609,"commentCount":0,"publisher":{"@id":"https:\/\/sare.pl\/baza-wiedzy\/en\/#organization"},"keywords":["image file names","personalization","mailing","proper preparation of graphics","optimal width","graphic formats","font size","background graphics in the text","graphics on mobile devices","placement of text in the mailing design","CTA buttons","area for personalized text","weight of graphics","graphics resolution","size of the graphic in the newsletter"],"articleSection":["Email Campaigns"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/sare.pl\/baza-wiedzy\/en\/sare-system\/email-campaigns\/proper-preparation-of-graphics-for-mailing\/","url":"https:\/\/sare.pl\/baza-wiedzy\/en\/sare-system\/email-campaigns\/proper-preparation-of-graphics-for-mailing\/","name":"Proper preparation of graphics for mailing - SARE | Baza wiedzy","isPartOf":{"@id":"https:\/\/sare.pl\/baza-wiedzy\/en\/#website"},"datePublished":"2023-08-01T11:40:30+00:00","breadcrumb":{"@id":"https:\/\/sare.pl\/baza-wiedzy\/en\/sare-system\/email-campaigns\/proper-preparation-of-graphics-for-mailing\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sare.pl\/baza-wiedzy\/en\/sare-system\/email-campaigns\/proper-preparation-of-graphics-for-mailing\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/sare.pl\/baza-wiedzy\/en\/sare-system\/email-campaigns\/proper-preparation-of-graphics-for-mailing\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Centrum pomocy","item":"https:\/\/sare.pl\/baza-wiedzy\/en\/"},{"@type":"ListItem","position":2,"name":"Uncategorized","item":"https:\/\/sare.pl\/baza-wiedzy\/en\/uncategorized\/"},{"@type":"ListItem","position":3,"name":"Proper preparation of graphics for mailing"}]},{"@type":"WebSite","@id":"https:\/\/sare.pl\/baza-wiedzy\/en\/#website","url":"https:\/\/sare.pl\/baza-wiedzy\/en\/","name":"SARE | Baza wiedzy","description":"SARE | Baza wiedzy","publisher":{"@id":"https:\/\/sare.pl\/baza-wiedzy\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/sare.pl\/baza-wiedzy\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/sare.pl\/baza-wiedzy\/en\/#organization","name":"SARE | Baza wiedzy","url":"https:\/\/sare.pl\/baza-wiedzy\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/sare.pl\/baza-wiedzy\/en\/#\/schema\/logo\/image\/","url":"https:\/\/sare.pl\/baza-wiedzy\/wp-content\/uploads\/2023\/11\/Frame-7540-1.png","contentUrl":"https:\/\/sare.pl\/baza-wiedzy\/wp-content\/uploads\/2023\/11\/Frame-7540-1.png","width":372,"height":160,"caption":"SARE | Baza wiedzy"},"image":{"@id":"https:\/\/sare.pl\/baza-wiedzy\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/SAREpl"]},{"@type":"Person","@id":"https:\/\/sare.pl\/baza-wiedzy\/en\/#\/schema\/person\/167ecfd76cdd32904d33a8c56f137e3a","name":"admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/sare.pl\/baza-wiedzy\/en\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/c41b30fd9393eb744de159dd22162b679cd7596c81b8e0495338a751f97227f2?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c41b30fd9393eb744de159dd22162b679cd7596c81b8e0495338a751f97227f2?s=96&d=mm&r=g","caption":"admin"},"sameAs":["https:\/\/sare.pl\/baza-wiedzy"],"url":"https:\/\/sare.pl\/baza-wiedzy\/en\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/sare.pl\/baza-wiedzy\/en\/wp-json\/wp\/v2\/posts\/5510","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sare.pl\/baza-wiedzy\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sare.pl\/baza-wiedzy\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sare.pl\/baza-wiedzy\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sare.pl\/baza-wiedzy\/en\/wp-json\/wp\/v2\/comments?post=5510"}],"version-history":[{"count":0,"href":"https:\/\/sare.pl\/baza-wiedzy\/en\/wp-json\/wp\/v2\/posts\/5510\/revisions"}],"wp:attachment":[{"href":"https:\/\/sare.pl\/baza-wiedzy\/en\/wp-json\/wp\/v2\/media?parent=5510"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sare.pl\/baza-wiedzy\/en\/wp-json\/wp\/v2\/categories?post=5510"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sare.pl\/baza-wiedzy\/en\/wp-json\/wp\/v2\/tags?post=5510"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}