{"id":28377,"date":"2020-08-11T13:54:07","date_gmt":"2020-08-11T06:54:07","guid":{"rendered":"https:\/\/docs.kirim.email\/?post_type=kb&#038;p=28377"},"modified":"2020-08-11T13:54:07","modified_gmt":"2020-08-11T06:54:07","slug":"how-to-upload-images-on-the-email","status":"publish","type":"kb","link":"https:\/\/docs.kirim.email\/en\/kb\/how-to-upload-images-on-the-email\/","title":{"rendered":"How to Upload Images on the Email"},"content":{"rendered":"\r\n\r\nImages are the key content to success in your email marketing. With image readers are easier to understand your intention because they get a visual image or illustration.\r\n\r\nBut not all images can be put on an email, especially large-sized images. If you do not limit the size, the appearance of your content will be ugly and it wasted your time. On this page, we want to share about how to adjust the image size in email.\r\n\r\nThe size we recommend in the email is 400px.\r\n\r\nYou can learn the step by step guide below:\r\n\r\n<strong>Step 1<\/strong>: Click Upload\r\n\r\n\r\n\r\n\r\n<div class=\"wp-block-image\">\r\n<figure class=\"aligncenter size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1585\" height=\"789\" class=\"wp-image-27962\" src=\"https:\/\/i1.wp.com\/docs.kirim.email\/wp-content\/uploads\/2020\/04\/uploadgambar1.png?fit=1024%2C510&amp;ssl=1\" alt=\"\" srcset=\"https:\/\/i0.wp.com\/docs.kirim.email\/wp-content\/uploads\/2020\/04\/uploadgambar1.png?w=1585&amp;ssl=1 1585w, https:\/\/i0.wp.com\/docs.kirim.email\/wp-content\/uploads\/2020\/04\/uploadgambar1.png?resize=300%2C149&amp;ssl=1 300w, https:\/\/i0.wp.com\/docs.kirim.email\/wp-content\/uploads\/2020\/04\/uploadgambar1.png?resize=1024%2C510&amp;ssl=1 1024w, https:\/\/i0.wp.com\/docs.kirim.email\/wp-content\/uploads\/2020\/04\/uploadgambar1.png?resize=768%2C382&amp;ssl=1 768w, https:\/\/i0.wp.com\/docs.kirim.email\/wp-content\/uploads\/2020\/04\/uploadgambar1.png?resize=1536%2C765&amp;ssl=1 1536w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<strong>Step 2<\/strong>: Select the Image you want\r\n\r\n<strong>Step 3:<\/strong> Upload the image\r\n\r\n<strong>Step 4<\/strong>: Right Click on the image and select Image Properties\r\n\r\n<img decoding=\"async\" width=\"1383\" height=\"706\" class=\"wp-image-27963\" style=\"text-align: center; font-style: inherit; font-weight: inherit;\" src=\"https:\/\/i0.wp.com\/docs.kirim.email\/wp-content\/uploads\/2020\/04\/uploadgambar2.png?fit=1024%2C523&amp;ssl=1\" alt=\"\" srcset=\"https:\/\/i0.wp.com\/docs.kirim.email\/wp-content\/uploads\/2020\/04\/uploadgambar2.png?w=1383&amp;ssl=1 1383w, https:\/\/i0.wp.com\/docs.kirim.email\/wp-content\/uploads\/2020\/04\/uploadgambar2.png?resize=300%2C153&amp;ssl=1 300w, https:\/\/i0.wp.com\/docs.kirim.email\/wp-content\/uploads\/2020\/04\/uploadgambar2.png?resize=1024%2C523&amp;ssl=1 1024w, https:\/\/i0.wp.com\/docs.kirim.email\/wp-content\/uploads\/2020\/04\/uploadgambar2.png?resize=768%2C392&amp;ssl=1 768w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/>\r\n\r\n\r\n\r\n\r\n\r\n<strong>Step 5<\/strong>: Then adjust it to 400-500 px in the Width column\r\n\r\n\r\n\r\n\r\n<div class=\"wp-block-image\">\r\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1356\" height=\"690\" class=\"wp-image-27964\" src=\"https:\/\/i2.wp.com\/docs.kirim.email\/wp-content\/uploads\/2020\/04\/uploadgambar3.png?fit=1024%2C521&amp;ssl=1\" alt=\"\" srcset=\"https:\/\/i0.wp.com\/docs.kirim.email\/wp-content\/uploads\/2020\/04\/uploadgambar3.png?w=1356&amp;ssl=1 1356w, https:\/\/i0.wp.com\/docs.kirim.email\/wp-content\/uploads\/2020\/04\/uploadgambar3.png?resize=300%2C153&amp;ssl=1 300w, https:\/\/i0.wp.com\/docs.kirim.email\/wp-content\/uploads\/2020\/04\/uploadgambar3.png?resize=1024%2C521&amp;ssl=1 1024w, https:\/\/i0.wp.com\/docs.kirim.email\/wp-content\/uploads\/2020\/04\/uploadgambar3.png?resize=768%2C391&amp;ssl=1 768w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<strong>Step 6<\/strong>: Click Advance to confirm\r\n\r\n\r\n\r\n\r\n<div class=\"wp-block-image\">\r\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1585\" height=\"740\" class=\"wp-image-27965\" src=\"https:\/\/i2.wp.com\/docs.kirim.email\/wp-content\/uploads\/2020\/04\/uploadgambar5.png?fit=1024%2C478&amp;ssl=1\" alt=\"\" srcset=\"https:\/\/i0.wp.com\/docs.kirim.email\/wp-content\/uploads\/2020\/04\/uploadgambar5.png?w=1585&amp;ssl=1 1585w, https:\/\/i0.wp.com\/docs.kirim.email\/wp-content\/uploads\/2020\/04\/uploadgambar5.png?resize=300%2C140&amp;ssl=1 300w, https:\/\/i0.wp.com\/docs.kirim.email\/wp-content\/uploads\/2020\/04\/uploadgambar5.png?resize=1024%2C478&amp;ssl=1 1024w, https:\/\/i0.wp.com\/docs.kirim.email\/wp-content\/uploads\/2020\/04\/uploadgambar5.png?resize=768%2C359&amp;ssl=1 768w, https:\/\/i0.wp.com\/docs.kirim.email\/wp-content\/uploads\/2020\/04\/uploadgambar5.png?resize=1536%2C717&amp;ssl=1 1536w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<strong>Step 7:<\/strong> Click OK and the image size is ready\r\n\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1585\" height=\"740\" class=\"wp-image-27966\" src=\"https:\/\/i1.wp.com\/docs.kirim.email\/wp-content\/uploads\/2020\/04\/uploadgambar6.png?fit=1024%2C478&amp;ssl=1\" alt=\"\" srcset=\"https:\/\/i0.wp.com\/docs.kirim.email\/wp-content\/uploads\/2020\/04\/uploadgambar6.png?w=1585&amp;ssl=1 1585w, https:\/\/i0.wp.com\/docs.kirim.email\/wp-content\/uploads\/2020\/04\/uploadgambar6.png?resize=300%2C140&amp;ssl=1 300w, https:\/\/i0.wp.com\/docs.kirim.email\/wp-content\/uploads\/2020\/04\/uploadgambar6.png?resize=1024%2C478&amp;ssl=1 1024w, https:\/\/i0.wp.com\/docs.kirim.email\/wp-content\/uploads\/2020\/04\/uploadgambar6.png?resize=768%2C359&amp;ssl=1 768w, https:\/\/i0.wp.com\/docs.kirim.email\/wp-content\/uploads\/2020\/04\/uploadgambar6.png?resize=1536%2C717&amp;ssl=1 1536w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\r\n\r\n\r\n\r\n\r\nGOOD LUCK!\r\n\r\n\r\n\r\n\r\n\r\n","protected":false},"excerpt":{"rendered":"<p>Images are the key content to success in your email marketing. With image readers are easier to understand your intention because they get a visual [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"default","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"default","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}}},"kbtopic":[],"kbtag":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/docs.kirim.email\/en\/wp-json\/wp\/v2\/kb\/28377"}],"collection":[{"href":"https:\/\/docs.kirim.email\/en\/wp-json\/wp\/v2\/kb"}],"about":[{"href":"https:\/\/docs.kirim.email\/en\/wp-json\/wp\/v2\/types\/kb"}],"author":[{"embeddable":true,"href":"https:\/\/docs.kirim.email\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.kirim.email\/en\/wp-json\/wp\/v2\/comments?post=28377"}],"version-history":[{"count":2,"href":"https:\/\/docs.kirim.email\/en\/wp-json\/wp\/v2\/kb\/28377\/revisions"}],"predecessor-version":[{"id":28379,"href":"https:\/\/docs.kirim.email\/en\/wp-json\/wp\/v2\/kb\/28377\/revisions\/28379"}],"wp:attachment":[{"href":"https:\/\/docs.kirim.email\/en\/wp-json\/wp\/v2\/media?parent=28377"}],"wp:term":[{"taxonomy":"kbtopic","embeddable":true,"href":"https:\/\/docs.kirim.email\/en\/wp-json\/wp\/v2\/kbtopic?post=28377"},{"taxonomy":"kbtag","embeddable":true,"href":"https:\/\/docs.kirim.email\/en\/wp-json\/wp\/v2\/kbtag?post=28377"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}