{"id":907,"date":"2021-07-05T04:40:20","date_gmt":"2021-07-05T04:40:20","guid":{"rendered":"https:\/\/www.techgrapple.com\/online-tools\/?p=907"},"modified":"2024-12-16T04:21:34","modified_gmt":"2024-12-16T04:21:34","slug":"image-to-data-uri-converter","status":"publish","type":"post","link":"https:\/\/www.techgrapple.com\/online-tools\/image-to-data-uri-converter\/","title":{"rendered":"Image to Data URI Converter"},"content":{"rendered":"<div class='code-block code-block-1' style='margin: 8px auto; text-align: center; display: block; clear: both;'>\n<script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script>\n<!-- CMG Responsive -->\n<ins class=\"adsbygoogle\"\n     style=\"display:block\"\n     data-ad-client=\"ca-pub-5237527339083059\"\n     data-ad-slot=\"7121361926\"\n     data-ad-format=\"auto\"\n     data-full-width-responsive=\"true\"><\/ins>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script><\/div>\n\n\n\n\n<center><div class=\"tgtfs\" style=\"background-color:#1F171E;height:42px;position:relative;\"><span onclick=\"activateFullscreen(document.querySelector('.tgtools'));\" style=\"color:#ffffff;font-weight:bold;position:absolute;margin:8px 0px 0px 20px; font-size:25px; cursor: pointer;\">View in Fullscreen Mode<\/span><img decoding=\"async\" onclick=\"activateFullscreen(document.querySelector('.tgtools'));\" style=\"right:5px; position:absolute; padding:4px 2px 2px 2px; cursor: pointer;\" src=\"https:\/\/www.techgrapple.com\/online-tools\/wp-content\/uploads\/2022\/12\/fullscreen.png\" width=\"35px\" height=\"35px\"><\/div> <iframe class=\"tgtools\" allow=\"fullscreen\" src=\"https:\/\/www.techgrapple.com\/online-tools\/tools\/2021\/image-to-data-uri\/\" width=\"100%\" height=\"600px\" scrolling=\"no\"><\/iframe><\/center>\n\n\n\n<div class='code-block code-block-1' style='margin: 8px auto; text-align: center; display: block; clear: both;'>\n<script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script>\n<!-- CMG Responsive -->\n<ins class=\"adsbygoogle\"\n     style=\"display:block\"\n     data-ad-client=\"ca-pub-5237527339083059\"\n     data-ad-slot=\"7121361926\"\n     data-ad-format=\"auto\"\n     data-full-width-responsive=\"true\"><\/ins>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script><\/div>\n\n\n\n\n<h3 class=\"wp-block-heading\">How to Use this Data URI Converter Tool?<\/h3>\n\n\n\n<p>You can either upload the image from your computer or paste any image URL and hit Enter key. The Data URI will now appear below. You can click on Copy button to copy Data URI.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">How to use Using Data URI in HTML or CSS<\/h3>\n\n\n\n<p>It works as an image source. For example, &lt;img src=&#8221;paste data URI here&#8221; alt=&#8221;image&#8221;&gt;. You can utilize the same way in CSS. Just paste the data URI where you put the image URL.<\/p>\n\n<!--themify_builder_content-->\n<div id=\"themify_builder_content-907\" data-postid=\"907\" class=\"themify_builder_content themify_builder_content-907 themify_builder tf_clear\">\n    <\/div>\n<!--\/themify_builder_content-->","protected":false},"excerpt":{"rendered":"<p>View in Fullscreen Mode How to Use this Data URI Converter Tool? You can either upload the image from your computer or paste any image URL and hit Enter key. The Data URI will now appear below. You can click on Copy button to copy Data URI. How to use Using Data URI in HTML [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":909,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[16,18],"tags":[],"class_list":["post-907","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-free-photos-and-images-converter","category-web-developer-and-seo-tools","has-post-title","has-post-date","has-post-category","has-post-tag","has-post-comment","has-post-author",""],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Image to Data URI Converter Online (Upload or Paste Image URL)<\/title>\n<meta name=\"description\" content=\"Convert any Image (JPG, JPEG, PNG, and GIF) to Data URI. Learn how to use Data URI in HTML and CSS as image source.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.techgrapple.com\/online-tools\/image-to-data-uri-converter\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Image to Data URI Converter Online (Upload or Paste Image URL)\" \/>\n<meta property=\"og:description\" content=\"Convert any Image (JPG, JPEG, PNG, and GIF) to Data URI. Learn how to use Data URI in HTML and CSS as image source.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.techgrapple.com\/online-tools\/image-to-data-uri-converter\/\" \/>\n<meta property=\"og:site_name\" content=\"Online Tools\" \/>\n<meta property=\"article:published_time\" content=\"2021-07-05T04:40:20+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-12-16T04:21:34+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.techgrapple.com\/online-tools\/wp-content\/uploads\/2021\/07\/image-to-data-URI.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"500\" \/>\n\t<meta property=\"og:image:height\" content=\"314\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Zoheb\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Zoheb\" \/>\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:\\\/\\\/www.techgrapple.com\\\/online-tools\\\/image-to-data-uri-converter\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.techgrapple.com\\\/online-tools\\\/image-to-data-uri-converter\\\/\"},\"author\":{\"name\":\"Zoheb\",\"@id\":\"https:\\\/\\\/www.techgrapple.com\\\/online-tools\\\/#\\\/schema\\\/person\\\/272b9cf9eea98fccb340d33773e12635\"},\"headline\":\"Image to Data URI Converter\",\"datePublished\":\"2021-07-05T04:40:20+00:00\",\"dateModified\":\"2024-12-16T04:21:34+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.techgrapple.com\\\/online-tools\\\/image-to-data-uri-converter\\\/\"},\"wordCount\":103,\"image\":{\"@id\":\"https:\\\/\\\/www.techgrapple.com\\\/online-tools\\\/image-to-data-uri-converter\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.techgrapple.com\\\/online-tools\\\/wp-content\\\/uploads\\\/2021\\\/07\\\/image-to-data-URI.jpg\",\"articleSection\":[\"Image Tools\",\"Webmaster and Content Creation Tools\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.techgrapple.com\\\/online-tools\\\/image-to-data-uri-converter\\\/\",\"url\":\"https:\\\/\\\/www.techgrapple.com\\\/online-tools\\\/image-to-data-uri-converter\\\/\",\"name\":\"Image to Data URI Converter Online (Upload or Paste Image URL)\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.techgrapple.com\\\/online-tools\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.techgrapple.com\\\/online-tools\\\/image-to-data-uri-converter\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.techgrapple.com\\\/online-tools\\\/image-to-data-uri-converter\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.techgrapple.com\\\/online-tools\\\/wp-content\\\/uploads\\\/2021\\\/07\\\/image-to-data-URI.jpg\",\"datePublished\":\"2021-07-05T04:40:20+00:00\",\"dateModified\":\"2024-12-16T04:21:34+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.techgrapple.com\\\/online-tools\\\/#\\\/schema\\\/person\\\/272b9cf9eea98fccb340d33773e12635\"},\"description\":\"Convert any Image (JPG, JPEG, PNG, and GIF) to Data URI. Learn how to use Data URI in HTML and CSS as image source.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.techgrapple.com\\\/online-tools\\\/image-to-data-uri-converter\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.techgrapple.com\\\/online-tools\\\/image-to-data-uri-converter\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.techgrapple.com\\\/online-tools\\\/image-to-data-uri-converter\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.techgrapple.com\\\/online-tools\\\/wp-content\\\/uploads\\\/2021\\\/07\\\/image-to-data-URI.jpg\",\"contentUrl\":\"https:\\\/\\\/www.techgrapple.com\\\/online-tools\\\/wp-content\\\/uploads\\\/2021\\\/07\\\/image-to-data-URI.jpg\",\"width\":500,\"height\":314,\"caption\":\"image to data URI\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.techgrapple.com\\\/online-tools\\\/image-to-data-uri-converter\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.techgrapple.com\\\/online-tools\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Image to Data URI Converter\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.techgrapple.com\\\/online-tools\\\/#website\",\"url\":\"https:\\\/\\\/www.techgrapple.com\\\/online-tools\\\/\",\"name\":\"Online Tools\",\"description\":\"Free Web Apps by TechGrapple\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.techgrapple.com\\\/online-tools\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.techgrapple.com\\\/online-tools\\\/#\\\/schema\\\/person\\\/272b9cf9eea98fccb340d33773e12635\",\"name\":\"Zoheb\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/520ca7ba2dc1e8d4ff6fa8f6f6a434c0dc9d5997162e4fd46b60a69c58538bbd?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/520ca7ba2dc1e8d4ff6fa8f6f6a434c0dc9d5997162e4fd46b60a69c58538bbd?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/520ca7ba2dc1e8d4ff6fa8f6f6a434c0dc9d5997162e4fd46b60a69c58538bbd?s=96&d=mm&r=g\",\"caption\":\"Zoheb\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Image to Data URI Converter Online (Upload or Paste Image URL)","description":"Convert any Image (JPG, JPEG, PNG, and GIF) to Data URI. Learn how to use Data URI in HTML and CSS as image source.","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:\/\/www.techgrapple.com\/online-tools\/image-to-data-uri-converter\/","og_locale":"en_US","og_type":"article","og_title":"Image to Data URI Converter Online (Upload or Paste Image URL)","og_description":"Convert any Image (JPG, JPEG, PNG, and GIF) to Data URI. Learn how to use Data URI in HTML and CSS as image source.","og_url":"https:\/\/www.techgrapple.com\/online-tools\/image-to-data-uri-converter\/","og_site_name":"Online Tools","article_published_time":"2021-07-05T04:40:20+00:00","article_modified_time":"2024-12-16T04:21:34+00:00","og_image":[{"width":500,"height":314,"url":"https:\/\/www.techgrapple.com\/online-tools\/wp-content\/uploads\/2021\/07\/image-to-data-URI.jpg","type":"image\/jpeg"}],"author":"Zoheb","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Zoheb","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.techgrapple.com\/online-tools\/image-to-data-uri-converter\/#article","isPartOf":{"@id":"https:\/\/www.techgrapple.com\/online-tools\/image-to-data-uri-converter\/"},"author":{"name":"Zoheb","@id":"https:\/\/www.techgrapple.com\/online-tools\/#\/schema\/person\/272b9cf9eea98fccb340d33773e12635"},"headline":"Image to Data URI Converter","datePublished":"2021-07-05T04:40:20+00:00","dateModified":"2024-12-16T04:21:34+00:00","mainEntityOfPage":{"@id":"https:\/\/www.techgrapple.com\/online-tools\/image-to-data-uri-converter\/"},"wordCount":103,"image":{"@id":"https:\/\/www.techgrapple.com\/online-tools\/image-to-data-uri-converter\/#primaryimage"},"thumbnailUrl":"https:\/\/www.techgrapple.com\/online-tools\/wp-content\/uploads\/2021\/07\/image-to-data-URI.jpg","articleSection":["Image Tools","Webmaster and Content Creation Tools"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.techgrapple.com\/online-tools\/image-to-data-uri-converter\/","url":"https:\/\/www.techgrapple.com\/online-tools\/image-to-data-uri-converter\/","name":"Image to Data URI Converter Online (Upload or Paste Image URL)","isPartOf":{"@id":"https:\/\/www.techgrapple.com\/online-tools\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.techgrapple.com\/online-tools\/image-to-data-uri-converter\/#primaryimage"},"image":{"@id":"https:\/\/www.techgrapple.com\/online-tools\/image-to-data-uri-converter\/#primaryimage"},"thumbnailUrl":"https:\/\/www.techgrapple.com\/online-tools\/wp-content\/uploads\/2021\/07\/image-to-data-URI.jpg","datePublished":"2021-07-05T04:40:20+00:00","dateModified":"2024-12-16T04:21:34+00:00","author":{"@id":"https:\/\/www.techgrapple.com\/online-tools\/#\/schema\/person\/272b9cf9eea98fccb340d33773e12635"},"description":"Convert any Image (JPG, JPEG, PNG, and GIF) to Data URI. Learn how to use Data URI in HTML and CSS as image source.","breadcrumb":{"@id":"https:\/\/www.techgrapple.com\/online-tools\/image-to-data-uri-converter\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.techgrapple.com\/online-tools\/image-to-data-uri-converter\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.techgrapple.com\/online-tools\/image-to-data-uri-converter\/#primaryimage","url":"https:\/\/www.techgrapple.com\/online-tools\/wp-content\/uploads\/2021\/07\/image-to-data-URI.jpg","contentUrl":"https:\/\/www.techgrapple.com\/online-tools\/wp-content\/uploads\/2021\/07\/image-to-data-URI.jpg","width":500,"height":314,"caption":"image to data URI"},{"@type":"BreadcrumbList","@id":"https:\/\/www.techgrapple.com\/online-tools\/image-to-data-uri-converter\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.techgrapple.com\/online-tools\/"},{"@type":"ListItem","position":2,"name":"Image to Data URI Converter"}]},{"@type":"WebSite","@id":"https:\/\/www.techgrapple.com\/online-tools\/#website","url":"https:\/\/www.techgrapple.com\/online-tools\/","name":"Online Tools","description":"Free Web Apps by TechGrapple","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.techgrapple.com\/online-tools\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.techgrapple.com\/online-tools\/#\/schema\/person\/272b9cf9eea98fccb340d33773e12635","name":"Zoheb","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/520ca7ba2dc1e8d4ff6fa8f6f6a434c0dc9d5997162e4fd46b60a69c58538bbd?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/520ca7ba2dc1e8d4ff6fa8f6f6a434c0dc9d5997162e4fd46b60a69c58538bbd?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/520ca7ba2dc1e8d4ff6fa8f6f6a434c0dc9d5997162e4fd46b60a69c58538bbd?s=96&d=mm&r=g","caption":"Zoheb"}}]}},"builder_content":"","_links":{"self":[{"href":"https:\/\/www.techgrapple.com\/online-tools\/wp-json\/wp\/v2\/posts\/907","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.techgrapple.com\/online-tools\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.techgrapple.com\/online-tools\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.techgrapple.com\/online-tools\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.techgrapple.com\/online-tools\/wp-json\/wp\/v2\/comments?post=907"}],"version-history":[{"count":0,"href":"https:\/\/www.techgrapple.com\/online-tools\/wp-json\/wp\/v2\/posts\/907\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.techgrapple.com\/online-tools\/wp-json\/wp\/v2\/media\/909"}],"wp:attachment":[{"href":"https:\/\/www.techgrapple.com\/online-tools\/wp-json\/wp\/v2\/media?parent=907"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.techgrapple.com\/online-tools\/wp-json\/wp\/v2\/categories?post=907"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.techgrapple.com\/online-tools\/wp-json\/wp\/v2\/tags?post=907"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}