Blinkies not rendering at native resolution anymore

Question

So, when I was getting back to tweaking my profile after the holidays, I noticed that my blinkies aren't being rendered at their native resolutions on desktop anymore, instead being scaled down slightly. This is particularly noticeable on blinkies with single pixel text, such as the Rockbox one on my profile. I suspect something has changed in the default CSS or something, I have checked in both Firefox and Chrome so this isn't some kind of change in the rendering engines.

Anyway, anyone who knows how to force them to render at the native resolution? I tried adding the resolution to each blinkie but it doesn't seem to work.

Report Topic

Answer

After quite a bit of trial and error I've managed to make the blinkies render without interpolation at least, using the following code. However, for the life of me I still can't get it them to not scale down, which makes it questionable if this half-working solution is even suitable. Anyone who knows what might be tripping this up?

.blurbs img[src*="blink"] {
    all: unset !important;
    min-width: 150px !important;
    max-width: none !important;
    width: auto !important;
    height: auto !important;
    display: inline-block !important;
    object-fit: contain !important;
    image-rendering: pixelated !important;
}

EDIT: Now a day after this actually seems to work. Maybe it had something to do with how the pics in the blurb are cached by SpaceHey in some way. Anyway, I have now made a simpler version of the above code, which should work on all images you put in the blurb rather than just blinkies, if you want to have crisper edges like I do. Good luck!

.blurbs img {
    all: unset !important;
    max-width: none !important;
    width: auto !important;
    height: auto !important;
    display: inline-block !important;
    object-fit: contain !important;
    image-rendering: pixelated !important;
}

Permalink Report Reply

« Web, HTML, Tech Forum

Blinkies not rendering at native resolution anymore

Posted by WildWorld

1 Reply

Reply by WildWorld