Improve support for transparent and non-rectangle images, icons, and emoji's

Is your feature request related to a problem? Please describe.
There are several bug reports on how Anytype deals with transparent images:

There are also several feature requests to improve how Anytype deals with transparent and non-rectangular images:

Describe the solution you’d like
I think we can resolve all submitted bugs and combine all feature requests if we ask the Anytype team to:

  • Allow the user to choose between no background or a background color (of choice) for any image
  • Allow the user to choose a background style/shape (square, rounded square, squircle, or circle)
  • For bonus points: allow to differentiate the color for light vs darkmode

The scope of this feature request is “any image”:

  • Image on a canvas/in a block
  • Cover image of an object
  • Object icon

Describe alternatives you’ve considered
None yet

Additional context
Maybe this can be extended to be allowed for any object, like requested here:

18 Likes

Is your feature request related to a problem? Please describe.
Please allow for the removal of the background colour on transparent icons on pages. I find it very inconsistent with the page when the thing that should be transparent acts like a fake png, with a colour I didn’t want behind it.

Describe the solution you’d like
Allow the removal of the default background colour when using transparent images/emojis. Such as Notion’s design.

Bred Screenshot Number 001178@2x

Describe alternatives you’ve considered
Having to add background colours to pngs to match that of anytype backgrounds. Which will take… hours

Additional context

5 Likes

Hi, I have this weird blue background behind my profile picture, I’m running Anytype 0.1.11 on Android 10

@Eban Hi! Sorry for the long aswer. Please, send the original picture, it helps us to understand why it happend

Hi, here is the image https://community.anytype.io/assets/avatars/cd42gqU0hgDCX6tg.png it’s just a transparent PNG.

1 Like

That is just the background colour the devs have selected for profile icon, it would become transparent in the future.

1 Like

@Eban Hi! Please, describe the problem in detail.

@Kirill_Lem I believe they are using an image with transparency for their profile pic. The white in the image they attached should be “transparent”, and I think they expect that the background (blue-green “fibers” in this case) would show through instead of a white background in an oval.

1 Like

Exactly ! :wink:

1 Like

@Oshyan Thank you for the clarification!

@Eban Thank you for your notice! We haven’t implemented this yet, but plan to do that in the future

1 Like

I believe this issue is still ongoing.

When I add an icon with a transparent background sometimes I get this result (which is expected):

But sometimes it appears like that:

Please bring some consistency to how icons with transparent background are processed.

2 Likes

I’m happy to read this is in progress on iOS:

Is your feature request related to a problem? Please describe.

This request isn’t really related to a problem, but when setting icons for pages I noticed that they have an off-white box behind them.

Describe the solution you’d like

Instead of having the off-white background, having a transparent background for the page icons akin to Notion.

Describe alternatives you’ve considered

Another alternative to this would be to have a toggle to let the user choose whether they want a background to the icon or not.

Additional context

N/A

5 Likes

To fully understand it. Does your uploaded image had a background and you want Anytype to remove it or the image you uploaded doesn’t had a background an Anytype added one?

Thanks for the added information. I adjusted the title, so this topic will be easier to be find. Hope, you are ok with it. Otherwise, feel free to adjust, if its not fully matching your requested feature.

1 Like

I also would like Anytype to work with transparent png backgrounds for icons so +1

1 Like

Just pasted an image with transparent background in dark mode. It’s very hard to read some parts of it.

Slightly better with “grey” background.

Please add “white” to the background options.

2 Likes

Additionally to my post. Also show the background color, when the image is viewed in the modal image viewer.