White PNG/SVG images are not visible in the panel

[gbdesign2023]

• Add an image with the block or layout editor
• Upload a PNG/SVG with white fill and transparent background
• Only a white area is visible, which is irritating because I can't see if/which image is hidden behind it.

Wouldn't it be great to display the pattern in the background by default, as adapted by the cards/cardlets?

It also would be great to be able to change the background using the same principle in the blueprint: https://getkirby.com/docs/reference/panel/sections/files#preview-images__back

I solved it with a simple CSS class in custom-panel.css:

.k-block-type-image-auto {
    background: var(--pattern);
}

I am aware that I can customize the block type. But there will be many (new) users who are happy about such useful little details if they are already part of the core functions of Kirby.

It is not a bug, but a cosmetic improvement for the panel.

Kirby 4.1.2

[distantnative]

The question is what we'd want for when ratio is not set (or set to auto:

Still have the pattern behind the whole container? Or should it really just be behind the img element?

[gbdesign2023]

@distantnative That will be a question of personal taste. One person likes it, another doesn't. I don't mind if the entire background is patterned. This is also how I know it from the file blueprint:

The fundamental question is whether it makes sense to integrate this function into the core system or leave it as an individually programmable option.

The gallery block is of course also affected by this:

.k-block-type-image-auto, 
.k-block-type-gallery {
    background: var(--pattern);
}

[Edit] I have just noticed the difference between k-block-type-image-auto and k-block-type-image. k-block-type-image-auto seems to be the better choice for me. However, I have not yet tried it with image formats that do not correspond to the usual conditions.