{"id":36262,"date":"2024-11-04T07:00:00","date_gmt":"2024-11-04T15:00:00","guid":{"rendered":"https:\/\/cloudinary.com\/blog\/?p=36262"},"modified":"2025-02-25T15:03:00","modified_gmt":"2025-02-25T23:03:00","slug":"responsive-image-optimization-srcset-cloudinary","status":"publish","type":"post","link":"https:\/\/cloudinary.com\/blog\/responsive-image-optimization-srcset-cloudinary","title":{"rendered":"Responsive Image Optimization Using srcset and Cloudinary"},"content":{"rendered":"<div class=\"wp-block-cloudinary-markdown \"><p>Images are essential for a great user experience, but large, high-resolution images can slow down your website if they aren\u2019t optimized. Since we use everything from mobile phones to desktop screens, serving the same-quality image across every device is inefficient.<\/p>\n<p>In this blog post, we\u2019ll explore how to use the <code>srcset<\/code> attribute and Cloudinary to automatically load the best-sized image for any device, improving page load speed and reducing data usage.<\/p>\n<h2>What Are We Trying to Achieve?<\/h2>\n<ul>\n<li>\n<p><strong>Optimized performance<\/strong>. Serve the right image size to each device, improving page load speed and reducing bandwidth usage.<\/p>\n<\/li>\n<li>\n<p><strong>Sharp visuals across devices<\/strong>. Ensure images are still of good quality on all screens.<\/p>\n<\/li>\n<li>\n<p><strong>Adaptability and future-proofing<\/strong>. Automatically adjust images to look great on any screen size, now and in the future.<\/p>\n<\/li>\n<\/ul>\n<h2>What is <code>srcset<\/code>?<\/h2>\n<p>The <code>srcset<\/code> attribute in HTML allows you to provide multiple versions of an image for different screen sizes. The browser will pick the best option based on the user\u2019s device.<\/p>\n<p>For example, a desktop user with a large screen might get a high-resolution image, while a mobile user on a slow connection will get a smaller, lower-quality version. Cloudinary works with <code>srcset<\/code> to automatically deliver the right image size for each device.<\/p>\n<h2>Implementing Responsive Image Optimization<\/h2>\n<p>We\u2019ll use the <code>srcset<\/code> attribute to create responsive images and then make sure these images are well-optimized using Cloudinary.<\/p>\n<p>To use <code>srcset,<\/code> we\u2019ll need multiple image sizes. Cloudinary makes this easy with <a href=\"https:\/\/cloudinary.com\/documentation\/transformation_reference\">URL-based transformations<\/a>.<\/p>\n<p>For example, here\u2019s how you create versions for 300px, 600px, 900px, and 1200px wide images:<\/p>\n<pre class=\"js-syntax-highlighted\" aria-describedby=\"shcb-language-1\" data-shcb-language-name=\"HTML, XML\" data-shcb-language-slug=\"xml\"><span><code class=\"hljs language-xml shcb-wrap-lines\">  <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">img<\/span> \n    <span class=\"hljs-attr\">src<\/span>=<span class=\"hljs-string\">\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/w_300\/sample.jpg\"<\/span> \n    <span class=\"hljs-attr\">srcset<\/span>=<span class=\"hljs-string\">\"\n        https:\/\/res.cloudinary.com\/demo\/image\/upload\/w_300\/sample.jpg 300w,\n        https:\/\/res.cloudinary.com\/demo\/image\/upload\/w_600\/sample.jpg 600w,\n        https:\/\/res.cloudinary.com\/demo\/image\/upload\/w_900\/sample.jpg 900w,\n        https:\/\/res.cloudinary.com\/demo\/image\/upload\/w_1200\/sample.jpg 1200w\n    \"<\/span> \n    <span class=\"hljs-attr\">sizes<\/span>=<span class=\"hljs-string\">\"(max-width: 600px) 300px, \n            (max-width: 900px) 600px, \n            (max-width: 1200px) 900px, \n            1200px\"<\/span>\n    <span class=\"hljs-attr\">alt<\/span>=<span class=\"hljs-string\">\"Sample Image\"<\/span>&gt;<\/span>\n<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-1\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">HTML, XML<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">xml<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre>\n<p>The <code>srcset<\/code> attribute lists the image variants and their corresponding widths (e.g., 300w, 600w) and lets the browser choose the best image based on the device\u2019s screen size and resolution. The <code>sizes<\/code> attribute tells the browser how wide the image should be at different screen sizes.\nFor example, it might pick the 300w image on smaller screens, while on larger screens, it could choose the 1200w image.<\/p>\n<p>With this approach, we\u2019ve addressed responsiveness by serving different image sizes for different devices. We must also ensure the images are compressed and delivered in the best format for each device. This is where Cloudinary steps in.<\/p>\n<p>While <code>srcset<\/code> handles serving the correct image size for different devices, Cloudinary optimizes the image\u2019s quality and format. Let\u2019s see how this works.<\/p>\n<p>Beyond just resizing, Cloudinary allows us to automatically adjust image quality and format using <code>q_auto<\/code> and <code>f_auto<\/code>. These options ensure the image is the right size and optimized for the best quality and performance, no matter the device or network.<\/p>\n<pre class=\"js-syntax-highlighted\" aria-describedby=\"shcb-language-2\" data-shcb-language-name=\"HTML, XML\" data-shcb-language-slug=\"xml\"><span><code class=\"hljs language-xml shcb-wrap-lines\"><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">img<\/span> <span class=\"hljs-attr\">src<\/span>=<span class=\"hljs-string\">\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/f_auto,q_auto,w_300\/sample.jpg\"<\/span> <span class=\"hljs-attr\">alt<\/span>=<span class=\"hljs-string\">\"Optimized Image\"<\/span>&gt;<\/span>\n<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-2\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">HTML, XML<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">xml<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre>\n<p>When we add <code>q_auto<\/code> and <code>f_auto<\/code> to the image URL, Cloudinary\u2019s smart algorithm automatically analyzes each image to find the best balance between quality and file size. It adjusts compression and encoding settings based on the image content and the user\u2019s browser, ensuring the image looks good while keeping the file size small. This process helps reduce file size without noticeable loss in visual quality.<\/p>\n<h2>Benefits of This Approach<\/h2>\n<p>By using <code>srcset<\/code> and Cloudinary, you get:<\/p>\n<ul>\n<li>\n<strong>Faster load times.<\/strong> The browser selects the best image size, so smaller devices don\u2019t download huge images.<\/li>\n<li>\n<strong>Reduced bandwidth usage.<\/strong> Users on mobile devices or slow networks won\u2019t waste data on large images.<\/li>\n<li>\n<strong>Crisp visuals.<\/strong> Your images will look great regardless of the device you\u2019re browsing on.<\/li>\n<li>\n<strong>Easy management.<\/strong> Cloudinary handles image transformations for all screen sizes.<\/li>\n<\/ul>\n<h2>Conclusion<\/h2>\n<p>Whether you\u2019re building a personal blog or a large-scale app, using <code>srcset<\/code> and Cloudinary makes image optimization easy. Your images will load quickly, look great, and use less data, improving both performance and the user experience. With Cloudinary\u2019s automated visual media optimization, you don\u2019t have to worry about managing different image sizes or losing quality. <a href=\"https:\/\/cloudinary.com\/users\/register_free\">Sign up for a free account today<\/a>.<\/p>\n<p>If you found this blog post helpful and want to discuss it in more detail, head over to the <a href=\"https:\/\/community.cloudinary.com\/\">Cloudinary Community forum<\/a> and its associated <a href=\"https:\/\/community.cloudinary.com\/\">Discord<\/a>.<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":87,"featured_media":36277,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_cloudinary_featured_overwrite":false,"footnotes":""},"categories":[1],"tags":[144,227,251],"class_list":["post-36262","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","tag-html","tag-performance-optimization","tag-responsive-images"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v25.6 (Yoast SEO v26.9) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Responsive Image Optimization Using srcset and Cloudinary<\/title>\n<meta name=\"description\" content=\"Learn how to use `srcset` and Cloudinary to automatically load the best-sized image for any device, improving page load speed and reducing data usage.\" \/>\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\/responsive-image-optimization-srcset-cloudinary\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Responsive Image Optimization Using srcset and Cloudinary\" \/>\n<meta property=\"og:description\" content=\"Learn how to use `srcset` and Cloudinary to automatically load the best-sized image for any device, improving page load speed and reducing data usage.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cloudinary.com\/blog\/responsive-image-optimization-srcset-cloudinary\" \/>\n<meta property=\"og:site_name\" content=\"Cloudinary Blog\" \/>\n<meta property=\"article:published_time\" content=\"2024-11-04T15:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-02-25T23:03:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/v1730410209\/responsive_images_srcset-blog\/responsive_images_srcset-blog-jpg?_i=AA\" \/>\n\t<meta property=\"og:image:width\" content=\"2000\" \/>\n\t<meta property=\"og:image:height\" content=\"1100\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"melindapham\" \/>\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\/responsive-image-optimization-srcset-cloudinary#article\",\"isPartOf\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/responsive-image-optimization-srcset-cloudinary\"},\"author\":{\"name\":\"melindapham\",\"@id\":\"https:\/\/cloudinary.com\/blog\/#\/schema\/person\/0d5ad601e4c3b5be89245dfb14be42d9\"},\"headline\":\"Responsive Image Optimization Using srcset and Cloudinary\",\"datePublished\":\"2024-11-04T15:00:00+00:00\",\"dateModified\":\"2025-02-25T23:03:00+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/responsive-image-optimization-srcset-cloudinary\"},\"wordCount\":7,\"publisher\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/responsive-image-optimization-srcset-cloudinary#primaryimage\"},\"thumbnailUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1730410209\/responsive_images_srcset-blog\/responsive_images_srcset-blog.jpg?_i=AA\",\"keywords\":[\"HTML\",\"Performance Optimization\",\"Responsive Images\"],\"inLanguage\":\"en-US\",\"copyrightYear\":\"2024\",\"copyrightHolder\":{\"@id\":\"https:\/\/cloudinary.com\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/cloudinary.com\/blog\/responsive-image-optimization-srcset-cloudinary\",\"url\":\"https:\/\/cloudinary.com\/blog\/responsive-image-optimization-srcset-cloudinary\",\"name\":\"Responsive Image Optimization Using srcset and Cloudinary\",\"isPartOf\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/responsive-image-optimization-srcset-cloudinary#primaryimage\"},\"image\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/responsive-image-optimization-srcset-cloudinary#primaryimage\"},\"thumbnailUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1730410209\/responsive_images_srcset-blog\/responsive_images_srcset-blog.jpg?_i=AA\",\"datePublished\":\"2024-11-04T15:00:00+00:00\",\"dateModified\":\"2025-02-25T23:03:00+00:00\",\"description\":\"Learn how to use `srcset` and Cloudinary to automatically load the best-sized image for any device, improving page load speed and reducing data usage.\",\"breadcrumb\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/responsive-image-optimization-srcset-cloudinary#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cloudinary.com\/blog\/responsive-image-optimization-srcset-cloudinary\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/cloudinary.com\/blog\/responsive-image-optimization-srcset-cloudinary#primaryimage\",\"url\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1730410209\/responsive_images_srcset-blog\/responsive_images_srcset-blog.jpg?_i=AA\",\"contentUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1730410209\/responsive_images_srcset-blog\/responsive_images_srcset-blog.jpg?_i=AA\",\"width\":2000,\"height\":1100},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/cloudinary.com\/blog\/responsive-image-optimization-srcset-cloudinary#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/cloudinary.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Responsive Image Optimization Using srcset and 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\":\"https:\/\/cloudinary.com\/blog\/#\/schema\/person\/0d5ad601e4c3b5be89245dfb14be42d9\",\"name\":\"melindapham\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/cloudinary.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/e6f989fa97fe94be61596259d8629c3df65aec4c7da5c0000f90d810f313d4f4?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/e6f989fa97fe94be61596259d8629c3df65aec4c7da5c0000f90d810f313d4f4?s=96&d=mm&r=g\",\"caption\":\"melindapham\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Responsive Image Optimization Using srcset and Cloudinary","description":"Learn how to use `srcset` and Cloudinary to automatically load the best-sized image for any device, improving page load speed and reducing data usage.","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\/responsive-image-optimization-srcset-cloudinary","og_locale":"en_US","og_type":"article","og_title":"Responsive Image Optimization Using srcset and Cloudinary","og_description":"Learn how to use `srcset` and Cloudinary to automatically load the best-sized image for any device, improving page load speed and reducing data usage.","og_url":"https:\/\/cloudinary.com\/blog\/responsive-image-optimization-srcset-cloudinary","og_site_name":"Cloudinary Blog","article_published_time":"2024-11-04T15:00:00+00:00","article_modified_time":"2025-02-25T23:03:00+00:00","og_image":[{"width":2000,"height":1100,"url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/v1730410209\/responsive_images_srcset-blog\/responsive_images_srcset-blog-jpg?_i=AA","type":"image\/jpeg"}],"author":"melindapham","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"NewsArticle","@id":"https:\/\/cloudinary.com\/blog\/responsive-image-optimization-srcset-cloudinary#article","isPartOf":{"@id":"https:\/\/cloudinary.com\/blog\/responsive-image-optimization-srcset-cloudinary"},"author":{"name":"melindapham","@id":"https:\/\/cloudinary.com\/blog\/#\/schema\/person\/0d5ad601e4c3b5be89245dfb14be42d9"},"headline":"Responsive Image Optimization Using srcset and Cloudinary","datePublished":"2024-11-04T15:00:00+00:00","dateModified":"2025-02-25T23:03:00+00:00","mainEntityOfPage":{"@id":"https:\/\/cloudinary.com\/blog\/responsive-image-optimization-srcset-cloudinary"},"wordCount":7,"publisher":{"@id":"https:\/\/cloudinary.com\/blog\/#organization"},"image":{"@id":"https:\/\/cloudinary.com\/blog\/responsive-image-optimization-srcset-cloudinary#primaryimage"},"thumbnailUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1730410209\/responsive_images_srcset-blog\/responsive_images_srcset-blog.jpg?_i=AA","keywords":["HTML","Performance Optimization","Responsive Images"],"inLanguage":"en-US","copyrightYear":"2024","copyrightHolder":{"@id":"https:\/\/cloudinary.com\/#organization"}},{"@type":"WebPage","@id":"https:\/\/cloudinary.com\/blog\/responsive-image-optimization-srcset-cloudinary","url":"https:\/\/cloudinary.com\/blog\/responsive-image-optimization-srcset-cloudinary","name":"Responsive Image Optimization Using srcset and Cloudinary","isPartOf":{"@id":"https:\/\/cloudinary.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/cloudinary.com\/blog\/responsive-image-optimization-srcset-cloudinary#primaryimage"},"image":{"@id":"https:\/\/cloudinary.com\/blog\/responsive-image-optimization-srcset-cloudinary#primaryimage"},"thumbnailUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1730410209\/responsive_images_srcset-blog\/responsive_images_srcset-blog.jpg?_i=AA","datePublished":"2024-11-04T15:00:00+00:00","dateModified":"2025-02-25T23:03:00+00:00","description":"Learn how to use `srcset` and Cloudinary to automatically load the best-sized image for any device, improving page load speed and reducing data usage.","breadcrumb":{"@id":"https:\/\/cloudinary.com\/blog\/responsive-image-optimization-srcset-cloudinary#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cloudinary.com\/blog\/responsive-image-optimization-srcset-cloudinary"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cloudinary.com\/blog\/responsive-image-optimization-srcset-cloudinary#primaryimage","url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1730410209\/responsive_images_srcset-blog\/responsive_images_srcset-blog.jpg?_i=AA","contentUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1730410209\/responsive_images_srcset-blog\/responsive_images_srcset-blog.jpg?_i=AA","width":2000,"height":1100},{"@type":"BreadcrumbList","@id":"https:\/\/cloudinary.com\/blog\/responsive-image-optimization-srcset-cloudinary#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/cloudinary.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Responsive Image Optimization Using srcset and 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":"https:\/\/cloudinary.com\/blog\/#\/schema\/person\/0d5ad601e4c3b5be89245dfb14be42d9","name":"melindapham","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cloudinary.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/e6f989fa97fe94be61596259d8629c3df65aec4c7da5c0000f90d810f313d4f4?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/e6f989fa97fe94be61596259d8629c3df65aec4c7da5c0000f90d810f313d4f4?s=96&d=mm&r=g","caption":"melindapham"}}]}},"jetpack_featured_media_url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1730410209\/responsive_images_srcset-blog\/responsive_images_srcset-blog.jpg?_i=AA","_links":{"self":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts\/36262","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\/87"}],"replies":[{"embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/comments?post=36262"}],"version-history":[{"count":5,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts\/36262\/revisions"}],"predecessor-version":[{"id":37015,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts\/36262\/revisions\/37015"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/media\/36277"}],"wp:attachment":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/media?parent=36262"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/categories?post=36262"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/tags?post=36262"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}