{"id":8069,"date":"2023-01-18T14:29:04","date_gmt":"2023-01-18T11:29:04","guid":{"rendered":"https:\/\/snov.io\/knowledgebase\/?p=8069"},"modified":"2025-03-31T13:20:44","modified_gmt":"2025-03-31T10:20:44","slug":"how-to-insert-an-image-into-an-html-email","status":"publish","type":"post","link":"https:\/\/snov.io\/knowledgebase\/how-to-insert-an-image-into-an-html-email\/","title":{"rendered":"How to add an image or GIF to your email content"},"content":{"rendered":"<p>In this article, you'll learn how to upload images and animated GIFs to your email content.<\/p>\n<p>Adding images to your email templates helps convey key information quickly and makes your emails more visually engaging.<\/p>\n<h2><strong>Upload the image to the email<\/strong><\/h2>\n<p>When creating a new email for your campaign, you can upload an image to include in the email body.<\/p>\n<p>Make sure the image file is saved on your computer. If it's stored online, download it to your device before uploading.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-38466 wp-block-image shadow\" src=\"https:\/\/snov.io\/knowledgebase\/wp-content\/uploads\/2023\/01\/New-Campaign-03-31-2025_01_19_PM.png\" alt=\"\" width=\"1920\" height=\"911\" srcset=\"https:\/\/snov.io\/knowledgebase\/wp-content\/uploads\/2023\/01\/New-Campaign-03-31-2025_01_19_PM.png 1920w, https:\/\/snov.io\/knowledgebase\/wp-content\/uploads\/2023\/01\/New-Campaign-03-31-2025_01_19_PM-300x142.png 300w, https:\/\/snov.io\/knowledgebase\/wp-content\/uploads\/2023\/01\/New-Campaign-03-31-2025_01_19_PM-1024x486.png 1024w, https:\/\/snov.io\/knowledgebase\/wp-content\/uploads\/2023\/01\/New-Campaign-03-31-2025_01_19_PM-768x364.png 768w, https:\/\/snov.io\/knowledgebase\/wp-content\/uploads\/2023\/01\/New-Campaign-03-31-2025_01_19_PM-1536x729.png 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<p>To upload an image, open the email editor and click the image icon. Then, locate the image file on your computer and select it.<\/p>\n<div class=\"notification-block learn\">\n<div class=\"notification-block__icon\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/snov.io\/knowledgebase\/wp-content\/themes\/knowledgebase-n\/assets\/img\/fluent_chat-warning-16-regular.svg\" alt=\"learn\" width=\"32\" height=\"32\" \/><\/div>\n<div class=\"notification-block__text\">The email editor in Snov.io allows JPG, JPEG, PNG, and GIF (animated) file formats. The total size of all images in your email can be up to 4MB.<\/div>\n<\/div>\n<p>The image will upload in its original size, but you can resize it by dragging its corners to make it smaller or larger.<\/p>\n<h2><strong>Test your email\u00a0<\/strong><\/h2>\n<p>It's a good idea to send a test email to make sure your message appears correctly in the email client.<\/p>\n<p>Click <strong>Preview and test<\/strong> below the email content area. Enter the email address for the test inbox.<\/p>\n<p>Once the email is delivered, check how it looks and adjust the size if needed.<\/p>\n<p><i><span style=\"font-weight: 400;\">Have more questions? We\u2019re here to help at help@snov.io or live-support chat.<\/span><\/i><\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this article, you&#8217;ll learn how to upload images and animated GIFs to your email content. Adding images to your email templates helps convey key information quickly and makes your emails more visually engaging. Upload the image to the email When creating a new email for your campaign, you can upload an image to include [&hellip;]<\/p>\n","protected":false},"author":16,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1976],"tags":[],"_links":{"self":[{"href":"https:\/\/snov.io\/knowledgebase\/wp-json\/wp\/v2\/posts\/8069"}],"collection":[{"href":"https:\/\/snov.io\/knowledgebase\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/snov.io\/knowledgebase\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/snov.io\/knowledgebase\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/snov.io\/knowledgebase\/wp-json\/wp\/v2\/comments?post=8069"}],"version-history":[{"count":2,"href":"https:\/\/snov.io\/knowledgebase\/wp-json\/wp\/v2\/posts\/8069\/revisions"}],"predecessor-version":[{"id":38467,"href":"https:\/\/snov.io\/knowledgebase\/wp-json\/wp\/v2\/posts\/8069\/revisions\/38467"}],"wp:attachment":[{"href":"https:\/\/snov.io\/knowledgebase\/wp-json\/wp\/v2\/media?parent=8069"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/snov.io\/knowledgebase\/wp-json\/wp\/v2\/categories?post=8069"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/snov.io\/knowledgebase\/wp-json\/wp\/v2\/tags?post=8069"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}