Logo

WebNinjaTaylor Web Design, Development, & Support

  • Home
  • About
  • Portfolio
  • Learn
    • Terminology

Data URI in CSS (IE8+) June 6th, 2013

You don’t have to link to an external image file when using an <img> element in HTML, or declaring a background-image in CSS.  You can embed the image data directly into the document with data URIs.

data:[<mime type>][;charset=<charset>][;base64],<encoded data>

Resources

  • Conversion Tool
  • CSS Tricks: Data URIs
  • Data URIs Explained
  • CSS Justify Magic for RWD
  • Trigger Event in Plain JavaScript
  • Buy this sticker
    Designed by Taylor Johnson on stickermule.com
  • Web Shots

    508 Backbone.js CSS Debugging Git HTML IE JavaScript Joomla jQuery M&O Mobile MySQL Node.js Performance PHP RequireJS Ruby SharePoint Terminal Tools Underscore.js WordPress
  • Tweets by @webninjataylor

Back to top

Copyright © 2026 WebNinjaTaylor. All rights reserved. • Website by WebNinjaTaylor