{"id":21800,"date":"2019-01-02T18:38:42","date_gmt":"2019-01-02T18:38:42","guid":{"rendered":"http:\/\/two_paths_to_image_optimization_which_would_you_choose"},"modified":"2019-01-02T18:38:42","modified_gmt":"2019-01-02T18:38:42","slug":"two_paths_to_image_optimization_which_would_you_choose","status":"publish","type":"post","link":"https:\/\/cloudinary.com\/blog\/two_paths_to_image_optimization_which_would_you_choose","title":{"rendered":"Two Paths to Image Optimization: Which Would You Choose?"},"content":{"rendered":"<p style=\"line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;\" dir=\"ltr\">\n<p style=\"line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;\" dir=\"ltr\"><span style=\"font-size: 11pt; font-family: Arial; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;\"><br \/><\/span><\/p>\n<p style=\"line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;\" dir=\"ltr\"><span style=\"font-size: 11pt; font-family: Arial; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;\">When you visit a website<\/span><span style=\"font-size: 11pt; font-family: Arial; color: #000000; background-color: transparent; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;\">&mdash;<\/span><span style=\"font-size: 11pt; font-family: Arial; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;\">whether from your laptop, phone, or tablet<\/span><span style=\"font-size: 11pt; font-family: Arial; color: #000000; background-color: transparent; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;\">&mdash;<\/span><span style=\"font-size: 11pt; font-family: Arial; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;\">you expect the pages to load fast and all the images to look great. However, ensuring that websites live up to visitor expectations can be more complicated than it might seem.<\/span><\/p>\n<p style=\"line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;\" dir=\"ltr\">&nbsp;<\/p>\n<p style=\"line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;\" dir=\"ltr\"><span style=\"font-size: 11pt; font-family: Arial; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;\">Considering that almost <\/span><a style=\"text-decoration: none;\" href=\"https:\/\/cloudinary.com\/blog\/are_you_guilty_of_making_these_mistakes_when_handling_images_on_your_website\" target=\"_blank\"><span style=\"font-size: 11pt; font-family: Arial; color: #1155cc; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: underline; -webkit-text-decoration-skip: none; text-decoration-skip-ink: none; vertical-align: baseline; white-space: pre-wrap;\">two-thirds<\/span><\/a><span style=\"font-size: 11pt; font-family: Arial; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;\"> of the average web page contains images, finding a way to reduce their size but also preserve their quality is key to the site&rsquo;s performance and load speed. To achieve that balance, developers are often saddled with the time-consuming task of transforming appealing, high-resolution images to a format that is web-ready and highly performant. <\/span><\/p>\n<p style=\"line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;\" dir=\"ltr\"><span id=\"docs-internal-guid-4bd48356-7fff-cad6-9829-0caa85a6c7bc\"><br \/><\/span><\/p>\n<p style=\"line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;\" dir=\"ltr\"><span style=\"font-size: 11pt; font-family: Arial; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;\">Check out the following infographic and&nbsp;learn why image optimization matters, what it entails, and compare the two paths to optimized images.<\/span><\/p>\n<p style=\"line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;\" dir=\"ltr\"><span style=\"font-size: 11pt; font-family: Arial; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;\"><br \/><\/span><\/p>\n<p style=\"line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;\" dir=\"ltr\"><a title=\"Two Ways to Create Optimized Images Infographic\" href=\"https:\/\/cloudinary-res.cloudinary.com\/image\/upload\/Marketing\/Content\/Infographics\/Two_Ways_to_Create_Optimized_Images_Infographic.pdf\" target=\"_blank\"><span style=\"font-size: 11pt; font-family: Arial; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;\"><img decoding=\"async\" style=\"vertical-align: bottom;\" src=\"https:\/\/cloudinary-res.cloudinary.com\/image\/upload\/w_700,c_fill,f_auto,q_auto,dpr_2.0\/Marketing\/Content\/Infographics\/Two_Ways_to_Create_Optimized_Images_Infographic.jpg\" alt=\"Two paths to image optimization\" width=\"700\" \/><\/span><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>When you visit a website&mdash;whether from your laptop, phone, or tablet&mdash;you expect the pages to load fast and all the images to look great. However, ensuring that websites live up to visitor expectations can be more complicated than it might seem. &nbsp; Considering that almost two-thirds of the average web page contains images, finding a [&hellip;]<\/p>\n","protected":false},"author":41,"featured_media":21801,"comment_status":"","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_cloudinary_featured_overwrite":false,"footnotes":""},"categories":[1],"tags":[25,165,227],"class_list":["post-21800","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","tag-asset-management","tag-image-transformation","tag-performance-optimization"],"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>Two Paths to Image Optimization: Which Would You Choose?<\/title>\n<meta name=\"description\" content=\"Check out the following infographic and learn why image optimization matters, what it entails, and compare the two paths to optimized images.\" \/>\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\/two_paths_to_image_optimization_which_would_you_choose\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Two Paths to Image Optimization: Which Would You Choose?\" \/>\n<meta property=\"og:description\" content=\"Check out the following infographic and learn why image optimization matters, what it entails, and compare the two paths to optimized images.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cloudinary.com\/blog\/two_paths_to_image_optimization_which_would_you_choose\" \/>\n<meta property=\"og:site_name\" content=\"Cloudinary Blog\" \/>\n<meta property=\"article:published_time\" content=\"2019-01-02T18:38:42+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/cloudinary.com\/blog\/wp-content\/uploads\/sites\/12\/2022\/02\/2ways_infographic.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1540\" \/>\n\t<meta property=\"og:image:height\" content=\"712\" \/>\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\/two_paths_to_image_optimization_which_would_you_choose#article\",\"isPartOf\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/two_paths_to_image_optimization_which_would_you_choose\"},\"author\":{\"name\":\"\",\"@id\":\"\"},\"headline\":\"Two Paths to Image Optimization: Which Would You Choose?\",\"datePublished\":\"2019-01-02T18:38:42+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/two_paths_to_image_optimization_which_would_you_choose\"},\"wordCount\":138,\"publisher\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/two_paths_to_image_optimization_which_would_you_choose#primaryimage\"},\"thumbnailUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649721540\/Web_Assets\/blog\/2ways_infographic\/2ways_infographic.jpg?_i=AA\",\"keywords\":[\"Asset Management\",\"Image Transformation\",\"Performance Optimization\"],\"inLanguage\":\"en-US\",\"copyrightYear\":\"2019\",\"copyrightHolder\":{\"@id\":\"https:\/\/cloudinary.com\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/cloudinary.com\/blog\/two_paths_to_image_optimization_which_would_you_choose\",\"url\":\"https:\/\/cloudinary.com\/blog\/two_paths_to_image_optimization_which_would_you_choose\",\"name\":\"Two Paths to Image Optimization: Which Would You Choose?\",\"isPartOf\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/two_paths_to_image_optimization_which_would_you_choose#primaryimage\"},\"image\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/two_paths_to_image_optimization_which_would_you_choose#primaryimage\"},\"thumbnailUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649721540\/Web_Assets\/blog\/2ways_infographic\/2ways_infographic.jpg?_i=AA\",\"datePublished\":\"2019-01-02T18:38:42+00:00\",\"description\":\"Check out the following infographic and learn why image optimization matters, what it entails, and compare the two paths to optimized images.\",\"breadcrumb\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/two_paths_to_image_optimization_which_would_you_choose#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cloudinary.com\/blog\/two_paths_to_image_optimization_which_would_you_choose\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/cloudinary.com\/blog\/two_paths_to_image_optimization_which_would_you_choose#primaryimage\",\"url\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649721540\/Web_Assets\/blog\/2ways_infographic\/2ways_infographic.jpg?_i=AA\",\"contentUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649721540\/Web_Assets\/blog\/2ways_infographic\/2ways_infographic.jpg?_i=AA\",\"width\":1540,\"height\":712},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/cloudinary.com\/blog\/two_paths_to_image_optimization_which_would_you_choose#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/cloudinary.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Two Paths to Image Optimization: Which Would You Choose?\"}]},{\"@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":"Two Paths to Image Optimization: Which Would You Choose?","description":"Check out the following infographic and learn why image optimization matters, what it entails, and compare the two paths to optimized images.","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\/two_paths_to_image_optimization_which_would_you_choose","og_locale":"en_US","og_type":"article","og_title":"Two Paths to Image Optimization: Which Would You Choose?","og_description":"Check out the following infographic and learn why image optimization matters, what it entails, and compare the two paths to optimized images.","og_url":"https:\/\/cloudinary.com\/blog\/two_paths_to_image_optimization_which_would_you_choose","og_site_name":"Cloudinary Blog","article_published_time":"2019-01-02T18:38:42+00:00","og_image":[{"width":1540,"height":712,"url":"http:\/\/cloudinary.com\/blog\/wp-content\/uploads\/sites\/12\/2022\/02\/2ways_infographic.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"NewsArticle","@id":"https:\/\/cloudinary.com\/blog\/two_paths_to_image_optimization_which_would_you_choose#article","isPartOf":{"@id":"https:\/\/cloudinary.com\/blog\/two_paths_to_image_optimization_which_would_you_choose"},"author":{"name":"","@id":""},"headline":"Two Paths to Image Optimization: Which Would You Choose?","datePublished":"2019-01-02T18:38:42+00:00","mainEntityOfPage":{"@id":"https:\/\/cloudinary.com\/blog\/two_paths_to_image_optimization_which_would_you_choose"},"wordCount":138,"publisher":{"@id":"https:\/\/cloudinary.com\/blog\/#organization"},"image":{"@id":"https:\/\/cloudinary.com\/blog\/two_paths_to_image_optimization_which_would_you_choose#primaryimage"},"thumbnailUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649721540\/Web_Assets\/blog\/2ways_infographic\/2ways_infographic.jpg?_i=AA","keywords":["Asset Management","Image Transformation","Performance Optimization"],"inLanguage":"en-US","copyrightYear":"2019","copyrightHolder":{"@id":"https:\/\/cloudinary.com\/#organization"}},{"@type":"WebPage","@id":"https:\/\/cloudinary.com\/blog\/two_paths_to_image_optimization_which_would_you_choose","url":"https:\/\/cloudinary.com\/blog\/two_paths_to_image_optimization_which_would_you_choose","name":"Two Paths to Image Optimization: Which Would You Choose?","isPartOf":{"@id":"https:\/\/cloudinary.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/cloudinary.com\/blog\/two_paths_to_image_optimization_which_would_you_choose#primaryimage"},"image":{"@id":"https:\/\/cloudinary.com\/blog\/two_paths_to_image_optimization_which_would_you_choose#primaryimage"},"thumbnailUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649721540\/Web_Assets\/blog\/2ways_infographic\/2ways_infographic.jpg?_i=AA","datePublished":"2019-01-02T18:38:42+00:00","description":"Check out the following infographic and learn why image optimization matters, what it entails, and compare the two paths to optimized images.","breadcrumb":{"@id":"https:\/\/cloudinary.com\/blog\/two_paths_to_image_optimization_which_would_you_choose#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cloudinary.com\/blog\/two_paths_to_image_optimization_which_would_you_choose"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cloudinary.com\/blog\/two_paths_to_image_optimization_which_would_you_choose#primaryimage","url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649721540\/Web_Assets\/blog\/2ways_infographic\/2ways_infographic.jpg?_i=AA","contentUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649721540\/Web_Assets\/blog\/2ways_infographic\/2ways_infographic.jpg?_i=AA","width":1540,"height":712},{"@type":"BreadcrumbList","@id":"https:\/\/cloudinary.com\/blog\/two_paths_to_image_optimization_which_would_you_choose#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/cloudinary.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Two Paths to Image Optimization: Which Would You Choose?"}]},{"@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\/v1649721540\/Web_Assets\/blog\/2ways_infographic\/2ways_infographic.jpg?_i=AA","_links":{"self":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts\/21800","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=21800"}],"version-history":[{"count":0,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts\/21800\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/media\/21801"}],"wp:attachment":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/media?parent=21800"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/categories?post=21800"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/tags?post=21800"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}