{"id":2258,"date":"2024-03-02T12:09:09","date_gmt":"2024-03-02T06:39:09","guid":{"rendered":"https:\/\/larapush.com\/blog\/?p=2258"},"modified":"2024-03-02T12:09:37","modified_gmt":"2024-03-02T06:39:37","slug":"pictures-push-notifications-android-ios","status":"publish","type":"post","link":"https:\/\/larapush.com\/blog\/pictures-push-notifications-android-ios\/","title":{"rendered":"How to Add Pictures to Push Notifications in Android &#038; iOS Apps"},"content":{"rendered":"\n<p class=\"has-background\" style=\"background-color:#2776e682\"><strong>Key Takeaways<\/strong>: You can include pictures in push notifications in Android and iOS apps. However, at the moment, images are supported only on Chrome browsers.<\/p>\n\n\n\n<p>I know many marketers would relate with me when I say, &#8220;A well-placed image could change the outcome of a campaign.&#8221;<\/p>\n\n\n\n<p>Whether for your blogs, webpage content, emails, or push notifications, images can evoke the emotion and eagerness that words can\u2019t.<\/p>\n\n\n\n<p>They are easy to understand, memorable, and, most importantly, create better engagement.<\/p>\n\n\n\n<p>However, different types of marketing channels have different image requirements. Although you can add pictures in push notifications, there are certain conditions for it.\u00a0<\/p>\n\n\n\n<p>In this blog, we will dive into the details of including push notifications in Android and iOS apps.\u00a0\u00a0<\/p>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_63 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 \" >Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/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:\/\/larapush.com\/blog\/pictures-push-notifications-android-ios\/#Is_Your_Push_Notification_Rich\" title=\"Is Your Push Notification Rich?\">Is Your Push Notification Rich?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/larapush.com\/blog\/pictures-push-notifications-android-ios\/#Steps_to_Add_Pictures_to_Web_Push_Notifications\" title=\"Steps to Add Pictures to Web Push Notifications\">Steps to Add Pictures to Web Push Notifications<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/larapush.com\/blog\/pictures-push-notifications-android-ios\/#Step_1_Create_a_new_Campaign\" title=\"Step #1: Create a new Campaign\">Step #1: Create a new Campaign<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/larapush.com\/blog\/pictures-push-notifications-android-ios\/#Step_2_Enter_The_Details\" title=\"Step #2: Enter The Details\">Step #2: Enter The Details<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/larapush.com\/blog\/pictures-push-notifications-android-ios\/#Step_3_Ready_To_Send\" title=\"Step #3: Ready To Send\">Step #3: Ready To Send<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/larapush.com\/blog\/pictures-push-notifications-android-ios\/#Best_Practices_To_Add_Images_To_Push_Notification\" title=\"Best Practices To Add Images To Push Notification\">Best Practices To Add Images To Push Notification<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/larapush.com\/blog\/pictures-push-notifications-android-ios\/#Use_the_right_image_size\" title=\"Use the right image size\">Use the right image size<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/larapush.com\/blog\/pictures-push-notifications-android-ios\/#Optimize_the_text_in_your_image\" title=\"Optimize the text in your image\">Optimize the text in your image<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/larapush.com\/blog\/pictures-push-notifications-android-ios\/#Select_the_correct_font\" title=\"Select the correct font\">Select the correct font<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/larapush.com\/blog\/pictures-push-notifications-android-ios\/#Make_sure_the_images_are_engaging_enough\" title=\"Make sure the images are engaging enough\">Make sure the images are engaging enough<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/larapush.com\/blog\/pictures-push-notifications-android-ios\/#Conclusion\" title=\"Conclusion\">Conclusion<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/larapush.com\/blog\/pictures-push-notifications-android-ios\/#FAQs\" title=\"FAQs\">FAQs<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/larapush.com\/blog\/pictures-push-notifications-android-ios\/#Why_is_my_push_notification_image_not_showing_up_on_iOS\" title=\"Why is my push notification image not showing up on iOS?\">Why is my push notification image not showing up on iOS?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/larapush.com\/blog\/pictures-push-notifications-android-ios\/#What_size_image_for_Firebase_push_notifications\" title=\"What size image for Firebase push notifications?\">What size image for Firebase push notifications?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/larapush.com\/blog\/pictures-push-notifications-android-ios\/#What_size_is_the_LaraPush_notification_image\" title=\"What size is the LaraPush notification image?\">What size is the LaraPush notification image?<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Is_Your_Push_Notification_Rich\"><\/span><strong>Is Your Push Notification Rich?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Marketers term notifications with hero images as \u201crich push notifications,\u201d but do push notifications with a hero image create that much of an impact?<\/p>\n\n\n\n<p>Have you ever come across the term \u201c rich push notification?\u201d<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"952\" height=\"753\" src=\"https:\/\/larapush.com\/blog\/wp-content\/uploads\/2024\/03\/Is-Your-Push-Notification-Rich.png\" alt=\"Is Your Push Notification Rich?\" class=\"wp-image-2363\" srcset=\"https:\/\/larapush.com\/blog\/wp-content\/uploads\/2024\/03\/Is-Your-Push-Notification-Rich.png 952w, https:\/\/larapush.com\/blog\/wp-content\/uploads\/2024\/03\/Is-Your-Push-Notification-Rich-300x237.png 300w, https:\/\/larapush.com\/blog\/wp-content\/uploads\/2024\/03\/Is-Your-Push-Notification-Rich-768x607.png 768w, https:\/\/larapush.com\/blog\/wp-content\/uploads\/2024\/03\/Is-Your-Push-Notification-Rich-512x405.png 512w, https:\/\/larapush.com\/blog\/wp-content\/uploads\/2024\/03\/Is-Your-Push-Notification-Rich-920x728.png 920w\" sizes=\"(max-width: 952px) 100vw, 952px\" \/><\/figure>\n\n\n\n<p>It is the most common term for push notifications with a hero image. Why?<\/p>\n\n\n\n<p>Because push notification with images are super impactful.<\/p>\n\n\n\n<p>Don\u2019t believe us?<br><br>Here are few stats to prove our point:<\/p>\n\n\n\n<ul>\n<li>Rich media in push notifications boasts an <a href=\"https:\/\/www.linkedin.com\/advice\/0\/what-benefits-challenges-using-rich-media-push\">impressive 56% opening rate<\/a>.<\/li>\n\n\n\n<li>Incorporating a hero image (rich format) into push notifications leads to a notable 25% increase in reaction rates.<\/li>\n<\/ul>\n\n\n\n<p>Like SMS and email marketing, push notifications let you showcase a hero image in your promotion. However, this feature has some limitations\u2014it works only on specific devices and browsers.<\/p>\n\n\n\n<p>Hero images are visible only on Chrome for Android and Windows; other browsers and devices currently do not support them.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Steps_to_Add_Pictures_to_Web_Push_Notifications\"><\/span>Steps to Add Pictures to Web Push Notifications<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>The steps to add images in push notification using <a href=\"https:\/\/larapush.com\/\">LaraPush<\/a> are as follows:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Step_1_Create_a_new_Campaign\"><\/span>Step #1: Create a new Campaign<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Create a fresh new push notification campaign by selecting \u201cCreate Campaign.\u201d\u00a0<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh7-us.googleusercontent.com\/WW3fKPfPSo4HidkfnoP6NMfXp7IE-EXrMLzrR3wCg6rsH89xWk0hyxtYP8hMK6U032w00isF0X04sQaQzJ2wkk205k93TZ7Av_4-dEpjxYYPCjotZN0y7Do5PHxTabq3_oiP3-R3OpB--EErOzdO474\" alt=\"Image showing LaraPush dashboard \"\/><\/figure>\n\n\n\n<p>There are two ways to go after this: one is a simple way, and the other is a manual one.<br><br>Let\u2019s go by the simple one first.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Step_2_Enter_The_Details\"><\/span><strong>Step #2<\/strong>: Enter The Details<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>You can enter the URL of the page you want to send a notification for. Once you enter the URL and click on Fetch, the platform will retrieve the heading, short description, and feature image from the URL.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh7-us.googleusercontent.com\/EkeuwxxiaOgzrHp17QACzalBcfNb76cQLP5bnPn1nOs_zRWO9kayfJapOlXw-rdsV5Mp7cGcZ-LPrtUGZeeXWXJYamc19DLrwxruUSg9wkmvJhnZzeSs63YV0rqlQweVgi2r7cFEkiQdqo2Sg-NR_Uo\" alt=\"Enter The Details\"\/><\/figure>\n\n\n\n<p>This method is best suited for <a href=\"https:\/\/larapush.com\/blog\/push-notification-for-bloggers\/\">blogging websites<\/a>, but if you want to promote anything other than blogs, here\u2019s the manual way.\u00a0<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh7-us.googleusercontent.com\/at6Mk51tKMQZABYT8SRnk6xLQuohLr5Bq1v-5ycqjyVHVgaXkcM2fehgzFkOW8joe0qyStPnUuLfCSL3d6MG7oslmMiGRHFdFxI5JeAUBRJnqLA_eLWzq4gvAkaF9BEhgTkzV_J6tEYdGXS49YWj_eE\" alt=\"Manual way to enter details for push notifications with pictures\"\/><\/figure>\n\n\n\n<p>Once you fill in the details like the exact title, description, and image URLs, you can have a preview of it.<\/p>\n\n\n\n<p>You can also go to the advanced setting to add buttons, the expiration duration of the notification, etc.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh7-us.googleusercontent.com\/zI6BXr_9ikTB3x66c2SkyKkBJUesZC8KBVRNdObnnCNzz82rKCfRLZhxe4otWR_HrxuGgCOuSRW1EsHgig1Q-dFs2eUL-ZrgnW8L8QraRaXHg381Ot0bBqv7bnaO7n9iEh1CKE1GsQxQmFt4fJMNsMY\" alt=\"Quick preview of push notifications with pictures\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Step_3_Ready_To_Send\"><\/span>Step #3: Ready To Send<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Once you have filled in the details, simply click on the send button. That\u2019s literally it.\u00a0<\/p>\n\n\n\n<p>You can also automate these notifications with AutoMagic Push.<\/p>\n\n\n\n<p>Before adding an image to push notifications, make sure to check if it would support the image size. Besides, also make sure the message copy makes sense even without the image.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Best_Practices_To_Add_Images_To_Push_Notification\"><\/span>Best Practices To Add Images To Push Notification<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Here are a few things you should keep in mind while attaching an image to your push notification:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Use_the_right_image_size\"><\/span>Use the right image size<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Browsers have limitations on the size of images, so it is crucial to use images of the correct sizes. For Windows, use 728px (Width) x 360px (Height), and for Android, it is 720px (Width) x 240px (Height).<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Optimize_the_text_in_your_image\"><\/span>Optimize the text in your image<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>It is important to use the right keyword and optimize your text to reach the target audience.\u00a0<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Select_the_correct_font\"><\/span>Select the correct font<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Besides optimization, you must also take care of font size as the presentation also matters.\u00a0<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Make_sure_the_images_are_engaging_enough\"><\/span>Make sure the images are engaging enough<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>As the presentation matters, make sure you use attractive images that get more views and make the audience go wild with them.\u00a0<\/p>\n\n\n\n<p>Use design tools and suitable color palettes when making an image from scratch. If you are creating an image from scratch with the help of <a href=\"https:\/\/www.canva.com\/\">Canva<\/a> or any other tool, then you have to be extra careful about every minute detail.\u00a0<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Conclusion\"><\/span><strong>Conclusion<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Now, you can easily attach images to your notification and skyrocket your engagement, provided your chosen platform offers easy image integration like LaraPush.\u00a0<\/p>\n\n\n\n<p>That\u2019s everything we have got for this blog.&nbsp;<\/p>\n\n\n\n<p>Todaloo!&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"FAQs\"><\/span>FAQs<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Why_is_my_push_notification_image_not_showing_up_on_iOS\"><\/span>Why is my push notification image not showing up on iOS?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Generally, when your app&#8217;s Notification Service Extension is not configured, you won&#8217;t see Rich Media in iOS notifications. Please confirm that your iOS Notification Service Extension setup instructions were followed appropriately.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"What_size_image_for_Firebase_push_notifications\"><\/span>What size image for Firebase push notifications?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>The size of the image is limited to 1MB only.\u00a0<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"What_size_is_the_LaraPush_notification_image\"><\/span>What size is the LaraPush notification image?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>The LaraPush notification image should be 200px in height and 300px in width.<\/p>\n","protected":false},"excerpt":{"rendered":"Learn how to add pictures to your push notifications to boost engagement, increase CTR and open rates, and make your campaign successful.","protected":false},"author":2,"featured_media":2366,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","csco_display_header_overlay":false,"csco_singular_sidebar":"","csco_page_header_type":""},"categories":[68,62],"tags":[86,87,84,85],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Add Pictures to Push Notifications in Android &amp; iOS Apps<\/title>\n<meta name=\"description\" content=\"Learn how to add pictures to your push notifications to boost engagement, increase CTR and open rates, and make your campaign successful.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/larapush.com\/blog\/pictures-push-notifications-android-ios\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Add Pictures to Push Notifications in Android &amp; iOS Apps\" \/>\n<meta property=\"og:description\" content=\"Learn how to add pictures to your push notifications to boost engagement, increase CTR and open rates, and make your campaign successful.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/larapush.com\/blog\/pictures-push-notifications-android-ios\/\" \/>\n<meta property=\"og:site_name\" content=\"LaraPush Blog\" \/>\n<meta property=\"article:published_time\" content=\"2024-03-02T06:39:09+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-03-02T06:39:37+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/larapush.com\/blog\/wp-content\/uploads\/2024\/03\/How-to-Add-Pictures-to-Push-Notifications-in-Android-iOS-Apps.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"900\" \/>\n\t<meta property=\"og:image:height\" content=\"450\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Swati Rath\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Swati Rath\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/larapush.com\/blog\/pictures-push-notifications-android-ios\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/larapush.com\/blog\/pictures-push-notifications-android-ios\/\"},\"author\":{\"name\":\"Swati Rath\",\"@id\":\"https:\/\/larapush.com\/blog\/#\/schema\/person\/04ac49cd5ada8909d221c8fe54928e41\"},\"headline\":\"How to Add Pictures to Push Notifications in Android &#038; iOS Apps\",\"datePublished\":\"2024-03-02T06:39:09+00:00\",\"dateModified\":\"2024-03-02T06:39:37+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/larapush.com\/blog\/pictures-push-notifications-android-ios\/\"},\"wordCount\":810,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/larapush.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/larapush.com\/blog\/pictures-push-notifications-android-ios\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/larapush.com\/blog\/wp-content\/uploads\/2024\/03\/How-to-Add-Pictures-to-Push-Notifications-in-Android-iOS-Apps.jpg\",\"keywords\":[\"Android\",\"iOS\",\"Pictures\",\"Push Notifications\"],\"articleSection\":[\"How to\",\"Web Push Notifications\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/larapush.com\/blog\/pictures-push-notifications-android-ios\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/larapush.com\/blog\/pictures-push-notifications-android-ios\/\",\"url\":\"https:\/\/larapush.com\/blog\/pictures-push-notifications-android-ios\/\",\"name\":\"How to Add Pictures to Push Notifications in Android & iOS Apps\",\"isPartOf\":{\"@id\":\"https:\/\/larapush.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/larapush.com\/blog\/pictures-push-notifications-android-ios\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/larapush.com\/blog\/pictures-push-notifications-android-ios\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/larapush.com\/blog\/wp-content\/uploads\/2024\/03\/How-to-Add-Pictures-to-Push-Notifications-in-Android-iOS-Apps.jpg\",\"datePublished\":\"2024-03-02T06:39:09+00:00\",\"dateModified\":\"2024-03-02T06:39:37+00:00\",\"description\":\"Learn how to add pictures to your push notifications to boost engagement, increase CTR and open rates, and make your campaign successful.\",\"breadcrumb\":{\"@id\":\"https:\/\/larapush.com\/blog\/pictures-push-notifications-android-ios\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/larapush.com\/blog\/pictures-push-notifications-android-ios\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/larapush.com\/blog\/pictures-push-notifications-android-ios\/#primaryimage\",\"url\":\"https:\/\/larapush.com\/blog\/wp-content\/uploads\/2024\/03\/How-to-Add-Pictures-to-Push-Notifications-in-Android-iOS-Apps.jpg\",\"contentUrl\":\"https:\/\/larapush.com\/blog\/wp-content\/uploads\/2024\/03\/How-to-Add-Pictures-to-Push-Notifications-in-Android-iOS-Apps.jpg\",\"width\":900,\"height\":450,\"caption\":\"How to Add Pictures to Push Notifications in Android & iOS Apps\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/larapush.com\/blog\/pictures-push-notifications-android-ios\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/larapush.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Add Pictures to Push Notifications in Android &#038; iOS Apps\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/larapush.com\/blog\/#website\",\"url\":\"https:\/\/larapush.com\/blog\/\",\"name\":\"LaraPush Blog\",\"description\":\"Stay Ahead, Stay Notified with LaraPush!\",\"publisher\":{\"@id\":\"https:\/\/larapush.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/larapush.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/larapush.com\/blog\/#organization\",\"name\":\"LaraPush\",\"url\":\"https:\/\/larapush.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/larapush.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/larapush.com\/blog\/wp-content\/uploads\/2022\/05\/LARAPUSH.png\",\"contentUrl\":\"https:\/\/larapush.com\/blog\/wp-content\/uploads\/2022\/05\/LARAPUSH.png\",\"width\":280,\"height\":60,\"caption\":\"LaraPush\"},\"image\":{\"@id\":\"https:\/\/larapush.com\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/larapush.com\/blog\/#\/schema\/person\/04ac49cd5ada8909d221c8fe54928e41\",\"name\":\"Swati Rath\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/larapush.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/11e4a0381950e817ca8360a0ce2c9544?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/11e4a0381950e817ca8360a0ce2c9544?s=96&d=mm&r=g\",\"caption\":\"Swati Rath\"},\"url\":\"https:\/\/larapush.com\/blog\/author\/swati-rath\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Add Pictures to Push Notifications in Android & iOS Apps","description":"Learn how to add pictures to your push notifications to boost engagement, increase CTR and open rates, and make your campaign successful.","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:\/\/larapush.com\/blog\/pictures-push-notifications-android-ios\/","og_locale":"en_US","og_type":"article","og_title":"How to Add Pictures to Push Notifications in Android & iOS Apps","og_description":"Learn how to add pictures to your push notifications to boost engagement, increase CTR and open rates, and make your campaign successful.","og_url":"https:\/\/larapush.com\/blog\/pictures-push-notifications-android-ios\/","og_site_name":"LaraPush Blog","article_published_time":"2024-03-02T06:39:09+00:00","article_modified_time":"2024-03-02T06:39:37+00:00","og_image":[{"width":900,"height":450,"url":"https:\/\/larapush.com\/blog\/wp-content\/uploads\/2024\/03\/How-to-Add-Pictures-to-Push-Notifications-in-Android-iOS-Apps.jpg","type":"image\/jpeg"}],"author":"Swati Rath","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Swati Rath","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/larapush.com\/blog\/pictures-push-notifications-android-ios\/#article","isPartOf":{"@id":"https:\/\/larapush.com\/blog\/pictures-push-notifications-android-ios\/"},"author":{"name":"Swati Rath","@id":"https:\/\/larapush.com\/blog\/#\/schema\/person\/04ac49cd5ada8909d221c8fe54928e41"},"headline":"How to Add Pictures to Push Notifications in Android &#038; iOS Apps","datePublished":"2024-03-02T06:39:09+00:00","dateModified":"2024-03-02T06:39:37+00:00","mainEntityOfPage":{"@id":"https:\/\/larapush.com\/blog\/pictures-push-notifications-android-ios\/"},"wordCount":810,"commentCount":0,"publisher":{"@id":"https:\/\/larapush.com\/blog\/#organization"},"image":{"@id":"https:\/\/larapush.com\/blog\/pictures-push-notifications-android-ios\/#primaryimage"},"thumbnailUrl":"https:\/\/larapush.com\/blog\/wp-content\/uploads\/2024\/03\/How-to-Add-Pictures-to-Push-Notifications-in-Android-iOS-Apps.jpg","keywords":["Android","iOS","Pictures","Push Notifications"],"articleSection":["How to","Web Push Notifications"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/larapush.com\/blog\/pictures-push-notifications-android-ios\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/larapush.com\/blog\/pictures-push-notifications-android-ios\/","url":"https:\/\/larapush.com\/blog\/pictures-push-notifications-android-ios\/","name":"How to Add Pictures to Push Notifications in Android & iOS Apps","isPartOf":{"@id":"https:\/\/larapush.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/larapush.com\/blog\/pictures-push-notifications-android-ios\/#primaryimage"},"image":{"@id":"https:\/\/larapush.com\/blog\/pictures-push-notifications-android-ios\/#primaryimage"},"thumbnailUrl":"https:\/\/larapush.com\/blog\/wp-content\/uploads\/2024\/03\/How-to-Add-Pictures-to-Push-Notifications-in-Android-iOS-Apps.jpg","datePublished":"2024-03-02T06:39:09+00:00","dateModified":"2024-03-02T06:39:37+00:00","description":"Learn how to add pictures to your push notifications to boost engagement, increase CTR and open rates, and make your campaign successful.","breadcrumb":{"@id":"https:\/\/larapush.com\/blog\/pictures-push-notifications-android-ios\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/larapush.com\/blog\/pictures-push-notifications-android-ios\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/larapush.com\/blog\/pictures-push-notifications-android-ios\/#primaryimage","url":"https:\/\/larapush.com\/blog\/wp-content\/uploads\/2024\/03\/How-to-Add-Pictures-to-Push-Notifications-in-Android-iOS-Apps.jpg","contentUrl":"https:\/\/larapush.com\/blog\/wp-content\/uploads\/2024\/03\/How-to-Add-Pictures-to-Push-Notifications-in-Android-iOS-Apps.jpg","width":900,"height":450,"caption":"How to Add Pictures to Push Notifications in Android & iOS Apps"},{"@type":"BreadcrumbList","@id":"https:\/\/larapush.com\/blog\/pictures-push-notifications-android-ios\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/larapush.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to Add Pictures to Push Notifications in Android &#038; iOS Apps"}]},{"@type":"WebSite","@id":"https:\/\/larapush.com\/blog\/#website","url":"https:\/\/larapush.com\/blog\/","name":"LaraPush Blog","description":"Stay Ahead, Stay Notified with LaraPush!","publisher":{"@id":"https:\/\/larapush.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/larapush.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/larapush.com\/blog\/#organization","name":"LaraPush","url":"https:\/\/larapush.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/larapush.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/larapush.com\/blog\/wp-content\/uploads\/2022\/05\/LARAPUSH.png","contentUrl":"https:\/\/larapush.com\/blog\/wp-content\/uploads\/2022\/05\/LARAPUSH.png","width":280,"height":60,"caption":"LaraPush"},"image":{"@id":"https:\/\/larapush.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/larapush.com\/blog\/#\/schema\/person\/04ac49cd5ada8909d221c8fe54928e41","name":"Swati Rath","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/larapush.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/11e4a0381950e817ca8360a0ce2c9544?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/11e4a0381950e817ca8360a0ce2c9544?s=96&d=mm&r=g","caption":"Swati Rath"},"url":"https:\/\/larapush.com\/blog\/author\/swati-rath\/"}]}},"_links":{"self":[{"href":"https:\/\/larapush.com\/blog\/wp-json\/wp\/v2\/posts\/2258"}],"collection":[{"href":"https:\/\/larapush.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/larapush.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/larapush.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/larapush.com\/blog\/wp-json\/wp\/v2\/comments?post=2258"}],"version-history":[{"count":4,"href":"https:\/\/larapush.com\/blog\/wp-json\/wp\/v2\/posts\/2258\/revisions"}],"predecessor-version":[{"id":2367,"href":"https:\/\/larapush.com\/blog\/wp-json\/wp\/v2\/posts\/2258\/revisions\/2367"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/larapush.com\/blog\/wp-json\/wp\/v2\/media\/2366"}],"wp:attachment":[{"href":"https:\/\/larapush.com\/blog\/wp-json\/wp\/v2\/media?parent=2258"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/larapush.com\/blog\/wp-json\/wp\/v2\/categories?post=2258"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/larapush.com\/blog\/wp-json\/wp\/v2\/tags?post=2258"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}