HTML Tricks

Embedding a Inline Image into a Page

This is a great way to have a single page hold everything you want without having to worry about broken images. Unfortunately some browsers don't always display embedded images like they should. Luckily there is help. Here is how you do it:

1. Use this: [1] or this: [2] to encode your image in base64.
2. When you have the image base64 coded, you can now use this to display it: [3]

TODO: Find a better method of displaying inline images in a cross-browser way