Webp Images

[Bucky108]

I added some WebP images to a page and found two things were happening:

1. Everything in the application slows down significantly. For example just opening up the tools menu.

2. The images do not actually display in the designer although they do in the browser.

Any suggestions?

[Pablo]

WebP is third party functionality (by Google) so as a developer I have no control over the performance or behavior of WebP image.
But maybe the image is very large?

[Bluesman]

I have started to use webp images to some of my projects and no issues so far. No slowdown... and appear as all other images in the workspace.
As Pablo mentioned maybe are to big. Note that the photos/images perform best if you have optimized them to the size they shall be used in the project. What comes to webp you can compress more when converting from jpg and png. But this is very sensible. do not compress to much because the images will lose quality.

[zinc]

I have started to use webp images to some of my projects and no issues so far. No slowdown... and appear as all other images in the workspace.
As Pablo mentioned maybe are to big. Note that the photos/images perform best if you have optimized them to the size they shall be used in the project. What comes to webp you can compress more when converting from jpg and png. But this is very sensible. do not compress to much because the images will lose quality.

There some issues with webp format. If you assign an image to open in lightbox, you will notice, it does not resize corrected and cause a scroll bar to appear. I would use this format with caution at the moment.

[Bluesman]

I have started to use webp images to some of my projects and no issues so far. No slowdown... and appear as all other images in the workspace.
As Pablo mentioned maybe are to big. Note that the photos/images perform best if you have optimized them to the size they shall be used in the project. What comes to webp you can compress more when converting from jpg and png. But this is very sensible. do not compress to much because the images will lose quality.

There some issues with webp format. If you assign an image to open in lightbox, you will notice, it does not resize corrected and cause a scroll bar to appear. I would use this format with caution at the moment.

Ok... tnx zinc. I have not noticed that, but have not used to much until now...

[Bucky108]

Here is an example:

Layout grid - standard jpg image on left, WebP image on right.

Note the image doesn't display in the designer, but will display correctly in the browser. Its small; about 21k.

Also, if I make a change in the layout grid like background color it causes wwb to exit with no error message.

[Pablo]

If you need help with this then please share a DEMO project (.wbs file) so I can see all your settings.

For further details about how to share a project file, please see this FAQ:
https://www.wysiwygwebbuilder.com/forum ... 10&t=82134

[Bucky108]

https://www.goldhealer.com/test2.zip

Here's the sample project.

[Pablo]

On my computer the webp image is displayed correctly.
Do you have Windows 10 or newer?

[Bucky108]

On my computer the webp image is displayed correctly.
Do you have Windows 10 or newer?

Yes...Windows 10 Home with all updates on Surface Pro 7 where it doesn't work.

On my Dell laptop I have W10 Pro and it works fine there.

[BaconFries]

Curious although you say you have all the latest available updates to your Surface Pro does it have the Webp Image Extensions installed?. This may explain why it isn't displayed in the program but will when published in the browser which supports it...

[Bucky108]

Curious although you say you have all the latest available updates to your Surface Pro does it have the Webp Image Extensions installed?. This may explain why it isn't displayed in the program but will when published in the browser which supports it...

I tried to install it but (as often happens with the crap apps in the Microsoft store), the install doesn't work.

[BaconFries]

See the following urls for en-gb and en-us of the webp image extensions for Windows 10
https://www.microsoft.com/en-gb/p/webp- ... verviewtab
https://www.microsoft.com/en-us/p/webp- ... verviewtab

[Bucky108]

See the following urls for en-gb and en-us of the webp image extensions for Windows 10
https://www.microsoft.com/en-gb/p/webp- ... verviewtab
https://www.microsoft.com/en-us/p/webp- ... verviewtab

Those lead you to install the extension on the Microsoft store, which doesn't work on my machine. In any case, I see WebP images in the browser, just not in the designer.

For now, I'll just avoid using WebP.

[Pablo]

WYSIWYG Web Builder uses the WebP functionality that is built-in Windows (via Direct2D), so if this does not work then there is nothing I can do from my side.

[Bucky108]

Understood. Thank you.