Pixel art looks blurry #1

New issue

Open

opened 2025-10-17 11:11:00 +00:00 by Foxite · 0 comments

Foxite commented

2025-10-17 11:11:00 +00:00

(Migrated from github.com)

This is because the images are being rendered smooth. We can set the image-rendering property to pixelated to fix this, but we need to only set it for images that need it. We could mark the files in some way, or we could automatically do it based on the resolution.

If we choose to mark images we should implement per-image flags in an extensible way. The current method of hiding images by invalidating the date is kind of hacky.

This is because the images are being rendered smooth. We can set the [`image-rendering`](https://developer.mozilla.org/en-US/docs/Web/CSS/image-rendering) property to `pixelated` to fix this, but we need to only set it for images that need it. We could mark the files in some way, or we could automatically do it based on the resolution. If we choose to mark images we should implement per-image flags in an extensible way. The current method of hiding images by invalidating the date is kind of hacky.