{"id":25240,"date":"2022-10-11T08:00:00","date_gmt":"2022-10-11T15:00:00","guid":{"rendered":"https:\/\/cloudinary.com\/blog\/?p=25240"},"modified":"2025-02-22T15:06:15","modified_gmt":"2025-02-22T23:06:15","slug":"automatically-generate-collages-at-scale-with-cloudinary","status":"publish","type":"post","link":"https:\/\/cloudinary.com\/blog\/automatically-generate-collages-at-scale-with-cloudinary","title":{"rendered":"Automatically Generate Collages At Scale with Cloudinary"},"content":{"rendered":"\n<p>Did you ever imagine that you could make a creative impact in an entirely technical way? With just a simple API call, you can now create beautiful visual media collages for your business, your marketing team, or for your customers. Add some of Cloudinary&#8217;s AI to the mix and you\u2019ll be able to automatically generate collages at scale, with unknown inputs, that are as good as custom-made.<\/p>\n\n\n\n<p>Read this blog to:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Learn how you and your marketing team can <a href=\"#collages_make_an_impact\" target=\"_blank\" rel=\"noreferrer noopener\">leverage Cloudinary\u2019s collage feature<\/a><\/li>\n\n\n\n<li>Learn how to <a href=\"#coding_your_collage\" target=\"_blank\" rel=\"noreferrer noopener\">generate collages<\/a> and see a live <a href=\"#see_collage_creation_in_action\" target=\"_blank\" rel=\"noreferrer noopener\">demo<\/a><\/li>\n\n\n\n<li>Learn about the features that drive <a href=\"#generate_custom_quality_collages_at_scale\" target=\"_blank\" rel=\"noreferrer noopener\">auto-generating quality collages at scale<\/a><\/li>\n<\/ul>\n\n\n<div class='c-callout  c-callout--note'><strong class='c-callout__title'>Note<\/strong> <p>You can also <a href=\"https:\/\/cloudinary.com\/blog\/image-collage-generation-how-we-pieced-it-all-together\">read<\/a> about how this very cool feature was developed behind the scenes.<\/p>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\">Collages Make an Impact<\/h2>\n\n\n\n<p>A collage contains a set of images that tell a story in a visually attractive way. For that reason, an attractive, colorful collage easily engages its viewers. In addition, collages are more stylish and impactful than plain pictures, and should be used when a single image is not enough and a video is overkill. <\/p>\n\n\n\n<p>Here are some ways that you can use collages for a competitive edge:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Display several aspects of a product within a single image<\/li>\n\n\n\n<li>Promote your brand<\/li>\n\n\n\n<li>Automatically generate banners, email header images, event\/sale posters, and profile pictures<\/li>\n<\/ul>\n\n\n\n<p>And here\u2019s a sample collage that tells a story:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/f_auto,q_auto\/docs\/collage\/making_a_cake.jpg\" alt=\"Automatically generate collages at-scale that tell a story\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">See Collage Creation in Action<\/h2>\n\n\n\n<p>This demo shows a user interface for creating collages. Click the image below to run it.<\/p>\n\n\n\n<p>The user interface allows you to lay out your collage by dragging images into the template cells. If you want an image to span a few cells, drag the image from its cell and drop it in another one. Once you&#8217;ve filled all the cells, click <strong>Generate<\/strong>. The code then sends a POST request to the <code>create_collage<\/code> endpoint with a <a href=\"#the_manifest_json\">manifest JSON<\/a> specifying the images and layout to use for the collage.<\/p>\n\n\n\n<p>And voila! You&#8217;ve generated a collage in mere seconds.<\/p>\n\n\n<div class=\"wp-block-cloudinary-markdown \"><div style=\"display:flex; justify-content:center;\"><figure style=\"self-align:center;\"><a href=\"https:\/\/create-architecture-collage.glitch.me\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/v1665269600\/docs\/collage\/collage_demo.png\" style=\"width:500px;\"><\/a><figcaption  style=\"font-size:25px;\"><b>Click the image to run the demo<\/b><\/figcaption><\/figure><\/div>\n<\/div>\n\n\n<p>You can make a similar UI for your customers to create collages, for example, with <strong>user generated<\/strong><em> <\/em>content. In addition, you can include many more options to provide control over layout and formatting (e.g., color, number of rows and columns, etc.) Your customers can use their new collages in their websites, or for any other purpose.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Coding Your Collage<\/h2>\n\n\n\n<p>Cloudinary\u2019s collage feature consists of a template made up of equal-sized rows and columns, such as the one shown below:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/cloudinary-res.cloudinary.com\/image\/upload\/c_scale,w_600\/q_auto\/f_auto\/docs\/layout_cats.png\" alt=\"Cloudinary collage template shown visually\" style=\"width:383px;height:263px\"\/><\/figure>\n\n\n\n<p>First, select the number of rows and columns for your template. Then, lay out your images. Images can span more than one cell so you can vary their sizes. Specifically, the more rows and columns you create in the template, the more control you have over the size of your images. Doubling the number of rows and columns, for example, allows you to increase and decrease the size of your images on a more granular level.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">The manifest JSON<\/h3>\n\n\n\n<p>You\u2019ll send a manifest JSON with your API call to specify your <strong>template<\/strong>, <strong>assets<\/strong>, and formatting.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Template<\/h4>\n\n\n\n<p>In the following example, the <code>template<\/code> key constructs the layout shown above. The next few keys specify its formatting:<\/p>\n\n\n<pre class=\"wp-block-code\" aria-describedby=\"shcb-language-1\" data-shcb-language-name=\"JavaScript\" data-shcb-language-slug=\"javascript\"><span><code class=\"hljs language-javascript shcb-wrap-lines\">manifest_json={\n   <span class=\"hljs-string\">\"template\"<\/span>: &#91;&#91;<span class=\"hljs-number\">1<\/span>,<span class=\"hljs-number\">1<\/span>,<span class=\"hljs-number\">2<\/span>,<span class=\"hljs-number\">3<\/span>,<span class=\"hljs-number\">4<\/span>,<span class=\"hljs-number\">4<\/span>],\n                &#91;<span class=\"hljs-number\">1<\/span>,<span class=\"hljs-number\">1<\/span>,<span class=\"hljs-number\">5<\/span>,<span class=\"hljs-number\">5<\/span>,<span class=\"hljs-number\">4<\/span>,<span class=\"hljs-number\">4<\/span>],\n                &#91;<span class=\"hljs-number\">6<\/span>,<span class=\"hljs-number\">6<\/span>,<span class=\"hljs-number\">5<\/span>,<span class=\"hljs-number\">5<\/span>,<span class=\"hljs-number\">4<\/span>,<span class=\"hljs-number\">4<\/span>],\n                &#91;<span class=\"hljs-number\">6<\/span>,<span class=\"hljs-number\">6<\/span>,<span class=\"hljs-number\">7<\/span>,<span class=\"hljs-number\">7<\/span>,<span class=\"hljs-number\">4<\/span>,<span class=\"hljs-number\">4<\/span>]],\n   <span class=\"hljs-string\">\"width\"<\/span>: <span class=\"hljs-number\">600<\/span>,\n   <span class=\"hljs-string\">\"height\"<\/span>: <span class=\"hljs-number\">400<\/span>,\n   <span class=\"hljs-string\">\"columns\"<\/span>: <span class=\"hljs-number\">6<\/span>,\n   <span class=\"hljs-string\">\"rows\"<\/span>: <span class=\"hljs-number\">4<\/span>,\n   <span class=\"hljs-string\">\"spacing\"<\/span>: <span class=\"hljs-number\">7<\/span>,\n   <span class=\"hljs-string\">\"color\"<\/span>: <span class=\"hljs-string\">\"brown\"<\/span>,<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-1\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">JavaScript<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">javascript<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre>\n\n\n<h4 class=\"wp-block-heading\">Assets<\/h4>\n\n\n\n<p>The rest of the manifest JSON passes the assets (images) and formats them.<\/p>\n\n\n\n<p>You&#8217;ll pass the images as an array. Also, the order of your images in the array determines their place in the template: the first image will be placed in the \u201c1\u201d designation of the template, the second image will be placed in the \u201c2\u201d designation, and so forth.<\/p>\n\n\n\n<p>Furthermore, you can pass default transformations that are applied to all assets. You can also specify transformations for each asset individually, including smart cropping:<\/p>\n\n\n<pre class=\"wp-block-code\" aria-describedby=\"shcb-language-2\" data-shcb-language-name=\"JavaScript\" data-shcb-language-slug=\"javascript\"><span><code class=\"hljs language-javascript shcb-wrap-lines\"><span class=\"hljs-string\">\"assetDefaults\"<\/span>: { <span class=\"hljs-string\">\"kind\"<\/span>: <span class=\"hljs-string\">\"upload\"<\/span>, <span class=\"hljs-string\">\"crop\"<\/span>: <span class=\"hljs-string\">\"fill\"<\/span>, <span class=\"hljs-string\">\"gravity\"<\/span>: <span class=\"hljs-string\">\"center\"<\/span> },\n<span class=\"hljs-string\">\"assets\"<\/span>: &#91;{ <span class=\"hljs-string\">\"media\"<\/span>: <span class=\"hljs-string\">\"docs\/sample1\"<\/span>, <span class=\"hljs-string\">\"crop\"<\/span>: <span class=\"hljs-string\">\"pad\"<\/span>, <span class=\"hljs-string\">\"gravity\"<\/span>: <span class=\"hljs-string\">\"center\"<\/span>, <span class=\"hljs-string\">\"color\"<\/span>: <span class=\"hljs-string\">\"auto\"<\/span> },\n           { <span class=\"hljs-string\">\"media\"<\/span>: <span class=\"hljs-string\">\"docs\/sample2\"<\/span>, <span class=\"hljs-string\">\"crop\"<\/span>: <span class=\"hljs-string\">\"pad\"<\/span>, <span class=\"hljs-string\">\"gravity\"<\/span>: <span class=\"hljs-string\">\"north\"<\/span>, <span class=\"hljs-string\">\"color\"<\/span>: <span class=\"hljs-string\">\"red\"<\/span> },\n           { <span class=\"hljs-string\">\"media\"<\/span>: <span class=\"hljs-string\">\"docs\/sample3\"<\/span>, <span class=\"hljs-string\">\"crop\"<\/span>: <span class=\"hljs-string\">\"pad\"<\/span>, <span class=\"hljs-string\">\"gravity\"<\/span>: <span class=\"hljs-string\">\"southwest\"<\/span>, <span class=\"hljs-string\">\"color\"<\/span>: <span class=\"hljs-string\">\"#FEB61F\"<\/span> },\n           { <span class=\"hljs-string\">\"media\"<\/span>: <span class=\"hljs-string\">\"docs\/sample4\"<\/span>, <span class=\"hljs-string\">\"gravity\"<\/span>: <span class=\"hljs-string\">\"auto\"<\/span>, <span class=\"hljs-string\">\"color\"<\/span>: <span class=\"hljs-string\">\"#FEB61FC2\"<\/span> },\n           { <span class=\"hljs-string\">\"media\"<\/span>: <span class=\"hljs-string\">\"docs\/sample3\"<\/span>, <span class=\"hljs-string\">\"gravity\"<\/span>: <span class=\"hljs-string\">\"auto\"<\/span>, <span class=\"hljs-string\">\"color\"<\/span>: <span class=\"hljs-string\">\"auto\"<\/span> },\n           { <span class=\"hljs-string\">\"media\"<\/span>: <span class=\"hljs-string\">\"docs\/sample3\"<\/span>, <span class=\"hljs-string\">\"crop\"<\/span>: <span class=\"hljs-string\">\"pad\"<\/span>, <span class=\"hljs-string\">\"gravity\"<\/span>: <span class=\"hljs-string\">\"east\"<\/span>, <span class=\"hljs-string\">\"color\"<\/span>: <span class=\"hljs-string\">\"blue\"<\/span> },\n           { <span class=\"hljs-string\">\"media\"<\/span>: <span class=\"hljs-string\">\"docs\/sample3\"<\/span>, <span class=\"hljs-string\">\"crop\"<\/span>: <span class=\"hljs-string\">\"pad\"<\/span>, <span class=\"hljs-string\">\"gravity\"<\/span>: <span class=\"hljs-string\">\"south\"<\/span>, <span class=\"hljs-string\">\"color\"<\/span>: <span class=\"hljs-string\">\"silver\"<\/span> }]<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-2\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">JavaScript<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">javascript<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre>\n\n\n<p>See the <a href=\"https:\/\/cloudinary.com\/documentation\/image_collage_generation\" target=\"_blank\" rel=\"noreferrer noopener\">documentation<\/a> for full details on how to create the manifest JSON and how to send the API call.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Generate Custom Quality Collages at Scale<\/h2>\n\n\n\n<p>What if your customers want to create a separate collage for every single one of their products? In addition, what if your team wants to generate banners for every single campaign?&nbsp;<\/p>\n\n\n\n<p>With Cloudinary, you can write code to automatically generate collages at scale. In particular, Cloudinary&#8217;s AI can select, place, and format the unknown images automatically.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Select images automatically<\/h3>\n\n\n\n<p>Cloudinary can automatically choose the images for the collage based on colors, objects shown, faces displayed, and many other criteria.&nbsp;<\/p>\n\n\n\n<p>This demo shows how Cloudinary can pick out images that contain specified objects. When you click <strong>Generate<\/strong>, Cloudinary will create a collage using only the images with shoes.<\/p>\n\n\n\n<p>The demo uses the <a href=\"https:\/\/cloudinary.com\/documentation\/admin_api#update_details_of_an_existing_resource\" target=\"_blank\" rel=\"noreferrer noopener\">update<\/a> method from the Admin API to auto-tag the images based on the objects detected. Next, it puts the images with the tag &#8220;footwear&#8221; in the collage.<\/p>\n\n\n\n<div style=\"display:flex; justify-content:center;\"><figure style=\"self-align:center;\"><a href=\"https:\/\/glitch.com\/edit\/#!\/pick-shoes-collage\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/v1664791860\/docs\/collage\/shoes_collage_demo.png\" style=\"width:500px;\"><\/a><figcaption style=\"font-size:25px; margin-left:-50px;\"><b>Click the image to see the code and run the demo<\/b><\/figcaption><\/figure><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Format automatically<\/h3>\n\n\n\n<p>After image selection, it\u2019s time to format. How should you determine the image order and size? In addition, how should you crop the images?<\/p>\n\n\n\n<p>Ask your marketing team. Maybe landscape images should span two side-by-side cells, and portraits should always span two cells one on top of the other? Or, maybe your marketing team wants the images ordered according to their color? Maybe you&#8217;ll format your images based on the objects they contain.<\/p>\n\n\n\n<p>Look up your image&#8217;s orientation, color scheme, detected faces, and more with the Admin API <a href=\"https:\/\/cloudinary.com\/documentation\/admin_api#get_the_details_of_a_single_resource\" target=\"_blank\" rel=\"noreferrer noopener\">resource<\/a> endpoint, and use <a href=\"https:\/\/cloudinary.com\/documentation\/cloudinary_ai_content_analysis_addon\">Cloudinary&#8217;s AI <\/a>to detect specific objects in your images. Then, use that data to format any image.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Smart cropping<\/h3>\n\n\n\n<p>How do you make sure the most important parts of images are fully visible? You&#8217;ll have to crop those unknown images to fit into their cells.&nbsp;<\/p>\n\n\n\n<p>Good news! Cloudinary&#8217;s AI makes sure to keep all the important parts of your images when you automatically generate collages at scale. In addition, once you subscribe to the <a href=\"https:\/\/cloudinary.com\/documentation\/cloudinary_ai_content_analysis_addon\" target=\"_blank\" rel=\"noreferrer noopener\">Cloudinary AI Content Analysis add-on<\/a>, you can use the <code>gravity<\/code> parameter to specify the objects you want to keep.&nbsp;<\/p>\n\n\n\n<p>For example:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>To keep the center of the image, use <code>\"gravity\": \"center\"<\/code>.<\/li>\n\n\n\n<li>To keep the most important part of the image based on Cloudinary\u2019s AI, use <code>\"gravity\": \"auto\"<\/code>.<\/li>\n\n\n\n<li>To keep <a href=\"https:\/\/cloudinary.com\/documentation\/cloudinary_ai_content_analysis_addon#supported_content_aware_detection_models\" target=\"_blank\" rel=\"noreferrer noopener\">specific objects<\/a>, such as cars, dogs, or even kitchen appliances, use <code>\"gravity\": \"faces\" , \u201cgravity\u201d: \"dogs\u201d<\/code>, etc.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Automatic formatting and smart cropping demo<\/h4>\n\n\n\n<p>The following demo shows automatic formatting and smart cropping. It shows a collection of images, including one with a face. When you click the <strong>Generate<\/strong> button, a collage is generated, with the face automatically placed front and center.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>The <a href=\"https:\/\/cloudinary.com\/documentation\/admin_api#resources\" target=\"_blank\" rel=\"noreferrer noopener\">resource<\/a> method of the admin API returns information about each image, including whether the image contains a face. The app then uses that data to pick out the image with the face, and place and format it accordingly.<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Also, one of the default transformations uses <a href=\"https:\/\/cloudinary.com\/documentation\/transformation_reference#g_objecterence#g_auto\" target=\"_blank\" rel=\"noreferrer noopener\">gravity:face<\/a>. That makes sure the face remains un-cropped and in the center of the image.<\/li>\n<\/ul>\n\n\n\n<p>Check out the code to see how the image with the face is placed in the center of the collage:<\/p>\n\n\n\n<div style=\"display:flex; justify-content:center;\"><figure style=\"self-align:center;\"><a href=\"https:\/\/glitch.com\/edit\/#!\/auto-center-faces-in-collage\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/v1664792166\/docs\/collage\/face_collage_demo.png\" style=\"width:500px;\"><\/a><figcaption style=\"font-size:25px; margin-left:-50px;\"><b>Click the image to see the code and run the demo<\/b><\/figcaption><\/figure><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Code Your Next Compelling Collage<\/h2>\n\n\n\n<p>Collages tell a story within one compact, concise, engaging image. As a developer, you have an important role to play in producing this critical marketing deliverable.<\/p>\n\n\n\n<p>Cloudinary\u2019s powerful collage creator gives full control over image size and placement with one API call. Also, your program can make its own image selection, placement, and sizing decisions based on Cloudinary&#8217;s AI. <\/p>\n\n\n\n<p>This feature is a game changer. Instead of having to hand-pick the images in the collage and manually lay them out, which is time consuming, you can use the <code>create_collage<\/code> endpoint to automatically generate collages at scale, appropriately laid out and and focused on what you want to show.<\/p>\n\n\n\n<p>So, I invite you to start experimenting with Cloudinary\u2019s collage feature now, to create your company\u2019s next auto-generated product collages, banners, email headings, collage-creating UIs, and much more.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Did you ever imagine that you could make a creative impact in an entirely technical way? With just a simple API call, you can now create beautiful visual media collages for your business, your marketing team, or for your customers. Add some of Cloudinary&#8217;s AI to the mix and you\u2019ll be able to automatically generate [&hellip;]<\/p>\n","protected":false},"author":52,"featured_media":25215,"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-25240","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","tag-image-transformation"],"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>Automatically Generate Collages At Scale with Cloudinary<\/title>\n<meta name=\"description\" content=\"Use Cloudinary&#039;s AI to automatically generate collages at scale that look custom-made, and learn how collages can benefit your business.\" \/>\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\/automatically-generate-collages-at-scale-with-cloudinary\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Automatically Generate Collages At Scale with Cloudinary\" \/>\n<meta property=\"og:description\" content=\"Use Cloudinary&#039;s AI to automatically generate collages at scale that look custom-made, and learn how collages can benefit your business.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cloudinary.com\/blog\/automatically-generate-collages-at-scale-with-cloudinary\" \/>\n<meta property=\"og:site_name\" content=\"Cloudinary Blog\" \/>\n<meta property=\"article:published_time\" content=\"2022-10-11T15:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-02-22T23:06:15+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/v1663977472\/Cld_Blog_FeatImg_Sept2k22_Collage_Technically\/Cld_Blog_FeatImg_Sept2k22_Collage_Technically-png?_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\/png\" \/>\n<meta name=\"author\" content=\"sharonyelenik\" \/>\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\/automatically-generate-collages-at-scale-with-cloudinary#article\",\"isPartOf\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/automatically-generate-collages-at-scale-with-cloudinary\"},\"author\":{\"name\":\"sharonyelenik\",\"@id\":\"https:\/\/cloudinary.com\/blog\/#\/schema\/person\/dc4e70df8d22a9cfdad676a82fa92a73\"},\"headline\":\"Automatically Generate Collages At Scale with Cloudinary\",\"datePublished\":\"2022-10-11T15:00:00+00:00\",\"dateModified\":\"2025-02-22T23:06:15+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/automatically-generate-collages-at-scale-with-cloudinary\"},\"wordCount\":1296,\"publisher\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/automatically-generate-collages-at-scale-with-cloudinary#primaryimage\"},\"thumbnailUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1663977472\/Cld_Blog_FeatImg_Sept2k22_Collage_Technically\/Cld_Blog_FeatImg_Sept2k22_Collage_Technically.png?_i=AA\",\"keywords\":[\"Image Transformation\"],\"inLanguage\":\"en-US\",\"copyrightYear\":\"2022\",\"copyrightHolder\":{\"@id\":\"https:\/\/cloudinary.com\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/cloudinary.com\/blog\/automatically-generate-collages-at-scale-with-cloudinary\",\"url\":\"https:\/\/cloudinary.com\/blog\/automatically-generate-collages-at-scale-with-cloudinary\",\"name\":\"Automatically Generate Collages At Scale with Cloudinary\",\"isPartOf\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/automatically-generate-collages-at-scale-with-cloudinary#primaryimage\"},\"image\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/automatically-generate-collages-at-scale-with-cloudinary#primaryimage\"},\"thumbnailUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1663977472\/Cld_Blog_FeatImg_Sept2k22_Collage_Technically\/Cld_Blog_FeatImg_Sept2k22_Collage_Technically.png?_i=AA\",\"datePublished\":\"2022-10-11T15:00:00+00:00\",\"dateModified\":\"2025-02-22T23:06:15+00:00\",\"description\":\"Use Cloudinary's AI to automatically generate collages at scale that look custom-made, and learn how collages can benefit your business.\",\"breadcrumb\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/automatically-generate-collages-at-scale-with-cloudinary#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cloudinary.com\/blog\/automatically-generate-collages-at-scale-with-cloudinary\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/cloudinary.com\/blog\/automatically-generate-collages-at-scale-with-cloudinary#primaryimage\",\"url\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1663977472\/Cld_Blog_FeatImg_Sept2k22_Collage_Technically\/Cld_Blog_FeatImg_Sept2k22_Collage_Technically.png?_i=AA\",\"contentUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1663977472\/Cld_Blog_FeatImg_Sept2k22_Collage_Technically\/Cld_Blog_FeatImg_Sept2k22_Collage_Technically.png?_i=AA\",\"width\":2000,\"height\":1100},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/cloudinary.com\/blog\/automatically-generate-collages-at-scale-with-cloudinary#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/cloudinary.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Automatically Generate Collages At Scale 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\":\"https:\/\/cloudinary.com\/blog\/#\/schema\/person\/dc4e70df8d22a9cfdad676a82fa92a73\",\"name\":\"sharonyelenik\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/cloudinary.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/6565cdd768a04e9b6ea3932764886209dd9de8baeeef1504eaad8fe776677f92?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/6565cdd768a04e9b6ea3932764886209dd9de8baeeef1504eaad8fe776677f92?s=96&d=mm&r=g\",\"caption\":\"sharonyelenik\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Automatically Generate Collages At Scale with Cloudinary","description":"Use Cloudinary's AI to automatically generate collages at scale that look custom-made, and learn how collages can benefit your business.","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\/automatically-generate-collages-at-scale-with-cloudinary","og_locale":"en_US","og_type":"article","og_title":"Automatically Generate Collages At Scale with Cloudinary","og_description":"Use Cloudinary's AI to automatically generate collages at scale that look custom-made, and learn how collages can benefit your business.","og_url":"https:\/\/cloudinary.com\/blog\/automatically-generate-collages-at-scale-with-cloudinary","og_site_name":"Cloudinary Blog","article_published_time":"2022-10-11T15:00:00+00:00","article_modified_time":"2025-02-22T23:06:15+00:00","og_image":[{"width":2000,"height":1100,"url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/v1663977472\/Cld_Blog_FeatImg_Sept2k22_Collage_Technically\/Cld_Blog_FeatImg_Sept2k22_Collage_Technically-png?_i=AA","type":"image\/png"}],"author":"sharonyelenik","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"NewsArticle","@id":"https:\/\/cloudinary.com\/blog\/automatically-generate-collages-at-scale-with-cloudinary#article","isPartOf":{"@id":"https:\/\/cloudinary.com\/blog\/automatically-generate-collages-at-scale-with-cloudinary"},"author":{"name":"sharonyelenik","@id":"https:\/\/cloudinary.com\/blog\/#\/schema\/person\/dc4e70df8d22a9cfdad676a82fa92a73"},"headline":"Automatically Generate Collages At Scale with Cloudinary","datePublished":"2022-10-11T15:00:00+00:00","dateModified":"2025-02-22T23:06:15+00:00","mainEntityOfPage":{"@id":"https:\/\/cloudinary.com\/blog\/automatically-generate-collages-at-scale-with-cloudinary"},"wordCount":1296,"publisher":{"@id":"https:\/\/cloudinary.com\/blog\/#organization"},"image":{"@id":"https:\/\/cloudinary.com\/blog\/automatically-generate-collages-at-scale-with-cloudinary#primaryimage"},"thumbnailUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1663977472\/Cld_Blog_FeatImg_Sept2k22_Collage_Technically\/Cld_Blog_FeatImg_Sept2k22_Collage_Technically.png?_i=AA","keywords":["Image Transformation"],"inLanguage":"en-US","copyrightYear":"2022","copyrightHolder":{"@id":"https:\/\/cloudinary.com\/#organization"}},{"@type":"WebPage","@id":"https:\/\/cloudinary.com\/blog\/automatically-generate-collages-at-scale-with-cloudinary","url":"https:\/\/cloudinary.com\/blog\/automatically-generate-collages-at-scale-with-cloudinary","name":"Automatically Generate Collages At Scale with Cloudinary","isPartOf":{"@id":"https:\/\/cloudinary.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/cloudinary.com\/blog\/automatically-generate-collages-at-scale-with-cloudinary#primaryimage"},"image":{"@id":"https:\/\/cloudinary.com\/blog\/automatically-generate-collages-at-scale-with-cloudinary#primaryimage"},"thumbnailUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1663977472\/Cld_Blog_FeatImg_Sept2k22_Collage_Technically\/Cld_Blog_FeatImg_Sept2k22_Collage_Technically.png?_i=AA","datePublished":"2022-10-11T15:00:00+00:00","dateModified":"2025-02-22T23:06:15+00:00","description":"Use Cloudinary's AI to automatically generate collages at scale that look custom-made, and learn how collages can benefit your business.","breadcrumb":{"@id":"https:\/\/cloudinary.com\/blog\/automatically-generate-collages-at-scale-with-cloudinary#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cloudinary.com\/blog\/automatically-generate-collages-at-scale-with-cloudinary"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cloudinary.com\/blog\/automatically-generate-collages-at-scale-with-cloudinary#primaryimage","url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1663977472\/Cld_Blog_FeatImg_Sept2k22_Collage_Technically\/Cld_Blog_FeatImg_Sept2k22_Collage_Technically.png?_i=AA","contentUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1663977472\/Cld_Blog_FeatImg_Sept2k22_Collage_Technically\/Cld_Blog_FeatImg_Sept2k22_Collage_Technically.png?_i=AA","width":2000,"height":1100},{"@type":"BreadcrumbList","@id":"https:\/\/cloudinary.com\/blog\/automatically-generate-collages-at-scale-with-cloudinary#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/cloudinary.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Automatically Generate Collages At Scale 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":"https:\/\/cloudinary.com\/blog\/#\/schema\/person\/dc4e70df8d22a9cfdad676a82fa92a73","name":"sharonyelenik","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cloudinary.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/6565cdd768a04e9b6ea3932764886209dd9de8baeeef1504eaad8fe776677f92?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6565cdd768a04e9b6ea3932764886209dd9de8baeeef1504eaad8fe776677f92?s=96&d=mm&r=g","caption":"sharonyelenik"}}]}},"jetpack_featured_media_url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1663977472\/Cld_Blog_FeatImg_Sept2k22_Collage_Technically\/Cld_Blog_FeatImg_Sept2k22_Collage_Technically.png?_i=AA","_links":{"self":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts\/25240","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\/52"}],"replies":[{"embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/comments?post=25240"}],"version-history":[{"count":93,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts\/25240\/revisions"}],"predecessor-version":[{"id":36963,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts\/25240\/revisions\/36963"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/media\/25215"}],"wp:attachment":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/media?parent=25240"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/categories?post=25240"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/tags?post=25240"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}