{"id":21416,"date":"2016-09-07T12:30:17","date_gmt":"2016-09-07T12:30:17","guid":{"rendered":"http:\/\/media_related_web_development_challenges"},"modified":"2024-08-21T18:52:33","modified_gmt":"2024-08-22T01:52:33","slug":"media_related_web_development_challenges","status":"publish","type":"post","link":"https:\/\/cloudinary.com\/blog\/media_related_web_development_challenges","title":{"rendered":"Media related web development challenges"},"content":{"rendered":"<div>\n<div>Websites have evolved greatly over the past few years. Once text-heavy websites have become more eye-catching with prominent images and video. But the addition of richer media isn\u2019t the only change impacting websites. Consumer behavior also factors into this evolution, as web access has moved from the desktop realm to a variety of different devices \u2013 smartphones, tablets, laptops, smartwatches and TVs \u2013 with different dimensions and resolutions. And consumers want to be able to access web content anytime and from any location.<\/div>\n<div><\/div>\n<div>To ensure that website performance is optimized, bandwidth usage is minimized and users have a top-notch experience, we will need to address many challenges.<\/div>\n<h2>High resolution images and videos<\/h2>\n<div>If a picture is worth 1,000 words, it\u2019s no surprise that website owners are using images and videos as powerful tools on their websites to engage visitors. <strong>High-resolution images<\/strong> look best, but these files are so big that they cause websites to load slowly and use excessive bandwidth. These problems frustrate visitors, and potentially decrease their incentive to \u00a0engage further on the website.<\/div>\n<\/div>\n<div><\/div>\n<div>\n<div>Whether your users are visiting your site from a phone or a computer, it\u2019s imperative that it loads quickly. Gabriel A. Mays, founder of Just Add Content, a website platform for businesses, told CIO magazine that developers should \u201cAim to keep website load time to [a few] seconds or less. Your biggest threat isn&#8217;t a competitor, it&#8217;s the back button. If your website loads too slowly, customers won&#8217;t wait around. They&#8217;ll go elsewhere.\u201d<\/div>\n<\/div>\n<div><\/div>\n<div>\n<div>When addressing these issues:<\/div>\n<div>\n<ul>\n<li><em><strong>Resize images\/videos to match device resolution<\/strong><\/em> \u2013 One size doesn\u2019t fit all, particularly with the increasing number of devices of different sizes being adopted by consumers.<\/li>\n<li><em><strong>Leverage modern image formats or video codecs<\/strong><\/em> \u2013 For images, consider using WebP, with automatic fallback to JPEG or other formats for browsers that don\u2019t support newer formats. With video, consider the codecs, frame rate and bit-rate to save file size and bandwidth.<\/li>\n<li><em><strong>Adjust the quality level<\/strong><\/em> \u2013 There is a tradeoff between compression levels and visual quality to ensure a satisfactory user experience without excessive bandwidth use.<\/li>\n<\/ul>\n<\/div>\n<div>New types of images are introduced almost daily, requiring we stay on trend and learn how to best display them on our websites. For example, Apple introduced <strong>Live Photo<\/strong>, kind of a hybrid between a static image and video, combining a photo with other moments before and after it was taken, and displays them with movement and sound. What is the best way to support uploading, transforming and displaying these new forms of content? How might one ensure that these images are bandwidth and storage efficient and visually appealing, regardless of the device where it\u2019s viewed?<\/div>\n<\/div>\n<h2>Greater use of video &#8211; upstream and downstream<\/h2>\n<div>It\u2019s undeniable that<strong> video is becoming a primary component on the web<\/strong> \u2013 from the videos uploaded by website owners to attract visitors, to the videos being uploaded by users to share with the public. By 2019, \u00a0nearly a million minutes of video content will cross the network every second , according to the <a href=\"http:\/\/www.cisco.com\/c\/en\/us\/solutions\/collateral\/service-provider\/visual-networking-index-vni\/complete-white-paper-c11-481360.html\" target=\"_blank\" rel=\"noopener\">Cisco Visual Networking Index<\/a>.<\/div>\n<div><\/div>\n<div><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/cloudinary\/image\/upload\/w_700\/video_mobile.jpg\" alt=\"User uploaded videos\" width=\"700\" height=\"467\" \/><\/div>\n<div><\/div>\n<div>\n<div>As users upload greater quantities of videos, so will grow the task of making videos of various qualities, dimensions and aspect ratios fit into the graphic design of a website or mobile app.<\/div>\n<div><\/div>\n<div>But it\u2019s not just the number of minutes of video being uploaded, it\u2019s the <strong>resolution<\/strong>. Today\u2019s devices are made to handle high resolution video, and as a result, 4K video is increasing in popularity. But the huge resolution translates into <strong>long upload and download times<\/strong>; need for increased storage space; and intensive client-side processing that is required to convert, resize and transform these videos.<\/div>\n<div><\/div>\n<div>This requires us to <strong>normalize and optimize<\/strong> 4K and high-res video specifically for web and mobile devices, and <strong>leverage responsive technology<\/strong> that will enable us to deliver the smallest file size while still maintaining the highest visual quality to match the user\u2019s device, browser and network speed.<\/div>\n<\/div>\n<div>\n<h2>Responsive design<\/h2>\n<div>Probably the most debated issue these days is responsive design. Responsive design enables the same website to <strong>adapt to different resolutions<\/strong>, with various techniques, ensuring images and videos look and operate properly on the plethora of devices in use today, at various resolutions.<\/div>\n<div><\/div>\n<div>Google, as well as standards organization W3C, Microsoft and Apple, are all trying to simplify responsive design with solutions built into web browsers. But these aren\u2019t sufficient. For example, the\u00a0Client Hints solution that\u2019s being promoted by Google is only <a href=\"https:\/\/developers.google.com\/web\/updates\/2015\/09\/automating-resource-selection-with-client-hints?hl=en\" target=\"_blank\" rel=\"noopener\">supported<\/a>\u00a0in Chrome, so additional work is required to ensure your images are displayed properly on other browsers.<\/div>\n<div><\/div>\n<\/div>\n<div><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/cloudinary\/image\/upload\/w_700\/devices.jpg\" alt=\"Many devices require responsive design\" width=\"700\" height=\"467\" \/><\/div>\n<div><\/div>\n<div>\n<div>\n<div>Another option includes relying on the new HTML5 features &#8211; specifically the <strong>&lt;picture&gt; element<\/strong> and the <strong>&#8216;srcset&#8217; attribute of the &lt;img&gt; element<\/strong> &#8211; to define the various image resolutions and art-directed cropped and transformed image versions within the HTML code.<\/div>\n<div><\/div>\n<div>There are two problems with this approach:<\/div>\n<div>\n<ol>\n<li><strong><em>Not all browsers support the modern HTML5 features<\/em><\/strong>, so workarounds must be developed as a fallback mechanism for browsers that don\u2019t. However Google has been supporting modern HTML5 elements in Chrome for awhile, and Microsoft and Safari are adding support for responsive design to the latest versions of their browsers.<\/li>\n<li>While the browsers automatically select the best matching images for each device and resolution, <strong><em>the browser doesn\u2019t automatically create the images<\/em><\/strong>. This requires double (or triple or quadruple\u2026) the work, pre-creating multiple different image versions, or alternatively using a dynamic image transformation service.<\/li>\n<\/ol>\n<\/div>\n<div>Additionally, these solutions do not focus on finding the appropriate <a href=\"https:\/\/cloudinary.com\/blog\/introducing_intelligent_responsive_image_breakpoints_solutions\" target=\"_blank\" rel=\"noopener\">Responsive Breakpoints<\/a>. When creating a responsive website, <strong>choosing the correct image resolutions and how many different image versions to include<\/strong> in your responsive website is called Responsive Breakpoints.<\/div>\n<div>While breakpoints can technically be any size, ideally they should be set at the <strong>optimal resolutions<\/strong> and sizes of images needed to best fit the <strong>various devices and screen sizes<\/strong> on which your website will be viewed.<\/div>\n<div>For determining breakpoints, developers need a solution that helps them decide which image resolutions are needed, create multiple images, and integrate with their HTML code or leverage Javascript solutions.<\/div>\n<div><\/div>\n<div>To solve this issue, Cloudinary last year launched a <a href=\"http:\/\/www.responsivebreakpoints.com\/\" target=\"_blank\" rel=\"noopener\">Responsive Image Breakpoints Generator tool<\/a>, which efficiently and intelligently calculates the image breakpoints.<\/div>\n<div><\/div>\n<div>Recently, we also launched our <a href=\"https:\/\/cloudinary.com\/blog\/introducing_smart_cropping_intelligent_quality_selection_and_automated_responsive_images\" target=\"_blank\" rel=\"noopener\">&#8220;Auto-everything&#8221; solution<\/a>, taking Cloudinary&#8217;s cloud-based image management solution to the next level using automatic content-aware and context-aware image adaptation. Within this, we introduced <a href=\"https:\/\/cloudinary.com\/blog\/automatic_responsive_images_with_client_hints\" target=\"_blank\" rel=\"noopener\">two new transformation parameters<\/a>, which pair the &#8216;DPR&#8217; and &#8216;Width&#8217; Client Hints with our existing image resizing and delivery infrastructure, in order to serve up <strong>simple, automatic responsive images<\/strong>.<\/div>\n<\/div>\n<div>\n<h2>Moving forward<\/h2>\n<div>\n<div>The evolution of video and image formats, coupled with constant innovation in devices and displays, will continue to raise challenges, as developers seek to create a superb user experience while minimizing the impact on bandwidth, storage and website performance.<\/div>\n<div><\/div>\n<div>Effectively managing high resolution files, adeptly handling the growing amount of video both incorporated in designs and uploaded by users, and incorporating responsive design techniques as described above can help address some of today\u2019s challenges, and establish a good foundation for future best practices.<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Websites have evolved greatly over the past few years. Once text-heavy websites have become more eye-catching with prominent images and video. But the addition of richer media isn\u2019t the only change impacting websites. Consumer behavior also factors into this evolution, as web access has moved from the desktop realm to a variety of different devices [&hellip;]<\/p>\n","protected":false},"author":41,"featured_media":21417,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_cloudinary_featured_overwrite":false,"footnotes":""},"categories":[1],"tags":[165,227,251,305],"class_list":["post-21416","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","tag-image-transformation","tag-performance-optimization","tag-responsive-images","tag-video-api"],"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>What to consider when developing media rich websites and apps<\/title>\n<meta name=\"description\" content=\"How to ensure that website performance is optimized, bandwidth usage is minimized and users have a top-notch experience when developing a website or application\" \/>\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\/media_related_web_development_challenges\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Media related web development challenges\" \/>\n<meta property=\"og:description\" content=\"How to ensure that website performance is optimized, bandwidth usage is minimized and users have a top-notch experience when developing a website or application\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cloudinary.com\/blog\/media_related_web_development_challenges\" \/>\n<meta property=\"og:site_name\" content=\"Cloudinary Blog\" \/>\n<meta property=\"article:published_time\" content=\"2016-09-07T12:30:17+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-08-22T01:52:33+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/v1649724658\/Web_Assets\/blog\/web_development\/web_development-jpg?_i=AA\" \/>\n\t<meta property=\"og:image:width\" content=\"500\" \/>\n\t<meta property=\"og:image:height\" content=\"333\" \/>\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\/media_related_web_development_challenges#article\",\"isPartOf\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/media_related_web_development_challenges\"},\"author\":{\"name\":\"\",\"@id\":\"\"},\"headline\":\"Media related web development challenges\",\"datePublished\":\"2016-09-07T12:30:17+00:00\",\"dateModified\":\"2024-08-22T01:52:33+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/media_related_web_development_challenges\"},\"wordCount\":1186,\"publisher\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/media_related_web_development_challenges#primaryimage\"},\"thumbnailUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649724658\/Web_Assets\/blog\/web_development\/web_development.jpg?_i=AA\",\"keywords\":[\"Image Transformation\",\"Performance Optimization\",\"Responsive Images\",\"Video API\"],\"inLanguage\":\"en-US\",\"copyrightYear\":\"2016\",\"copyrightHolder\":{\"@id\":\"https:\/\/cloudinary.com\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/cloudinary.com\/blog\/media_related_web_development_challenges\",\"url\":\"https:\/\/cloudinary.com\/blog\/media_related_web_development_challenges\",\"name\":\"What to consider when developing media rich websites and apps\",\"isPartOf\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/media_related_web_development_challenges#primaryimage\"},\"image\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/media_related_web_development_challenges#primaryimage\"},\"thumbnailUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649724658\/Web_Assets\/blog\/web_development\/web_development.jpg?_i=AA\",\"datePublished\":\"2016-09-07T12:30:17+00:00\",\"dateModified\":\"2024-08-22T01:52:33+00:00\",\"description\":\"How to ensure that website performance is optimized, bandwidth usage is minimized and users have a top-notch experience when developing a website or application\",\"breadcrumb\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/media_related_web_development_challenges#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cloudinary.com\/blog\/media_related_web_development_challenges\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/cloudinary.com\/blog\/media_related_web_development_challenges#primaryimage\",\"url\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649724658\/Web_Assets\/blog\/web_development\/web_development.jpg?_i=AA\",\"contentUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649724658\/Web_Assets\/blog\/web_development\/web_development.jpg?_i=AA\",\"width\":500,\"height\":333},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/cloudinary.com\/blog\/media_related_web_development_challenges#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/cloudinary.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Media related web development challenges\"}]},{\"@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":"What to consider when developing media rich websites and apps","description":"How to ensure that website performance is optimized, bandwidth usage is minimized and users have a top-notch experience when developing a website or application","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\/media_related_web_development_challenges","og_locale":"en_US","og_type":"article","og_title":"Media related web development challenges","og_description":"How to ensure that website performance is optimized, bandwidth usage is minimized and users have a top-notch experience when developing a website or application","og_url":"https:\/\/cloudinary.com\/blog\/media_related_web_development_challenges","og_site_name":"Cloudinary Blog","article_published_time":"2016-09-07T12:30:17+00:00","article_modified_time":"2024-08-22T01:52:33+00:00","og_image":[{"width":500,"height":333,"url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/v1649724658\/Web_Assets\/blog\/web_development\/web_development-jpg?_i=AA","type":"image\/jpeg"}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"NewsArticle","@id":"https:\/\/cloudinary.com\/blog\/media_related_web_development_challenges#article","isPartOf":{"@id":"https:\/\/cloudinary.com\/blog\/media_related_web_development_challenges"},"author":{"name":"","@id":""},"headline":"Media related web development challenges","datePublished":"2016-09-07T12:30:17+00:00","dateModified":"2024-08-22T01:52:33+00:00","mainEntityOfPage":{"@id":"https:\/\/cloudinary.com\/blog\/media_related_web_development_challenges"},"wordCount":1186,"publisher":{"@id":"https:\/\/cloudinary.com\/blog\/#organization"},"image":{"@id":"https:\/\/cloudinary.com\/blog\/media_related_web_development_challenges#primaryimage"},"thumbnailUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649724658\/Web_Assets\/blog\/web_development\/web_development.jpg?_i=AA","keywords":["Image Transformation","Performance Optimization","Responsive Images","Video API"],"inLanguage":"en-US","copyrightYear":"2016","copyrightHolder":{"@id":"https:\/\/cloudinary.com\/#organization"}},{"@type":"WebPage","@id":"https:\/\/cloudinary.com\/blog\/media_related_web_development_challenges","url":"https:\/\/cloudinary.com\/blog\/media_related_web_development_challenges","name":"What to consider when developing media rich websites and apps","isPartOf":{"@id":"https:\/\/cloudinary.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/cloudinary.com\/blog\/media_related_web_development_challenges#primaryimage"},"image":{"@id":"https:\/\/cloudinary.com\/blog\/media_related_web_development_challenges#primaryimage"},"thumbnailUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649724658\/Web_Assets\/blog\/web_development\/web_development.jpg?_i=AA","datePublished":"2016-09-07T12:30:17+00:00","dateModified":"2024-08-22T01:52:33+00:00","description":"How to ensure that website performance is optimized, bandwidth usage is minimized and users have a top-notch experience when developing a website or application","breadcrumb":{"@id":"https:\/\/cloudinary.com\/blog\/media_related_web_development_challenges#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cloudinary.com\/blog\/media_related_web_development_challenges"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cloudinary.com\/blog\/media_related_web_development_challenges#primaryimage","url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649724658\/Web_Assets\/blog\/web_development\/web_development.jpg?_i=AA","contentUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649724658\/Web_Assets\/blog\/web_development\/web_development.jpg?_i=AA","width":500,"height":333},{"@type":"BreadcrumbList","@id":"https:\/\/cloudinary.com\/blog\/media_related_web_development_challenges#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/cloudinary.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Media related web development challenges"}]},{"@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\/v1649724658\/Web_Assets\/blog\/web_development\/web_development.jpg?_i=AA","_links":{"self":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts\/21416","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=21416"}],"version-history":[{"count":3,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts\/21416\/revisions"}],"predecessor-version":[{"id":35430,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts\/21416\/revisions\/35430"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/media\/21417"}],"wp:attachment":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/media?parent=21416"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/categories?post=21416"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/tags?post=21416"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}