{"id":21963,"date":"2019-11-25T16:29:25","date_gmt":"2019-11-25T16:29:25","guid":{"rendered":"http:\/\/re_creating_the_color_pop_effect_on_google_photos_with_cloudinary"},"modified":"2025-03-30T14:17:07","modified_gmt":"2025-03-30T21:17:07","slug":"re_creating_the_color_pop_effect_on_google_photos_with_cloudinary","status":"publish","type":"post","link":"https:\/\/cloudinary.com\/blog\/re_creating_the_color_pop_effect_on_google_photos_with_cloudinary","title":{"rendered":"Re-creating the Color Pop Effect on Google Photos With Cloudinary"},"content":{"rendered":"

One photo can morph into a thousand photos through a simple application of bits and pieces of transformation effects. A few examples of the common effects are Black and White, Duotone, Blurs and Fades, Cartoonification, and Color Pop.<\/p>\n

Given the wide use of the Color Pop effect on Google Photos, you can show off your photos on social media after applying that effect. No kidding: I\u2019ve seen that several times and absolutely love those photos every time they pop on my timeline on Facebook, Twitter, or Instagram.<\/p>\n

In this article, I\u2019ll show you how we can re-create the Color Pop effect on Google photos.<\/p>\n

Cloudinary\u2019s many transformation capabilities can turn out stupendous effects. For example, these two steps generate the image below:<\/p>\n

    \n
  1. Upload a photo to Cloudinary twice, once with the original and then again with the background removed from the photo. Both versions have separate public IDs.<\/li>\n
  2. Reference the original photo with the grayscale effect and overlay it with the background-removed version.<\/li>\n<\/ol>\n

    \n Loading code examples<\/span>\n <\/cld-code-widget>\"Cloudinary<\/a><\/p>\n

    That\u2019s similar to this photo, which resulted from an application of Google Photo\u2019s Color Pop effect:<\/p>\n

    \n Loading code examples<\/span>\n <\/cld-code-widget>\"Color<\/a><\/p>\n

    Here\u2019s a detailed rundown on how to re-create the Color Pop effect:<\/p>\n

      \n
    1. \n

      Start with the original and a version with the background removed.<\/p>\n

      To remove the background, leverage Cloudinary\u2019s AI feature or, manually, with an image-editing tool, such as Pixelz or Adobe Photoshop.<\/p>\n

      \n Loading code examples<\/span>\n <\/cld-code-widget>\"Original\"<\/a><\/p>\n

      \n Loading code examples<\/span>\n <\/cld-code-widget>\"Background<\/a><\/p>\n<\/li>\n

    2. \n

      Overlay the background-removed version on top of the original.<\/p>\n

      If the new version looks different from the original, ensure that the image dimensions match and that no other cropping occurred.<\/p>\n

      \n Loading code examples<\/span>\n <\/cld-code-widget>\"Overlayed\"<\/a><\/p>\n<\/li>\n

    3. \n

      Apply effects, such as grayscale as in this example, to the original layer.<\/p>\n

      \n Loading code examples<\/span>\n <\/cld-code-widget>\"Cloudinary<\/a><\/p>\n<\/li>\n<\/ol>\n

      That technique can produce a wealth of fun effects, such as bokeh. Simply blur the original:<\/p>\n

      \n Loading code examples<\/span>\n <\/cld-code-widget>\"Bokeh<\/a><\/p>\n

      Talk about fun! Try it for yourself by signing up for FREE<\/a> today.<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":41,"featured_media":21964,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_cloudinary_featured_overwrite":false,"footnotes":""},"categories":[1],"tags":[165],"class_list":["post-21963","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","tag-image-transformation"],"acf":[],"yoast_head":"\nCreating Color Pop Effect on Google Photos With Cloudinary<\/title>\n<meta name=\"description\" content=\"A step-by-step guide on how to re-create the color pop effect on Google Photos with Cloudinary\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/cloudinary.com\/blog\/re_creating_the_color_pop_effect_on_google_photos_with_cloudinary\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Re-creating the Color Pop Effect on Google Photos With Cloudinary\" \/>\n<meta property=\"og:description\" content=\"A step-by-step guide on how to re-create the color pop effect on Google Photos with Cloudinary\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cloudinary.com\/blog\/re_creating_the_color_pop_effect_on_google_photos_with_cloudinary\" \/>\n<meta property=\"og:site_name\" content=\"Cloudinary Blog\" \/>\n<meta property=\"article:published_time\" content=\"2019-11-25T16:29:25+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-03-30T21:17:07+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/v1649720662\/Web_Assets\/blog\/Recreate-ColorPop-Effect-v1_21964d4fd1\/Recreate-ColorPop-Effect-v1_21964d4fd1-jpg?_i=AA\" \/>\n\t<meta property=\"og:image:width\" content=\"1540\" \/>\n\t<meta property=\"og:image:height\" content=\"847\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"NewsArticle\",\"@id\":\"https:\/\/cloudinary.com\/blog\/re_creating_the_color_pop_effect_on_google_photos_with_cloudinary#article\",\"isPartOf\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/re_creating_the_color_pop_effect_on_google_photos_with_cloudinary\"},\"author\":{\"name\":\"\",\"@id\":\"\"},\"headline\":\"Re-creating the Color Pop Effect on Google Photos With Cloudinary\",\"datePublished\":\"2019-11-25T16:29:25+00:00\",\"dateModified\":\"2025-03-30T21:17:07+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/re_creating_the_color_pop_effect_on_google_photos_with_cloudinary\"},\"wordCount\":10,\"publisher\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/re_creating_the_color_pop_effect_on_google_photos_with_cloudinary#primaryimage\"},\"thumbnailUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649720662\/Web_Assets\/blog\/Recreate-ColorPop-Effect-v1_21964d4fd1\/Recreate-ColorPop-Effect-v1_21964d4fd1.jpg?_i=AA\",\"keywords\":[\"Image Transformation\"],\"inLanguage\":\"en-US\",\"copyrightYear\":\"2019\",\"copyrightHolder\":{\"@id\":\"https:\/\/cloudinary.com\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/cloudinary.com\/blog\/re_creating_the_color_pop_effect_on_google_photos_with_cloudinary\",\"url\":\"https:\/\/cloudinary.com\/blog\/re_creating_the_color_pop_effect_on_google_photos_with_cloudinary\",\"name\":\"Creating Color Pop Effect on Google Photos With Cloudinary\",\"isPartOf\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/re_creating_the_color_pop_effect_on_google_photos_with_cloudinary#primaryimage\"},\"image\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/re_creating_the_color_pop_effect_on_google_photos_with_cloudinary#primaryimage\"},\"thumbnailUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649720662\/Web_Assets\/blog\/Recreate-ColorPop-Effect-v1_21964d4fd1\/Recreate-ColorPop-Effect-v1_21964d4fd1.jpg?_i=AA\",\"datePublished\":\"2019-11-25T16:29:25+00:00\",\"dateModified\":\"2025-03-30T21:17:07+00:00\",\"description\":\"A step-by-step guide on how to re-create the color pop effect on Google Photos with Cloudinary\",\"breadcrumb\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/re_creating_the_color_pop_effect_on_google_photos_with_cloudinary#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cloudinary.com\/blog\/re_creating_the_color_pop_effect_on_google_photos_with_cloudinary\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/cloudinary.com\/blog\/re_creating_the_color_pop_effect_on_google_photos_with_cloudinary#primaryimage\",\"url\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649720662\/Web_Assets\/blog\/Recreate-ColorPop-Effect-v1_21964d4fd1\/Recreate-ColorPop-Effect-v1_21964d4fd1.jpg?_i=AA\",\"contentUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649720662\/Web_Assets\/blog\/Recreate-ColorPop-Effect-v1_21964d4fd1\/Recreate-ColorPop-Effect-v1_21964d4fd1.jpg?_i=AA\",\"width\":1540,\"height\":847},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/cloudinary.com\/blog\/re_creating_the_color_pop_effect_on_google_photos_with_cloudinary#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/cloudinary.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Re-creating the Color Pop Effect on Google Photos With Cloudinary\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/cloudinary.com\/blog\/#website\",\"url\":\"https:\/\/cloudinary.com\/blog\/\",\"name\":\"Cloudinary Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/cloudinary.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/cloudinary.com\/blog\/#organization\",\"name\":\"Cloudinary Blog\",\"url\":\"https:\/\/cloudinary.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/cloudinary.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649718331\/Web_Assets\/blog\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877.png?_i=AA\",\"contentUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649718331\/Web_Assets\/blog\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877.png?_i=AA\",\"width\":312,\"height\":60,\"caption\":\"Cloudinary Blog\"},\"image\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Creating Color Pop Effect on Google Photos With Cloudinary","description":"A step-by-step guide on how to re-create the color pop effect on Google Photos with Cloudinary","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:\/\/cloudinary.com\/blog\/re_creating_the_color_pop_effect_on_google_photos_with_cloudinary","og_locale":"en_US","og_type":"article","og_title":"Re-creating the Color Pop Effect on Google Photos With Cloudinary","og_description":"A step-by-step guide on how to re-create the color pop effect on Google Photos with Cloudinary","og_url":"https:\/\/cloudinary.com\/blog\/re_creating_the_color_pop_effect_on_google_photos_with_cloudinary","og_site_name":"Cloudinary Blog","article_published_time":"2019-11-25T16:29:25+00:00","article_modified_time":"2025-03-30T21:17:07+00:00","og_image":[{"width":1540,"height":847,"url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/v1649720662\/Web_Assets\/blog\/Recreate-ColorPop-Effect-v1_21964d4fd1\/Recreate-ColorPop-Effect-v1_21964d4fd1-jpg?_i=AA","type":"image\/jpeg"}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"NewsArticle","@id":"https:\/\/cloudinary.com\/blog\/re_creating_the_color_pop_effect_on_google_photos_with_cloudinary#article","isPartOf":{"@id":"https:\/\/cloudinary.com\/blog\/re_creating_the_color_pop_effect_on_google_photos_with_cloudinary"},"author":{"name":"","@id":""},"headline":"Re-creating the Color Pop Effect on Google Photos With Cloudinary","datePublished":"2019-11-25T16:29:25+00:00","dateModified":"2025-03-30T21:17:07+00:00","mainEntityOfPage":{"@id":"https:\/\/cloudinary.com\/blog\/re_creating_the_color_pop_effect_on_google_photos_with_cloudinary"},"wordCount":10,"publisher":{"@id":"https:\/\/cloudinary.com\/blog\/#organization"},"image":{"@id":"https:\/\/cloudinary.com\/blog\/re_creating_the_color_pop_effect_on_google_photos_with_cloudinary#primaryimage"},"thumbnailUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649720662\/Web_Assets\/blog\/Recreate-ColorPop-Effect-v1_21964d4fd1\/Recreate-ColorPop-Effect-v1_21964d4fd1.jpg?_i=AA","keywords":["Image Transformation"],"inLanguage":"en-US","copyrightYear":"2019","copyrightHolder":{"@id":"https:\/\/cloudinary.com\/#organization"}},{"@type":"WebPage","@id":"https:\/\/cloudinary.com\/blog\/re_creating_the_color_pop_effect_on_google_photos_with_cloudinary","url":"https:\/\/cloudinary.com\/blog\/re_creating_the_color_pop_effect_on_google_photos_with_cloudinary","name":"Creating Color Pop Effect on Google Photos With Cloudinary","isPartOf":{"@id":"https:\/\/cloudinary.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/cloudinary.com\/blog\/re_creating_the_color_pop_effect_on_google_photos_with_cloudinary#primaryimage"},"image":{"@id":"https:\/\/cloudinary.com\/blog\/re_creating_the_color_pop_effect_on_google_photos_with_cloudinary#primaryimage"},"thumbnailUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649720662\/Web_Assets\/blog\/Recreate-ColorPop-Effect-v1_21964d4fd1\/Recreate-ColorPop-Effect-v1_21964d4fd1.jpg?_i=AA","datePublished":"2019-11-25T16:29:25+00:00","dateModified":"2025-03-30T21:17:07+00:00","description":"A step-by-step guide on how to re-create the color pop effect on Google Photos with Cloudinary","breadcrumb":{"@id":"https:\/\/cloudinary.com\/blog\/re_creating_the_color_pop_effect_on_google_photos_with_cloudinary#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cloudinary.com\/blog\/re_creating_the_color_pop_effect_on_google_photos_with_cloudinary"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cloudinary.com\/blog\/re_creating_the_color_pop_effect_on_google_photos_with_cloudinary#primaryimage","url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649720662\/Web_Assets\/blog\/Recreate-ColorPop-Effect-v1_21964d4fd1\/Recreate-ColorPop-Effect-v1_21964d4fd1.jpg?_i=AA","contentUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649720662\/Web_Assets\/blog\/Recreate-ColorPop-Effect-v1_21964d4fd1\/Recreate-ColorPop-Effect-v1_21964d4fd1.jpg?_i=AA","width":1540,"height":847},{"@type":"BreadcrumbList","@id":"https:\/\/cloudinary.com\/blog\/re_creating_the_color_pop_effect_on_google_photos_with_cloudinary#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/cloudinary.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Re-creating the Color Pop Effect on Google Photos With Cloudinary"}]},{"@type":"WebSite","@id":"https:\/\/cloudinary.com\/blog\/#website","url":"https:\/\/cloudinary.com\/blog\/","name":"Cloudinary Blog","description":"","publisher":{"@id":"https:\/\/cloudinary.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/cloudinary.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/cloudinary.com\/blog\/#organization","name":"Cloudinary Blog","url":"https:\/\/cloudinary.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cloudinary.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649718331\/Web_Assets\/blog\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877.png?_i=AA","contentUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649718331\/Web_Assets\/blog\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877.png?_i=AA","width":312,"height":60,"caption":"Cloudinary Blog"},"image":{"@id":"https:\/\/cloudinary.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":""}]}},"jetpack_featured_media_url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649720662\/Web_Assets\/blog\/Recreate-ColorPop-Effect-v1_21964d4fd1\/Recreate-ColorPop-Effect-v1_21964d4fd1.jpg?_i=AA","_links":{"self":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts\/21963","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/users\/41"}],"replies":[{"embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/comments?post=21963"}],"version-history":[{"count":2,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts\/21963\/revisions"}],"predecessor-version":[{"id":37334,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts\/21963\/revisions\/37334"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/media\/21964"}],"wp:attachment":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/media?parent=21963"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/categories?post=21963"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/tags?post=21963"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}