{"id":107,"date":"2026-01-14T08:21:21","date_gmt":"2026-01-14T08:21:21","guid":{"rendered":"http:\/\/99webtools.com\/data-uri-generator\/"},"modified":"2026-02-09T07:37:28","modified_gmt":"2026-02-09T07:37:28","slug":"data-uri-generator","status":"publish","type":"page","link":"https:\/\/99webtools.com\/data-uri-generator.html","title":{"rendered":"Data URI Generator"},"content":{"rendered":"<div class=\"col-md-8\">\n<h1>Data URI Generator<\/h1>\n<p class=\"bms8vtyd8szzajbcw\">The data URI scheme is a URI scheme that provides a way to include data in-line in web pages as if they were external resources. This technique allows normally separate elements such as images and style sheets to be fetched in a single HTTP request rather than multiple HTTP requests, which can be more efficient. Read more about <a href=\"http:\/\/en.wikipedia.org\/wiki\/Data_URI#Web_browser_support\" target=\"_blank\">Data URI and Browser Support<\/a><\/p>\n<p class=\"bms8vtyd8szzajbcw\">This tool converts an image into base64 encoded data URIs for embedding images into html or css. To convert image into data URI simply select file in following form or Drag and Drop Image file form your computer in following <b>Drag and Drop<\/b> area<\/p>\n<div class=\"well\">\n<form name=\"datauri\" id=\"datauri\" action=\"#\" method=\"post\" enctype=\"multipart\/form-data\">\n<label for=\"files\">Select Image File<\/label><input type=\"file\" id=\"files\" name=\"files\"\/><br \/>\n<input type=\"submit\" name=\"submit\" disabled value=\"Generate\" id=\"gen\"\/><br \/>\n<\/form>\n<\/div>\n<div id=\"out\">\n<h3>Drag and Drop Area<\/h3>\n<p><b>Drag and Drop Image file Here<\/b><\/div>\n<div class=\"well well-sm text-center\" id=\"subscribe\">\n<h2>Liked It? Get Free updates in your Email<\/h2>\n<form class=\"form\" role=\"form\" action=\"https:\/\/feedburner.google.com\/fb\/a\/mailverify\" method=\"post\" target=\"popupwindow\" onsubmit=\"window.open('https:\/\/feedburner.google.com\/fb\/a\/mailverify?uri=99webtools', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true\">\n<div class=\"row\">\n<div class=\"col-md-offset-3 col-md-6\">\n<div class=\"input-group\"><input type=\"text\" name=\"email\" class=\"form-control\" placeholder=\"Enter Email\"><span class=\"input-group-btn\"><button type=\"submit\" disabled value=\"Subscribe\" class=\"btn btn-warning\">Subscribe <i class=\"fa fa-rss\"><\/i><\/button><\/span><\/div>\n<\/div>\n<p><input type=\"hidden\" value=\"99webtools\" name=\"uri\"\/><input type=\"hidden\" name=\"loc\" value=\"en_US\"\/><\/div>\n<p class=\"bms8vtyd8szzajbcw\">Delivered by <img decoding=\"async\" alt=\"feedburner\" src=\"https:\/\/99webtools.com\/files\/img\/feed.png\" border=\"0\"><\/p>\n<\/form>\n<\/div><\/div>\n","protected":false,"raw":""},"excerpt":{"rendered":"<p>Data URI Generator The data URI scheme is a [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template_2.php","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-107","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Data URI Generator<\/title>\n<meta name=\"description\" content=\"Convert image into base64 encoded data URIs for embedding 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:\/\/99webtools.com\/data-uri-generator.html\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Data URI Generator\" \/>\n<meta property=\"og:description\" content=\"Convert image into base64 encoded data URIs for embedding images\" \/>\n<meta property=\"og:url\" content=\"https:\/\/99webtools.com\/data-uri-generator.html\" \/>\n<meta property=\"og:site_name\" content=\"Web tools | SEO tools | Web development articles\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-09T07:37:28+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Ber\u00e4knad l\u00e4stid\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minut\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Data URI Generator","description":"Convert image into base64 encoded data URIs for embedding 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:\/\/99webtools.com\/data-uri-generator.html","og_type":"article","og_title":"Data URI Generator","og_description":"Convert image into base64 encoded data URIs for embedding images","og_url":"https:\/\/99webtools.com\/data-uri-generator.html","og_site_name":"Web tools | SEO tools | Web development articles","article_modified_time":"2026-02-09T07:37:28+00:00","twitter_card":"summary_large_image","twitter_misc":{"Ber\u00e4knad l\u00e4stid":"1 minut"}},"_links":{"self":[{"href":"https:\/\/99webtools.com\/wp-json\/wp\/v2\/pages\/107","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/99webtools.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/99webtools.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/99webtools.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/99webtools.com\/wp-json\/wp\/v2\/comments?post=107"}],"version-history":[{"count":1,"href":"https:\/\/99webtools.com\/wp-json\/wp\/v2\/pages\/107\/revisions"}],"predecessor-version":[{"id":773,"href":"https:\/\/99webtools.com\/wp-json\/wp\/v2\/pages\/107\/revisions\/773"}],"wp:attachment":[{"href":"https:\/\/99webtools.com\/wp-json\/wp\/v2\/media?parent=107"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}