For people who are addicted to using Twitch emotes everywhere and want to use them in their Obsidian notes. This CSS snippet prevents emote images from affecting line spacing.
- Download and place
emotes.cssinto your "snippets" folder in your Obsidian vault directory (or copy and paste to your existing CSS files). - Enable the "emotes" CSS snippet in Obsidian (help).
Add |e to your image embeds like so (help):
![[image.png|e]]
Personally, I keep a folder for emote images in my vault with all my notes to ensure offline availability, like so:
This also allows you to drag and drop the emotes from the Obsidian sidebar without having to type the file name out.
The other way that would require an Internet connection and not have to save the images would be to embed the image's URL.
Not seeing your image displayed correctly? This is usually due to conflicting rules with Obsidian themes.