HTML Tricks: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
== Embedding a Inline Image into a Page == | == 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. | 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: | ||
<ol> | <ol> | ||
| Line 7: | Line 7: | ||
</ol> | </ol> | ||
''TODO: Find a better method of displaying inline images in a | ''TODO: Find a better method of displaying inline images in a cross-browser way'' | ||
[[Category:Computer Tricks]] | [[Category:Computer Tricks]] | ||
Latest revision as of 10:33, 20 April 2021
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:
- Use this: [1] or this: [2] to encode your image in base64.
- 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