I have been seeing people using base64 encoding on a few small icons and styles, but nothing too important like the content itself.

I was wondering, is there an advantage to using base64 over a .png file?
Is loading a base64 image faster than loading the image in a .png or .gif?
Does this effect SEO in a bad way?

My assumption is that it won't effect SEO as long as its an image asset to design such as favicon or css background tile.
What are the best practices and is this something I should integrate on my websites?

  • I should have searched before I wrote an answer, I found a duplicate: Image data URI and SEO Feb 24 '16 at 19:30
  • Thanks for the answer, sorry I thought I searched for base64 but couldn't find anything
    – Avail
    Feb 24 '16 at 20:23