WebP Support?

Elements
1

@dan What is the timeline for adding full support for WebP in Elements?

Currently, WebP works great in preview, but not in the editor. If you are using a WebP image with a transparent background, the editor will always render it with a WHITE background. This makes it very difficult to create WYSIWYG designs with a WebP image with a transparent background.

I discovered this problem while writing a custom component where I literally spent hours trying to figure out why my transparent WebP image was not rendering transparent in the editor.

These days I pretty much only use WebP images, so I hope we see full support in the near future.

1 Like
2

Yeah, WebP images with transparency currently display with a white background in the editor. This is due to the fact that we’re resizing images on the fly to speed up the editor (and didn’t factor in transparent WebP files, doh!). This is why it works in preview and export, but not edit.

Don’t worry though, we’re planning to fix this soon (after the store) so you’ll get true WYSIWYG behaviour when working with WebP assets. Should hopefully be a quick fix…