Back option for images

Kirby 3 Solved ✅
1

Howdy, I have an image field that allows for one image. I want the preview in the panel to have a white background. I’m assuming if a upload a transparent PNG the background will be white (not that checkboard pattern).

My blueprint:

logo:
	label: Logo
	type: files
	multiple: false
	layout: cards
	image:
		back: white

What I’m seein’ in the panel:

ss
ss721×622 41.4 KB

What am I missing? Hmmm…

2

Hm, strange, and the white background doesn’t even show up after clearing the browser cache and refreshing the page?

3

Don’t upload PNGs. Their transparent background sometimes is not correct in the thumbs, e.g. in the panel!
May be this is better if you change the driver to “im”.

4

I suppose a cache clearing and resave did the trick. Could of sworn I did that but it works now so I won’t complain. Thanks for the replies.

5

I have used transparent PNG images on many many websites using GD as the driver (which is the default) without any issue whatsoever, either with the thumb itself or the white/back back showing through.

6

Exactly, there was only one issue once, like due to a specific version of gd library. Not to use PNGs is certainly not reasonable advice.

1 Like