Guestbook

Posting mode: Reply

P.S. Use `image-rendering: crisp-edges` for the pixel art animations on this website so they don't get blurred by the browser. ~~Anonymous 2024-12-21(Sat)15:40:26 No.469

Or `image-rendering: pixelated`. ~~Anonymous 2024-12-21(Sat)15:42:04 No.470

Thanks for the tip, but I already know about this and I don't use it on purpose as all pixel images are rendered at 100% size. May I know what images are being blurred and what browser you're using? ~~cidoku ## Admin 2024-12-21(Sat)16:07:20 No.471

WebKit ~~Anonymous 2024-12-21(Sat)18:35:26 No.472

Yuzuki.Yukari.full.3685381.png (162.50KB, 1239x1756)

Why is it so zoomed in? Is that the mobile experience? Idk man, I'll have to think about it. The issue is that only integer scaling looks good with that setting. ~~cidoku ## Admin 2024-12-21(Sat)19:13:54 No.473

>Why is it so zoomed in?
I did that intentionally to highlight the difference. I can provide a full screenshot if necessary. ~~Anonymous 2024-12-21(Sat)19:23:59 No.474

Sure, please do. ~~cidoku ## Admin 2024-12-21(Sat)19:29:57 No.475

. ~~Anonymous 2024-12-21(Sat)20:34:28 No.476

Hmm, interesting. I didn't know high res mobile browsers did that, but it makes sense because of the viewport thing I added a while ago. Refresh your cache and there should hopefully be no more image interpolation. Thanks for the tip!! :perfect:

~~cidoku ## Admin 2024-12-21(Sat)20:59:16 No.477

Static images are fixed, but candybar.gif is still interpolated. ~~Anonymous 2024-12-21(Sat)22:09:09 No.478

2024-12-21_22:37:11.png (72.94KB, 1357x710)

That's odd. It's not interpolated on my test chromium (blink) or surf (webkit) browsers. ~~cidoku ## Admin 2024-12-21(Sat)22:39:04 No.479

On further investigation, there seems to be a bizarre quirk or bug of IOS Safari where `image-rendering: pixelated` is ignored if `height` is set to a value less than 65px. I can't seem to find any information about online though. ~~Anonymous 2024-12-22(Sun)17:40:49 No.480

Oh, that blows. I have absolutely no way to test on Safari. Does the same happen with crisp-edges? If you find a solution, be sure to let me know. ~~cidoku ## Admin 2024-12-22(Sun)18:16:00 No.481

Okay, I've figured out a solution. You have to make them <img> elements instead of using `background-image`. ~~Anonymous 2024-12-22(Sun)19:30:47 No.482

<img>s can't be tiled and I don't want to add <img>s everywhere, so that won't work for me. It has to be a CSS background. Apple sucks. ~~cidoku ## Admin 2024-12-22(Sun)20:10:56 No.483

I filed a bug report: https://bugs.webkit.org/show_bug.cgi?id=285085 ~~Anonymous 2024-12-22(Sun)20:37:40 No.484

Well done, Anonymous! I hope they look into it. ~~cidoku ## Admin 2024-12-22(Sun)22:19:28 No.485

Your name
Message (*)
What color is the site's mascot's hair? (*)
Cheat code
File
Check out the emotes and decorations you can add to your message. Posts with a file won't appear until approved. Supported file types are JPG, PNG, GIF and SWF. 1 MB max. To reply to a thread, click on its number.