search

ajayyy / DeArrow

Crowdsourcing better titles and thumbnails on YouTube
https://dearrow.ajay.app
GNU General Public License v3.0
1.35k stars 39 forks source link

Option to desaturate thumbnails #177

Closed Exponential-Workload closed 3 months ago

Exponential-Workload commented 10 months ago

In some cases, it may be nice to have entirely de-saturated thumbnails as an option, to further reduce the chances of clicking something your brain actually doesn't want to click (getting clickbaited). This issue serves as a suggestion to add some option, which should likely default to disabled, that simply styles thumbnails with filter: grayscale(1);, to avoid said issue. It may also be useful for the user to be able to specify how much to desaturate the thumbnail by (which would change the 1 in filter: grayscale(1); to an arbitrary user-provided value) It may also be worth adding a sub-option that also grayscales the hover preview of the video to maintain consistency with that section of the screen being blurred.

Implementing a basic version of this can be done with just a few lines in a userscript, however it may be nicer to integrate this directly into the extension most people will already be using to be less distracted by others' content (thumbnails, titles).

jgoedde commented 4 months ago

Do you mean desaturated original thumbnails (clickbait thumbnails) or desaturated user submitted/random video thumbnails - or both? I would say this feature only makes sense when the option "replace thumbnails" is disabled.

Exponential-Workload commented 4 months ago

Do you mean desaturated original thumbnails (clickbait thumbnails) or desaturated user submitted/random video thumbnails - or both? I would say this feature only makes sense when the option "replace thumbnails" is disabled.

I'm pretty sure I was referencing both; not like it'd hurt to have for both

The issue is some channels create generally "vibrant" content, meaning even de-arrow'ed thumbnails they look more "appealing" to click on than they should be; I clicked on the first video i saw and immediately, at the top of the suggested videos page found a de-arrowed thumbnail that looks, while less clickbait-y than the original, still more enticing than it should be: image

Applying a grayscale filter makes the image no longer as enticing to click on: image

A partial desaturation also helps (filter: grayscale(0.5)): image

Of course, this would be entirely optional

Additionally, some thumbnails haven't been de-arrow'ed yet; on the same page load that had the above image there are 3 non-de-arrow'ed thumbnails, all at the top of the page: image

For comparison, if the above suggestion was implemented, this would look a bit more like: image

Imo, this is a large step forward in de-clickbaiting completely

The above are issues I've encountered for a while now, indicating these aren't just one-off, sadly

jgoedde commented 4 months ago

Yes, I liked the idea too. Currently working on implementing that. Looks like a pretty easy change though.

ajayyy commented 3 months ago

https://github.com/ajayyy/DeArrow/pull/244