{"id":1182,"date":"2013-09-07T12:11:39","date_gmt":"2013-09-07T12:11:39","guid":{"rendered":"http:\/\/joapen.com\/blog\/?p=1182"},"modified":"2013-09-07T12:41:51","modified_gmt":"2013-09-07T12:41:51","slug":"from-image-to-data-uri","status":"publish","type":"post","link":"https:\/\/joapen.com\/blog\/2013\/09\/07\/from-image-to-data-uri\/","title":{"rendered":"From image to Data URI"},"content":{"rendered":"<p>I&#8217;m customizing the Prestashop template and I was stuck with some images that they were not available for being changed.<\/p>\n<p>Then I found that some of the images are represented using data URI scheme.<\/p>\n<p>Inline images use the data URI scheme to embed images directly within web pages. As defined by RFC 2397, data URIs are designed to embed small data items as &#8220;immediate&#8221; data, as if they were referenced externally. Using inline images saves HTTP requests over externally referenced objects.<\/p>\n<p>Then, I found this webpage <a href=\"http:\/\/websemantics.co.uk\/online_tools\/image_to_data_uri_convertor\/\">webSemantics <\/a>which offers the way to generate the data URI.<\/p>\n<p>I also learned how they are cached, so you have to clean the cache from your hosting to show the changes.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>I&#8217;m customizing the Prestashop template and I was stuck with some images that they were not available for being changed. Then I found that some of the images are represented using data URI scheme. Inline images use the data URI scheme to embed images directly within web pages. As defined by RFC 2397, data URIs &#8230; <a title=\"From image to Data URI\" class=\"read-more\" href=\"https:\/\/joapen.com\/blog\/2013\/09\/07\/from-image-to-data-uri\/\" aria-label=\"Read more about From image to Data URI\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[38,51],"tags":[],"class_list":["post-1182","post","type-post","status-publish","format-standard","hentry","category-learning","category-prestashop"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>From image to Data URI -<\/title>\n<meta name=\"description\" content=\"I&#039;m customizing the Prestashop template and I was stuck with some images that they were not available for being changed. Then I found that some of the - joapen projects\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/joapen.com\/blog\/2013\/09\/07\/from-image-to-data-uri\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"From image to Data URI -\" \/>\n<meta property=\"og:description\" content=\"I&#039;m customizing the Prestashop template and I was stuck with some images that they were not available for being changed. Then I found that some of the - joapen projects\" \/>\n<meta property=\"og:url\" content=\"https:\/\/joapen.com\/blog\/2013\/09\/07\/from-image-to-data-uri\/\" \/>\n<meta property=\"og:site_name\" content=\"joapen projects\" \/>\n<meta property=\"article:published_time\" content=\"2013-09-07T12:11:39+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2013-09-07T12:41:51+00:00\" \/>\n<meta name=\"author\" content=\"joapen\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"joapen\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/joapen.com\\\/blog\\\/2013\\\/09\\\/07\\\/from-image-to-data-uri\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/joapen.com\\\/blog\\\/2013\\\/09\\\/07\\\/from-image-to-data-uri\\\/\"},\"author\":{\"name\":\"joapen\",\"@id\":\"https:\\\/\\\/joapen.com\\\/blog\\\/#\\\/schema\\\/person\\\/23919df2312175fe9c4609203595b217\"},\"headline\":\"From image to Data URI\",\"datePublished\":\"2013-09-07T12:11:39+00:00\",\"dateModified\":\"2013-09-07T12:41:51+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/joapen.com\\\/blog\\\/2013\\\/09\\\/07\\\/from-image-to-data-uri\\\/\"},\"wordCount\":122,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/joapen.com\\\/blog\\\/#\\\/schema\\\/person\\\/23919df2312175fe9c4609203595b217\"},\"articleSection\":[\"Learning\",\"Prestashop\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/joapen.com\\\/blog\\\/2013\\\/09\\\/07\\\/from-image-to-data-uri\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/joapen.com\\\/blog\\\/2013\\\/09\\\/07\\\/from-image-to-data-uri\\\/\",\"url\":\"https:\\\/\\\/joapen.com\\\/blog\\\/2013\\\/09\\\/07\\\/from-image-to-data-uri\\\/\",\"name\":\"From image to Data URI -\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/joapen.com\\\/blog\\\/#website\"},\"datePublished\":\"2013-09-07T12:11:39+00:00\",\"dateModified\":\"2013-09-07T12:41:51+00:00\",\"description\":\"I'm customizing the Prestashop template and I was stuck with some images that they were not available for being changed. Then I found that some of the - joapen projects\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/joapen.com\\\/blog\\\/2013\\\/09\\\/07\\\/from-image-to-data-uri\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/joapen.com\\\/blog\\\/2013\\\/09\\\/07\\\/from-image-to-data-uri\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/joapen.com\\\/blog\\\/2013\\\/09\\\/07\\\/from-image-to-data-uri\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/joapen.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"From image to Data URI\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/joapen.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/joapen.com\\\/blog\\\/\",\"name\":\"joapen projects\",\"description\":\"Just a place to write\",\"publisher\":{\"@id\":\"https:\\\/\\\/joapen.com\\\/blog\\\/#\\\/schema\\\/person\\\/23919df2312175fe9c4609203595b217\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/joapen.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/joapen.com\\\/blog\\\/#\\\/schema\\\/person\\\/23919df2312175fe9c4609203595b217\",\"name\":\"joapen\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/joapen.com\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/04\\\/joapen-mini.jpeg\",\"url\":\"https:\\\/\\\/joapen.com\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/04\\\/joapen-mini.jpeg\",\"contentUrl\":\"https:\\\/\\\/joapen.com\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/04\\\/joapen-mini.jpeg\",\"width\":400,\"height\":400,\"caption\":\"joapen\"},\"logo\":{\"@id\":\"https:\\\/\\\/joapen.com\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/04\\\/joapen-mini.jpeg\"},\"sameAs\":[\"http:\\\/\\\/www.joapen.com\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"From image to Data URI -","description":"I'm customizing the Prestashop template and I was stuck with some images that they were not available for being changed. Then I found that some of the - joapen projects","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:\/\/joapen.com\/blog\/2013\/09\/07\/from-image-to-data-uri\/","og_locale":"en_US","og_type":"article","og_title":"From image to Data URI -","og_description":"I'm customizing the Prestashop template and I was stuck with some images that they were not available for being changed. Then I found that some of the - joapen projects","og_url":"https:\/\/joapen.com\/blog\/2013\/09\/07\/from-image-to-data-uri\/","og_site_name":"joapen projects","article_published_time":"2013-09-07T12:11:39+00:00","article_modified_time":"2013-09-07T12:41:51+00:00","author":"joapen","twitter_misc":{"Written by":"joapen","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/joapen.com\/blog\/2013\/09\/07\/from-image-to-data-uri\/#article","isPartOf":{"@id":"https:\/\/joapen.com\/blog\/2013\/09\/07\/from-image-to-data-uri\/"},"author":{"name":"joapen","@id":"https:\/\/joapen.com\/blog\/#\/schema\/person\/23919df2312175fe9c4609203595b217"},"headline":"From image to Data URI","datePublished":"2013-09-07T12:11:39+00:00","dateModified":"2013-09-07T12:41:51+00:00","mainEntityOfPage":{"@id":"https:\/\/joapen.com\/blog\/2013\/09\/07\/from-image-to-data-uri\/"},"wordCount":122,"commentCount":0,"publisher":{"@id":"https:\/\/joapen.com\/blog\/#\/schema\/person\/23919df2312175fe9c4609203595b217"},"articleSection":["Learning","Prestashop"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/joapen.com\/blog\/2013\/09\/07\/from-image-to-data-uri\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/joapen.com\/blog\/2013\/09\/07\/from-image-to-data-uri\/","url":"https:\/\/joapen.com\/blog\/2013\/09\/07\/from-image-to-data-uri\/","name":"From image to Data URI -","isPartOf":{"@id":"https:\/\/joapen.com\/blog\/#website"},"datePublished":"2013-09-07T12:11:39+00:00","dateModified":"2013-09-07T12:41:51+00:00","description":"I'm customizing the Prestashop template and I was stuck with some images that they were not available for being changed. Then I found that some of the - joapen projects","breadcrumb":{"@id":"https:\/\/joapen.com\/blog\/2013\/09\/07\/from-image-to-data-uri\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/joapen.com\/blog\/2013\/09\/07\/from-image-to-data-uri\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/joapen.com\/blog\/2013\/09\/07\/from-image-to-data-uri\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/joapen.com\/blog\/"},{"@type":"ListItem","position":2,"name":"From image to Data URI"}]},{"@type":"WebSite","@id":"https:\/\/joapen.com\/blog\/#website","url":"https:\/\/joapen.com\/blog\/","name":"joapen projects","description":"Just a place to write","publisher":{"@id":"https:\/\/joapen.com\/blog\/#\/schema\/person\/23919df2312175fe9c4609203595b217"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/joapen.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/joapen.com\/blog\/#\/schema\/person\/23919df2312175fe9c4609203595b217","name":"joapen","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/joapen.com\/blog\/wp-content\/uploads\/2021\/04\/joapen-mini.jpeg","url":"https:\/\/joapen.com\/blog\/wp-content\/uploads\/2021\/04\/joapen-mini.jpeg","contentUrl":"https:\/\/joapen.com\/blog\/wp-content\/uploads\/2021\/04\/joapen-mini.jpeg","width":400,"height":400,"caption":"joapen"},"logo":{"@id":"https:\/\/joapen.com\/blog\/wp-content\/uploads\/2021\/04\/joapen-mini.jpeg"},"sameAs":["http:\/\/www.joapen.com"]}]}},"_links":{"self":[{"href":"https:\/\/joapen.com\/blog\/wp-json\/wp\/v2\/posts\/1182","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/joapen.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/joapen.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/joapen.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/joapen.com\/blog\/wp-json\/wp\/v2\/comments?post=1182"}],"version-history":[{"count":2,"href":"https:\/\/joapen.com\/blog\/wp-json\/wp\/v2\/posts\/1182\/revisions"}],"predecessor-version":[{"id":1184,"href":"https:\/\/joapen.com\/blog\/wp-json\/wp\/v2\/posts\/1182\/revisions\/1184"}],"wp:attachment":[{"href":"https:\/\/joapen.com\/blog\/wp-json\/wp\/v2\/media?parent=1182"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/joapen.com\/blog\/wp-json\/wp\/v2\/categories?post=1182"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/joapen.com\/blog\/wp-json\/wp\/v2\/tags?post=1182"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}