CSS Sprites vs. Data URIs

F8a70e01eddbadc5e4f9876ff34494fa?s=47 Guille Paz
January 10, 2014

CSS Sprites vs. Data URIs

Are Data URIs better than CSS Sprites?
@pazguille & @taly

F8a70e01eddbadc5e4f9876ff34494fa?s=128

Guille Paz

January 10, 2014
Tweet

Transcript

  1. 2.
  2. 6.
  3. 10.

    <img src=“data:image/png;base64,IVBOR...”> • data - name of the scheme ◦

    image/png - content type • base64 - type of encoding used to encode
  4. 11.

    <img src=“data:image/png;base64,IVBOR...”> • data - name of the scheme ◦

    image/png - content type • base64 - type of encoding used to encode • IVBOR… - the encoded data
  5. 14.
  6. 16.
  7. 17.
  8. 18.
  9. 26.
  10. 33.
  11. 34.
  12. 35.
  13. 36.