Dark images with transparent background #12

Closed
opened 2022-07-24 08:54:36 +00:00 by AmineB · 1 comment
Owner

Prerequisites

  • Are you running the latest version?
  • Did you check for an existing issue ?
  • Are you reporting to the correct repository?
  • Did you perform a cursory search?
  • Did you read the CONTRIBUTING guide ?

Description

Dark images with transparent background are impossible to distinguish in image view, when tapping on the image to make it larger.
This is because the background is black, if the image is also black then the whole screen is black.
Similarly when using the dark theme, the icons of the sources are hard to distinguish if they are dark with transparent background.

For reference:
Dark image with transparent background in the article from 14/10/2021: https://ilblogdellasci.wordpress.com/rss
Source with black icon and transparent background: https://culturificio.org/feed

I can see two solutions:

  • Add a white background to images with transparent background
  • Invert the colors of those images, so that they assume light colors and become distinguishable

Both these solutions however would not work with an image with transparent background and light colors.

### Prerequisites * [x] Are you running the latest version? * [x] Did you check for an existing issue ? * [x] Are you reporting to the correct repository? * [x] Did you perform a cursory search? * [x] Did you read the `CONTRIBUTING` guide ? ### Description Dark images with transparent background are impossible to distinguish in image view, when tapping on the image to make it larger. This is because the background is black, if the image is also black then the whole screen is black. Similarly when using the dark theme, the icons of the sources are hard to distinguish if they are dark with transparent background. For reference: Dark image with transparent background in the article from 14/10/2021: ```https://ilblogdellasci.wordpress.com/rss``` Source with black icon and transparent background: ```https://culturificio.org/feed``` I can see two solutions: - Add a white background to images with transparent background - Invert the colors of those images, so that they assume light colors and become distinguishable Both these solutions however would not work with an image with transparent background and light colors.
AmineB added the
Priority = Low
Priority = Some day
Up For Grabs
labels 2022-07-24 08:54:36 +00:00
AmineB added this to the A little better milestone 2022-09-13 14:35:52 +00:00
AmineB added this to the Dev project 2022-09-13 14:35:54 +00:00
Contributor

I guess the best way to handle this is to add a checkerboard background.
That is how images with transparency are normally rendered, the checkerboard solves the problem both with dark images and with light ones.

I guess the best way to handle this is to add a checkerboard background. That is how images with transparency are normally rendered, the checkerboard solves the problem both with dark images and with light ones.
Sign in to join this conversation.
No Milestone
No project
No Assignees
2 Participants
Notifications
Due Date
The due date is invalid or out of range. Please use the format 'yyyy-mm-dd'.

No due date set.

Dependencies

No dependencies set.

Reference: Louvorg/ReaderForSelfoss-multiplatform#12
No description provided.