{"id":35356,"date":"2024-08-30T07:00:00","date_gmt":"2024-08-30T14:00:00","guid":{"rendered":"https:\/\/cloudinary.com\/blog\/?p=35356"},"modified":"2024-09-04T07:19:39","modified_gmt":"2024-09-04T14:19:39","slug":"mastering-image-view-size-optimization","status":"publish","type":"post","link":"https:\/\/cloudinary.com\/blog\/mastering-image-view-size-optimization","title":{"rendered":"Mastering Image View Size Optimization"},"content":{"rendered":"\n<p>Today, users access content on multiple platforms and devices \u2014 each with different screen sizes and resolutions. This diversity presents a challenge: How can developers ensure that images look great on every device without compromising performance? Check out the responsive breakpoints mechanism in the Cloudinary iOS SDK, a powerful tool that automatically optimizes images for different screens, ensuring the best possible user experience.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Background<\/h2>\n\n\n\n<p>When building mobile applications or websites, developers often struggle with delivering the right image size to the right device. Traditionally, this meant either serving a single large image (which wastes bandwidth on smaller screens, might hurt performance, and drains battery) or manually creating multiple image sizes for different devices. Both options have their drawbacks, e.g., longer load times, higher data usage, and a more labor-intensive workflow.<\/p>\n\n\n\n<p>Cloudinary, a leading cloud-based image and video management service, introduced the responsive breakpoints mechanism. This feature streamlines the process of delivering perfectly sized images to various devices while reducing the effort developers require.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">What Problems Does It Solve?<\/h2>\n\n\n\n<p>The responsive breakpoints mechanism solves developers\u2019 challenges to deliver the right image size to the right device with:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1. Efficient Image Delivery<\/h3>\n\n\n\n<p><strong>Problem:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Serving a single image size to all devices results in either wasted bandwidth or poor image quality.<\/li>\n<\/ul>\n\n\n\n<p><strong>Solution:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>The responsive breakpoints mechanism automatically generates and delivers the optimal image size based on the user\u2019s device, ensuring efficient use of resources.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">2. Performance Optimization<\/h3>\n\n\n\n<p><strong>Problem:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Large images can slow page load times, especially on mobile devices with limited bandwidth.<\/li>\n<\/ul>\n\n\n\n<p><strong>Solution:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>By delivering images that are appropriately sized for each device, load times are reduced, leading to a faster, more responsive application.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">3. Automated Workflow<\/h3>\n\n\n\n<p><strong>Problem:&nbsp;<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Managing multiple image versions for different devices is time-consuming and error-prone.<\/li>\n<\/ul>\n\n\n\n<p><strong>Solution:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Cloudinary automates this process, dynamically generating the necessary image sizes and delivering them as needed.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">How Does It Work?<\/h2>\n\n\n\n<p>The responsive breakpoints mechanism works by analyzing each image you upload and determining a set of optimal breakpoints \u2014 specific image widths that are ideal for various screen sizes. When a device requests an image, the SDK automatically selects the most appropriate version based on the screen\u2019s dimensions and resolution.<\/p>\n\n\n\n<p>Let\u2019s dive into a practical example to see how it all comes together.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Example<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\">Basic Implementation<\/h4>\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\"><span class=\"hljs-keyword\">import<\/span> Cloudinary\n\n<span class=\"hljs-keyword\">let<\/span> cloudinary = CLDCloudinary(configuration: config)\n<span class=\"hljs-keyword\">let<\/span> transformation = CLDTransformation().setFetchFormat(<span class=\"hljs-string\">\"avif\"<\/span>)\n<span class=\"hljs-keyword\">let<\/span> params = CLDResponsiveParams.autoFill()\n\nphotoImageView.cldSetImage(publicId: <span class=\"hljs-string\">\"sample\"<\/span>, \n    <span class=\"hljs-attr\">cloudinary<\/span>: cld, <span class=\"hljs-attr\">resourceType<\/span>: .image, \n    <span class=\"hljs-attr\">responsiveParams<\/span>: params, <span class=\"hljs-attr\">transformation<\/span>: transformation)<\/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<ul class=\"wp-block-list\">\n<li><code>CLDTransformation().setFetchFormat(\"avif\")<\/code>. Converts the image to AVIF format for consistent delivery.<\/li>\n\n\n\n<li><code>CLDResponsiveParams.autoFill()<\/code>. Automatically adjust the image dimensions based on the device&#8217;s screen size, ensuring a perfect fit.<\/li>\n\n\n\n<li><code>photoImageView.cldSetImage(...)<\/code>. Sets the optimized image in a UIImageView on your app\u2019s UI, delivering the best version for the user\u2019s device.<\/li>\n<\/ul>\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-keyword\">import<\/span> Cloudinary\n\n<span class=\"hljs-keyword\">let<\/span> cloudinary = CLDCloudinary(configuration: config)\n<span class=\"hljs-keyword\">let<\/span> transformation = CLDTransformation().setFetchFormat(<span class=\"hljs-string\">\"avif\"<\/span>)\n<span class=\"hljs-keyword\">let<\/span> params = CLDResponsiveParams.autoFill()\n\nphotoImageView.cldSetImage(publicId: <span class=\"hljs-string\">\"sample\"<\/span>, \n    <span class=\"hljs-attr\">cloudinary<\/span>: cld, <span class=\"hljs-attr\">resourceType<\/span>: .image, \n    <span class=\"hljs-attr\">responsiveParams<\/span>: params, <span class=\"hljs-attr\">transformation<\/span>: transformation)<\/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<ul class=\"wp-block-list\">\n<li><code>setFetchFormat(\"avif\")<\/code>. Converts the image to AVIF format.<\/li>\n\n\n\n<li><code>CLDResponsiveParams.fit()<\/code>. This method ensures the image fits within the given dimensions, preserving its aspect ratio. Unlike <code>autoFill<\/code>, which might crop the image to fill the space, scale the image to fit within the container, potentially leaving some empty space.<\/li>\n\n\n\n<li><code>photoImageView.cldSetImage(...)<\/code>. Displays the optimized image in the UIImageView, ensuring it fits perfectly within the space available on the user&#8217;s device.<\/li>\n<\/ul>\n\n\n\n<p>This approach is useful when you want to maintain the image\u2019s full view without cropping while still optimizing it for different screen sizes.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Advanced Implementation With Custom Parameters<\/h4>\n\n\n<pre class=\"wp-block-code\" aria-describedby=\"shcb-language-3\" data-shcb-language-name=\"JavaScript\" data-shcb-language-slug=\"javascript\"><span><code class=\"hljs language-javascript shcb-wrap-lines\"><span class=\"hljs-keyword\">let<\/span> transformation = CLDTransformation().responsiveWidth(<span class=\"hljs-literal\">true<\/span>).maxWidth(<span class=\"hljs-number\">2000<\/span>).maxImages(<span class=\"hljs-number\">3<\/span>)\nphotoImageView.cldSetImage(publicId: <span class=\"hljs-string\">\"sample\"<\/span>, \n    <span class=\"hljs-attr\">cloudinary<\/span>: cld, <span class=\"hljs-attr\">resourceType<\/span>: .image, \n    <span class=\"hljs-attr\">responsiveParams<\/span>: CLDResponsiveParams.autoFill(), \n    <span class=\"hljs-attr\">transformation<\/span>: transformation)<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-3\"><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<ul class=\"wp-block-list\">\n<li><code>responsiveWidth(true)<\/code>. Enables responsive width adjustments based on device needs.<\/li>\n\n\n\n<li><code>maxWidth(2000)<\/code>. Limits the maximum width of the image, ensuring it&#8217;s not larger than necessary.<\/li>\n\n\n\n<li><code>maxImages(3)<\/code>. Limits the number of generated image sizes, balancing performance and quality.<\/li>\n<\/ul>\n\n\n\n<p>These examples show how the Cloudinary iOS SDK simplifies the process of delivering the right image to the right device, without requiring extensive manual effort from developers.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusion<\/h2>\n\n\n\n<p>Delivering the right content to the right device is crucial to enhancing the user experience. The responsive breakpoints mechanism in the Cloudinary iOS SDK offers a smart, automated solution to the challenges of responsive image delivery. Optimizing images for different screen sizes and resolutions ensures faster load times, better performance, and a more seamless user experience \u2014 all while reducing developers\u2019 workload.<\/p>\n\n\n\n<p>Whether you\u2019re building a complex mobile application or a simple website, leveraging this feature can make a significant difference in how users interact with your content. With Cloudinary, delivering high-quality, responsive images has never been easier. <a href=\"https:\/\/cloudinary.com\/\">Contact us today<\/a>.<\/p>\n\n\n\n<p>You can find the Cloudinary iOS SDK <a href=\"https:\/\/github.com\/cloudinary\/cloudinary_ios\">here<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Today, users access content on multiple platforms and devices \u2014 each with different screen sizes and resolutions. This diversity presents a challenge: How can developers ensure that images look great on every device without compromising performance? Check out the responsive breakpoints mechanism in the Cloudinary iOS SDK, a powerful tool that automatically optimizes images for [&hellip;]<\/p>\n","protected":false},"author":87,"featured_media":35493,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_cloudinary_featured_overwrite":false,"footnotes":""},"categories":[1],"tags":[174,227,263],"class_list":["post-35356","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","tag-ios","tag-performance-optimization","tag-sdk"],"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>Image Optimization Using Cloudinary iOS SDK<\/title>\n<meta name=\"description\" content=\"Read how the responsive breakpoints mechanism in Cloudinary\u2019s iOS SDK can help you automatically optimize images, enhancing site performance.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/medium.com\/@adi.mizrahi\/mastering-image-view-size-optimization-e72088c64bb0\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Mastering Image View Size Optimization\" \/>\n<meta property=\"og:description\" content=\"Read how the responsive breakpoints mechanism in Cloudinary\u2019s iOS SDK can help you automatically optimize images, enhancing site performance.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/medium.com\/@adi.mizrahi\/mastering-image-view-size-optimization-e72088c64bb0\" \/>\n<meta property=\"og:site_name\" content=\"Cloudinary Blog\" \/>\n<meta property=\"article:published_time\" content=\"2024-08-30T14:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-09-04T14:19:39+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/v1724278930\/ios_image_optimization-blog\/ios_image_optimization-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:\/\/medium.com\/@adi.mizrahi\/mastering-image-view-size-optimization-e72088c64bb0#article\",\"isPartOf\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/mastering-image-view-size-optimization\"},\"author\":{\"name\":\"melindapham\",\"@id\":\"https:\/\/cloudinary.com\/blog\/#\/schema\/person\/0d5ad601e4c3b5be89245dfb14be42d9\"},\"headline\":\"Mastering Image View Size Optimization\",\"datePublished\":\"2024-08-30T14:00:00+00:00\",\"dateModified\":\"2024-09-04T14:19:39+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/mastering-image-view-size-optimization\"},\"wordCount\":685,\"publisher\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/medium.com\/@adi.mizrahi\/mastering-image-view-size-optimization-e72088c64bb0#primaryimage\"},\"thumbnailUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1724278930\/ios_image_optimization-blog\/ios_image_optimization-blog.jpg?_i=AA\",\"keywords\":[\"iOS\",\"Performance Optimization\",\"SDK\"],\"inLanguage\":\"en-US\",\"copyrightYear\":\"2024\",\"copyrightHolder\":{\"@id\":\"https:\/\/cloudinary.com\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/cloudinary.com\/blog\/mastering-image-view-size-optimization\",\"url\":\"https:\/\/medium.com\/@adi.mizrahi\/mastering-image-view-size-optimization-e72088c64bb0\",\"name\":\"Image Optimization Using Cloudinary iOS SDK\",\"isPartOf\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/medium.com\/@adi.mizrahi\/mastering-image-view-size-optimization-e72088c64bb0#primaryimage\"},\"image\":{\"@id\":\"https:\/\/medium.com\/@adi.mizrahi\/mastering-image-view-size-optimization-e72088c64bb0#primaryimage\"},\"thumbnailUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1724278930\/ios_image_optimization-blog\/ios_image_optimization-blog.jpg?_i=AA\",\"datePublished\":\"2024-08-30T14:00:00+00:00\",\"dateModified\":\"2024-09-04T14:19:39+00:00\",\"description\":\"Read how the responsive breakpoints mechanism in Cloudinary\u2019s iOS SDK can help you automatically optimize images, enhancing site performance.\",\"breadcrumb\":{\"@id\":\"https:\/\/medium.com\/@adi.mizrahi\/mastering-image-view-size-optimization-e72088c64bb0#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/medium.com\/@adi.mizrahi\/mastering-image-view-size-optimization-e72088c64bb0\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/medium.com\/@adi.mizrahi\/mastering-image-view-size-optimization-e72088c64bb0#primaryimage\",\"url\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1724278930\/ios_image_optimization-blog\/ios_image_optimization-blog.jpg?_i=AA\",\"contentUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1724278930\/ios_image_optimization-blog\/ios_image_optimization-blog.jpg?_i=AA\",\"width\":2000,\"height\":1100},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/medium.com\/@adi.mizrahi\/mastering-image-view-size-optimization-e72088c64bb0#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/cloudinary.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Mastering Image View Size Optimization\"}]},{\"@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":"Image Optimization Using Cloudinary iOS SDK","description":"Read how the responsive breakpoints mechanism in Cloudinary\u2019s iOS SDK can help you automatically optimize images, enhancing site performance.","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:\/\/medium.com\/@adi.mizrahi\/mastering-image-view-size-optimization-e72088c64bb0","og_locale":"en_US","og_type":"article","og_title":"Mastering Image View Size Optimization","og_description":"Read how the responsive breakpoints mechanism in Cloudinary\u2019s iOS SDK can help you automatically optimize images, enhancing site performance.","og_url":"https:\/\/medium.com\/@adi.mizrahi\/mastering-image-view-size-optimization-e72088c64bb0","og_site_name":"Cloudinary Blog","article_published_time":"2024-08-30T14:00:00+00:00","article_modified_time":"2024-09-04T14:19:39+00:00","og_image":[{"width":2000,"height":1100,"url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/v1724278930\/ios_image_optimization-blog\/ios_image_optimization-blog-jpg?_i=AA","type":"image\/jpeg"}],"author":"melindapham","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"NewsArticle","@id":"https:\/\/medium.com\/@adi.mizrahi\/mastering-image-view-size-optimization-e72088c64bb0#article","isPartOf":{"@id":"https:\/\/cloudinary.com\/blog\/mastering-image-view-size-optimization"},"author":{"name":"melindapham","@id":"https:\/\/cloudinary.com\/blog\/#\/schema\/person\/0d5ad601e4c3b5be89245dfb14be42d9"},"headline":"Mastering Image View Size Optimization","datePublished":"2024-08-30T14:00:00+00:00","dateModified":"2024-09-04T14:19:39+00:00","mainEntityOfPage":{"@id":"https:\/\/cloudinary.com\/blog\/mastering-image-view-size-optimization"},"wordCount":685,"publisher":{"@id":"https:\/\/cloudinary.com\/blog\/#organization"},"image":{"@id":"https:\/\/medium.com\/@adi.mizrahi\/mastering-image-view-size-optimization-e72088c64bb0#primaryimage"},"thumbnailUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1724278930\/ios_image_optimization-blog\/ios_image_optimization-blog.jpg?_i=AA","keywords":["iOS","Performance Optimization","SDK"],"inLanguage":"en-US","copyrightYear":"2024","copyrightHolder":{"@id":"https:\/\/cloudinary.com\/#organization"}},{"@type":"WebPage","@id":"https:\/\/cloudinary.com\/blog\/mastering-image-view-size-optimization","url":"https:\/\/medium.com\/@adi.mizrahi\/mastering-image-view-size-optimization-e72088c64bb0","name":"Image Optimization Using Cloudinary iOS SDK","isPartOf":{"@id":"https:\/\/cloudinary.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/medium.com\/@adi.mizrahi\/mastering-image-view-size-optimization-e72088c64bb0#primaryimage"},"image":{"@id":"https:\/\/medium.com\/@adi.mizrahi\/mastering-image-view-size-optimization-e72088c64bb0#primaryimage"},"thumbnailUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1724278930\/ios_image_optimization-blog\/ios_image_optimization-blog.jpg?_i=AA","datePublished":"2024-08-30T14:00:00+00:00","dateModified":"2024-09-04T14:19:39+00:00","description":"Read how the responsive breakpoints mechanism in Cloudinary\u2019s iOS SDK can help you automatically optimize images, enhancing site performance.","breadcrumb":{"@id":"https:\/\/medium.com\/@adi.mizrahi\/mastering-image-view-size-optimization-e72088c64bb0#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/medium.com\/@adi.mizrahi\/mastering-image-view-size-optimization-e72088c64bb0"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/medium.com\/@adi.mizrahi\/mastering-image-view-size-optimization-e72088c64bb0#primaryimage","url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1724278930\/ios_image_optimization-blog\/ios_image_optimization-blog.jpg?_i=AA","contentUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1724278930\/ios_image_optimization-blog\/ios_image_optimization-blog.jpg?_i=AA","width":2000,"height":1100},{"@type":"BreadcrumbList","@id":"https:\/\/medium.com\/@adi.mizrahi\/mastering-image-view-size-optimization-e72088c64bb0#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/cloudinary.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Mastering Image View Size Optimization"}]},{"@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\/v1724278930\/ios_image_optimization-blog\/ios_image_optimization-blog.jpg?_i=AA","_links":{"self":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts\/35356","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=35356"}],"version-history":[{"count":2,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts\/35356\/revisions"}],"predecessor-version":[{"id":35494,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts\/35356\/revisions\/35494"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/media\/35493"}],"wp:attachment":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/media?parent=35356"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/categories?post=35356"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/tags?post=35356"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}