{"id":27789,"date":"2022-06-10T07:39:15","date_gmt":"2022-06-10T07:39:15","guid":{"rendered":"http:\/\/handle-text-wrap-around-images-using-html-and-css"},"modified":"2025-10-20T18:13:57","modified_gmt":"2025-10-21T01:13:57","slug":"handle-text-wrap-around-images-using-html-and-css","status":"publish","type":"post","link":"https:\/\/cloudinary.com\/blog\/handle-text-wrap-around-images-using-html-and-css","title":{"rendered":"Handle Text Wrap Around Images Using HTML and CSS"},"content":{"rendered":"<div class=\"wp-block-cloudinary-markdown \"><p>Text wrapping is the practice of surrounding a picture or diagram with text. Including images in your text is an excellent way to display essential information. HTML and CSS are the two primary methods for achieving this, as they both account for inconsistent image dimensions.<\/p>\n<p>This tutorial will walk you through the two significant ways to wrap text around images \u2014 using HTML and CSS.<\/p>\n<p>To follow the steps in this post, you\u2019ll need a basic knowledge of HTML, and if you\u2019re using a CSS, a basic understanding of that, as well. With that fundamental working knowledge, I\u2019ll provide step-by-step instructions that will get you up and running fast. For developers looking to get a deeper knowledge, it will help if you have An Integrated Development Environment (IDE) installed on your machine (e.g., VS Code) so you can play around a bit in your own environment.<\/p>\n<h2>Sandbox<\/h2>\n<p>The completed project is on <a href=\"https:\/\/codesandbox.io\/s\/wrapping-text-around-an-image-using-html-2xj9yu\">CodeSandbox<\/a>. Fork it to get started quickly.<\/p>\n<\/div>\n\n<div class=\"wp-block-cloudinary-markdown \"><h2>GitHub<\/h2>\n<p>The source code is on <a href=\"https:\/\/github.com\/imohenry\/wrap-text-around-image\">GitHub<\/a>.<\/p>\n<h2>Prerequisites<\/h2>\n<p>To follow the steps in this article, you\u2019ll need:<\/p>\n<ul>\n<li>Basic knowledge of HTML and CSS<\/li>\n<li>An IDE installed on your machine (e.g., VS Code)<\/li>\n<\/ul>\n<h2>Wrap Text Around an Image Using HTML<\/h2>\n<p>This HTML method is significant when considering that text may not need to float around the image on various devices and layouts. A responsive website\u2019s style may require that the text align below the picture and that the image span the entire width of the screen for smaller displays.<\/p>\n<p>Firstly, in the HTML file, you need to create a container: it can be a table or div that stores a paragraph of text. The picture markup will be just above this content. For instance,<\/p>\n<pre class=\"js-syntax-highlighted\"><code>&lt;!--Image container start--&gt;\n&lt;div class=&quot;box&quot;&gt;\n  &lt;img src=&quot;fam.png&quot; alt=&quot;The Forger family picture&quot;&gt;\n&lt;\/div&gt;\n&lt;!--Image container end--&gt;\n    \n&lt;!--Text container start--&gt;\n&lt;div&gt;\n  &lt;p&gt; The family consists of... &lt;\/p&gt;\n&lt;\/div&gt;\n&lt;!--Text container end-&gt;\n<\/code><\/pre>\n<p>The code above displays the picture fam.png just above the text. You would want to position it on the left side of the paragraph to sit within the text. This is accomplished by including a float value within the <code>&lt;img&gt;<\/code> element. This means you will use inline HTML styling, like so:<\/p>\n<pre class=\"js-syntax-highlighted\"><code>&lt;div&gt;\n  img src=&quot;fam.png&quot; alt=&quot;The Forger family picture&quot; style=&quot;float: left; \n  margin: 5px;&quot;&gt;\n&lt;\/div&gt;\n<\/code><\/pre>\n<p>And now the image will appear in the text like this:<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/cloudinary-marketing-res.cloudinary.com\/image\/upload\/c_limit,w_2000\/f_auto\/q_auto\/media_jams_sanity\/c5c3b3924473ea54e2a4c2378d696d1914d3c9db-1600x699.png\" alt=\"Image showing example of how HTML coding can wrap text around an image online\" loading=\"lazy\" class=\"c-transformed-asset\"  width=\"1600\" height=\"699\"\/><\/p>\n<p>\nAdditionally, to control the text flow around images, you can utilize the markup &lt;BR CLEAR=\u201dleft\u201d \/> which can help you wrap text around images on opposite sides of your web pages. For example, if you have images aligned to both left and right on a page, this markup will help in managing the text wrapping around them in a clean manner. This is a handy HTML feature to manage text wrapping, especially on web pages with multiple images aligned differently.\n<\/p>\n<p>\nAnd, while aligning images to the left or right, you may also consider center alignment for certain design aesthetics. This can be achieved using CSS properties alongside the float property. Here&#8217;s how you could do it:\n<\/p>\n<pre class=\"prettyprint\">&lt;style> \n.center { display: block;\n margin-left: auto;\n margin-right: auto;\n width: 50%;\n } &lt;\/style> \n&lt;img src=\"fam.png\" alt=\"The Forger family picture\" class=\"center\">\n<\/pre>\n<p>\nIn this snippet, the image will be centered on the page, with text wrapping around it.\n<\/p>\n<h2>HTML Sandbox Environment<\/h2>\n<p>The completed project showing an example of a text wrap around image has been set up on CodeSandbox for you to explore (link in the tool <a href=\"https:\/\/codesandbox.io\/s\/wrapping-text-around-an-image-using-html-2xj9yu\">here<\/a>). This is an open source project, so feel free to fork it to get started quickly. The source code is on GitHub (you can find it <a href=\"https:\/\/github.com\/imohenry\/wrap-text-around-image\">here<\/a>), but I encourage you to continue exploring here to get the most context, especially if you\u2019re looking to wrap text around an image in html or wrap text around image in CSS.<\/p>\n<h2>Wrapping Text Around an Image Using CSS<\/h2>\n<p>This approach is a little more effective for individuals who understand CSS. It provides fine-grained control over element placement and is more compatible with current coding standards. The implementation is similar to the HTML technique, except it uses the <code>&lt;style&gt;<\/code> tags in the HTML file\u2019s <code>&lt;head&gt;<\/code> tag.<\/p>\n<p>You will need to define a style class for images; you should name your class something simple. How about \u201cwrap\u201d?<\/p>\n<pre class=\"js-syntax-highlighted\"><code>&lt;div class=&quot;wrap&quot;&gt;\n   &lt;img src=&quot;fam.png&quot; alt=&quot;The forger family picture&quot;&gt;\n&lt;\/div&gt;\n<\/code><\/pre>\n<p>Now, give it the float property with the value \u201cright\u201d within the style tag at the head. This change aligns the image to the right while your text wraps around it.<\/p>\n<pre class=\"js-syntax-highlighted\"><code>&lt;style&gt;\n .wrap {\n   float: right; \n   margin: 5px;\n  }\n&lt;\/style&gt;\n<\/code><\/pre>\n<p>The image in this example below floats to the right side of the screen, and the text wraps around it. This solution is more dependable since you can always reuse your class elsewhere in your code, saving you time.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/cloudinary-marketing-res.cloudinary.com\/image\/upload\/c_limit,w_2000\/f_auto\/q_auto\/media_jams_sanity\/2ba8956733f24db775cc0082de62a022b7c4db3f-1600x831.png\" alt=\"Image showing results of righthand float wrapping text around an image in css\" loading=\"lazy\" class=\"c-transformed-asset\"  width=\"1600\" height=\"831\"\/><\/p>\n<h2>Conclusion<\/h2>\n<p>The HTML technique of wrapping text is still dependable, but the CSS method is more adaptable for style-related formatting on your website. Using the CSS method, if you modify the style of the text wrap, all the CSS code will change simultaneously.<\/p>\n<p>Are you a developer? Check out how <a href=\"https:\/\/cloudinary.com\/developers\">Cloudinary makes it easier to deliver rich web and app experiences<\/a>.<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":41,"featured_media":27790,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_cloudinary_featured_overwrite":false,"footnotes":""},"categories":[1],"tags":[75,145],"class_list":["post-27789","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","tag-css","tag-html5"],"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>Learn Fast: How to Wrap Text Around Images in HTML and CSS<\/title>\n<meta name=\"description\" content=\"Quick and easy instructions on how to use HTML and CSS to wrap text around images, including a sandbox environment to help you safely try your hand at coding.\" \/>\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\/handle-text-wrap-around-images-using-html-and-css\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Handle Text Wrap Around Images Using HTML and CSS\" \/>\n<meta property=\"og:description\" content=\"Quick and easy instructions on how to use HTML and CSS to wrap text around images, including a sandbox environment to help you safely try your hand at coding.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cloudinary.com\/blog\/handle-text-wrap-around-images-using-html-and-css\" \/>\n<meta property=\"og:site_name\" content=\"Cloudinary Blog\" \/>\n<meta property=\"article:published_time\" content=\"2022-06-10T07:39:15+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-10-21T01:13:57+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1681926270\/Web_Assets\/blog\/699e33a27ab11b69dc5806e62ac40f0a5dd90c10-5184x3456-1_27790e91e7\/699e33a27ab11b69dc5806e62ac40f0a5dd90c10-5184x3456-1_27790e91e7.jpg?_i=AA\" \/>\n\t<meta property=\"og:image:width\" content=\"5184\" \/>\n\t<meta property=\"og:image:height\" content=\"3456\" \/>\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\/handle-text-wrap-around-images-using-html-and-css#article\",\"isPartOf\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/handle-text-wrap-around-images-using-html-and-css\"},\"author\":{\"name\":\"\",\"@id\":\"\"},\"headline\":\"Handle Text Wrap Around Images Using HTML and CSS\",\"datePublished\":\"2022-06-10T07:39:15+00:00\",\"dateModified\":\"2025-10-21T01:13:57+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/handle-text-wrap-around-images-using-html-and-css\"},\"wordCount\":9,\"publisher\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/handle-text-wrap-around-images-using-html-and-css#primaryimage\"},\"thumbnailUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1681926270\/Web_Assets\/blog\/699e33a27ab11b69dc5806e62ac40f0a5dd90c10-5184x3456-1_27790e91e7\/699e33a27ab11b69dc5806e62ac40f0a5dd90c10-5184x3456-1_27790e91e7.jpg?_i=AA\",\"keywords\":[\"CSS\",\"HTML5\"],\"inLanguage\":\"en-US\",\"copyrightYear\":\"2022\",\"copyrightHolder\":{\"@id\":\"https:\/\/cloudinary.com\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/cloudinary.com\/blog\/handle-text-wrap-around-images-using-html-and-css\",\"url\":\"https:\/\/cloudinary.com\/blog\/handle-text-wrap-around-images-using-html-and-css\",\"name\":\"Learn Fast: How to Wrap Text Around Images in HTML and CSS\",\"isPartOf\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/handle-text-wrap-around-images-using-html-and-css#primaryimage\"},\"image\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/handle-text-wrap-around-images-using-html-and-css#primaryimage\"},\"thumbnailUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1681926270\/Web_Assets\/blog\/699e33a27ab11b69dc5806e62ac40f0a5dd90c10-5184x3456-1_27790e91e7\/699e33a27ab11b69dc5806e62ac40f0a5dd90c10-5184x3456-1_27790e91e7.jpg?_i=AA\",\"datePublished\":\"2022-06-10T07:39:15+00:00\",\"dateModified\":\"2025-10-21T01:13:57+00:00\",\"description\":\"Quick and easy instructions on how to use HTML and CSS to wrap text around images, including a sandbox environment to help you safely try your hand at coding.\",\"breadcrumb\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/handle-text-wrap-around-images-using-html-and-css#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cloudinary.com\/blog\/handle-text-wrap-around-images-using-html-and-css\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/cloudinary.com\/blog\/handle-text-wrap-around-images-using-html-and-css#primaryimage\",\"url\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1681926270\/Web_Assets\/blog\/699e33a27ab11b69dc5806e62ac40f0a5dd90c10-5184x3456-1_27790e91e7\/699e33a27ab11b69dc5806e62ac40f0a5dd90c10-5184x3456-1_27790e91e7.jpg?_i=AA\",\"contentUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1681926270\/Web_Assets\/blog\/699e33a27ab11b69dc5806e62ac40f0a5dd90c10-5184x3456-1_27790e91e7\/699e33a27ab11b69dc5806e62ac40f0a5dd90c10-5184x3456-1_27790e91e7.jpg?_i=AA\",\"width\":5184,\"height\":3456,\"caption\":\"Image showing a computer with CSS text wrap around image\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/cloudinary.com\/blog\/handle-text-wrap-around-images-using-html-and-css#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/cloudinary.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Handle Text Wrap Around Images Using HTML and CSS\"}]},{\"@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":"Learn Fast: How to Wrap Text Around Images in HTML and CSS","description":"Quick and easy instructions on how to use HTML and CSS to wrap text around images, including a sandbox environment to help you safely try your hand at coding.","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\/handle-text-wrap-around-images-using-html-and-css","og_locale":"en_US","og_type":"article","og_title":"Handle Text Wrap Around Images Using HTML and CSS","og_description":"Quick and easy instructions on how to use HTML and CSS to wrap text around images, including a sandbox environment to help you safely try your hand at coding.","og_url":"https:\/\/cloudinary.com\/blog\/handle-text-wrap-around-images-using-html-and-css","og_site_name":"Cloudinary Blog","article_published_time":"2022-06-10T07:39:15+00:00","article_modified_time":"2025-10-21T01:13:57+00:00","og_image":[{"width":5184,"height":3456,"url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1681926270\/Web_Assets\/blog\/699e33a27ab11b69dc5806e62ac40f0a5dd90c10-5184x3456-1_27790e91e7\/699e33a27ab11b69dc5806e62ac40f0a5dd90c10-5184x3456-1_27790e91e7.jpg?_i=AA","type":"image\/jpeg"}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"NewsArticle","@id":"https:\/\/cloudinary.com\/blog\/handle-text-wrap-around-images-using-html-and-css#article","isPartOf":{"@id":"https:\/\/cloudinary.com\/blog\/handle-text-wrap-around-images-using-html-and-css"},"author":{"name":"","@id":""},"headline":"Handle Text Wrap Around Images Using HTML and CSS","datePublished":"2022-06-10T07:39:15+00:00","dateModified":"2025-10-21T01:13:57+00:00","mainEntityOfPage":{"@id":"https:\/\/cloudinary.com\/blog\/handle-text-wrap-around-images-using-html-and-css"},"wordCount":9,"publisher":{"@id":"https:\/\/cloudinary.com\/blog\/#organization"},"image":{"@id":"https:\/\/cloudinary.com\/blog\/handle-text-wrap-around-images-using-html-and-css#primaryimage"},"thumbnailUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1681926270\/Web_Assets\/blog\/699e33a27ab11b69dc5806e62ac40f0a5dd90c10-5184x3456-1_27790e91e7\/699e33a27ab11b69dc5806e62ac40f0a5dd90c10-5184x3456-1_27790e91e7.jpg?_i=AA","keywords":["CSS","HTML5"],"inLanguage":"en-US","copyrightYear":"2022","copyrightHolder":{"@id":"https:\/\/cloudinary.com\/#organization"}},{"@type":"WebPage","@id":"https:\/\/cloudinary.com\/blog\/handle-text-wrap-around-images-using-html-and-css","url":"https:\/\/cloudinary.com\/blog\/handle-text-wrap-around-images-using-html-and-css","name":"Learn Fast: How to Wrap Text Around Images in HTML and CSS","isPartOf":{"@id":"https:\/\/cloudinary.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/cloudinary.com\/blog\/handle-text-wrap-around-images-using-html-and-css#primaryimage"},"image":{"@id":"https:\/\/cloudinary.com\/blog\/handle-text-wrap-around-images-using-html-and-css#primaryimage"},"thumbnailUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1681926270\/Web_Assets\/blog\/699e33a27ab11b69dc5806e62ac40f0a5dd90c10-5184x3456-1_27790e91e7\/699e33a27ab11b69dc5806e62ac40f0a5dd90c10-5184x3456-1_27790e91e7.jpg?_i=AA","datePublished":"2022-06-10T07:39:15+00:00","dateModified":"2025-10-21T01:13:57+00:00","description":"Quick and easy instructions on how to use HTML and CSS to wrap text around images, including a sandbox environment to help you safely try your hand at coding.","breadcrumb":{"@id":"https:\/\/cloudinary.com\/blog\/handle-text-wrap-around-images-using-html-and-css#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cloudinary.com\/blog\/handle-text-wrap-around-images-using-html-and-css"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cloudinary.com\/blog\/handle-text-wrap-around-images-using-html-and-css#primaryimage","url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1681926270\/Web_Assets\/blog\/699e33a27ab11b69dc5806e62ac40f0a5dd90c10-5184x3456-1_27790e91e7\/699e33a27ab11b69dc5806e62ac40f0a5dd90c10-5184x3456-1_27790e91e7.jpg?_i=AA","contentUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1681926270\/Web_Assets\/blog\/699e33a27ab11b69dc5806e62ac40f0a5dd90c10-5184x3456-1_27790e91e7\/699e33a27ab11b69dc5806e62ac40f0a5dd90c10-5184x3456-1_27790e91e7.jpg?_i=AA","width":5184,"height":3456,"caption":"Image showing a computer with CSS text wrap around image"},{"@type":"BreadcrumbList","@id":"https:\/\/cloudinary.com\/blog\/handle-text-wrap-around-images-using-html-and-css#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/cloudinary.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Handle Text Wrap Around Images Using HTML and CSS"}]},{"@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\/v1681926270\/Web_Assets\/blog\/699e33a27ab11b69dc5806e62ac40f0a5dd90c10-5184x3456-1_27790e91e7\/699e33a27ab11b69dc5806e62ac40f0a5dd90c10-5184x3456-1_27790e91e7.jpg?_i=AA","_links":{"self":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts\/27789","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=27789"}],"version-history":[{"count":12,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts\/27789\/revisions"}],"predecessor-version":[{"id":38936,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts\/27789\/revisions\/38936"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/media\/27790"}],"wp:attachment":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/media?parent=27789"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/categories?post=27789"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/tags?post=27789"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}