How to put pixel arts

What I’m trying to do

I want to put my pixel arts (64x64) in Obsidian, but there are some filters and smoothing that makes view blurred

Things I have tried

I tried to find some settings for it or parameters due pasting image to md, but i didnt find anything

Please, help

This sounds like this is due to the default interpolation algorithm that Obsidian uses, and at the moment as far as I know, that can’t be changed.

Another user had the same issue here, it’s also mentioned here with other feature requests for artists, but no solution.

It can be fixed with a bit of css and a little trick.

Write a file .obsidian/snippets/pixelart.css containing:

img[alt*=pixelart] {
  image-rendering: pixelated;
  border-radius: 0px !important;
}

and activate the snippet under Settings → Appearance

Then, you can add |pixelart inside your image embed, after the filename. For example ![[example.png|pixelart]]

For testing I’ve put the same image twice, side by side, one with and the other without the |pixelart trick. The markdown is:

![[example.png|pixelart]] ![[example.png]]

This is the result:

The difference is more noticeable if we zoom in the screenshot:

2 Likes