5 ms·

An alternative (perhaps less drastic) is what I do: dim all the images. I have my own JavaScript that runs on every page dimming all the images (including the i

An alternative (perhaps less drastic) is what I do: dim all the images. I have my own JavaScript that runs on every page dimming all the images (including the image that videos show before you press play). I originally wanted to introduce functionality that allowed me to un-dim an image if I really wanted to look closely, but I've found that this never happens. I use the style attribute. There is a brightness filter. Like OP says, it improves my browsing experience. I'm typically here for the text.

gausswho 4y ago
I'd be interested to try this if you share. Is it just a brightness assignment to all img tags? But this would miss imagery assigned via background image, among other means.
- comfypotato 4y ago
  I tried to paste the code and it doesn't translate well at all. Basically I made a "dim" function and set it to run every second. It attaches the brightness filter (if it hasn't already been attached (don't forget to check this, otherwise it will add to the style tag every second)) and makes it !important. It attaches the filter to every img element, and every div that has "background-image" in the style string. I'm sure there are other gotchas, but this has worked well so far. filter: brightness(50%) !important When I used Chrome, I just added the "image-dimmer" extension. It does exactly this.
  - gausswho 4y ago
    Excellent thanks for the elaboration.
Red_Tarsius 4y ago
Thank you for sharing your alternative approach. I checked it out and image dimming looks like a fitting addition to dark mode and late-night browsing.
- comfypotato 4y ago
  Yes! That is how I originally arrived to it. I have had similar experiences to yours where reducing the impact of the images generally improves my browsing experience. Even in a dark environment, the 50% brightness filter that I use makes the images barely visible. I've found that I enjoy the internet better this way as you have suggested.

gausswho 4y ago

I'd be interested to try this if you share. Is it just a brightness assignment to all img tags? But this would miss imagery assigned via background image, among other means.

comfypotato 4y ago
I tried to paste the code and it doesn't translate well at all. Basically I made a "dim" function and set it to run every second. It attaches the brightness filter (if it hasn't already been attached (don't forget to check this, otherwise it will add to the style tag every second)) and makes it !important. It attaches the filter to every img element, and every div that has "background-image" in the style string. I'm sure there are other gotchas, but this has worked well so far. filter: brightness(50%) !important When I used Chrome, I just added the "image-dimmer" extension. It does exactly this.
- gausswho 4y ago
  Excellent thanks for the elaboration.

Red_Tarsius 4y ago

Thank you for sharing your alternative approach. I checked it out and image dimming looks like a fitting addition to dark mode and late-night browsing.

comfypotato 4y ago
Yes! That is how I originally arrived to it. I have had similar experiences to yours where reducing the impact of the images generally improves my browsing experience. Even in a dark environment, the 50% brightness filter that I use makes the images barely visible. I've found that I enjoy the internet better this way as you have suggested.