Properly size images Slide Show/carousel

All WYSIWYG Web Builder support issues that are not covered in the forums below.
Forum rules
IMPORTANT NOTE!!

DO YOU HAVE A QUESTION OR PROBLEM AND WANT QUICK HELP?
THEN PLEASE SHARE A "DEMO" PROJECT.



PLEASE READ THE FORUM RULES BEFORE YOU POST:
http://www.wysiwygwebbuilder.com/forum/viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/getting_started.html
WYSIWYG Web Builder FAQ
Post Reply
Chizzle685
 
 
Posts: 46
Joined: Tue Jul 20, 2021 10:50 am

Properly size images Slide Show/carousel

Post by Chizzle685 »

I using Slide Show/carousel. Pagespeed Lighthouse has a problem with the sizes of the images (Properly size images). No matter which size I choose, pagespeed wants the pictures to get smaller and smaller.
User avatar
Pablo
 
Posts: 21508
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Properly size images Slide Show/carousel

Post by Pablo »

It is difficult to help you, if we cannot see what you have done.
Can you please be more specific?
Chizzle685
 
 
Posts: 46
Joined: Tue Jul 20, 2021 10:50 am

Re: Properly size images Slide Show/carousel

Post by Chizzle685 »

On our side I have the Slide Show / Carousel. The images should appear alternately on the page and the customer should also be able to switch between the images himself. This all works too. But Lighthouse has the following problem "serve images that are appropriately-sized to save cellular data and improve load time"

I have reduced the pictures several times, the smaller I make the pictures, the more I should reduce them.

https://jahncke-gmbh.de/opal-80.html
Last edited by Chizzle685 on Thu Jan 20, 2022 11:14 am, edited 1 time in total.
User avatar
Pablo
 
Posts: 21508
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Properly size images Slide Show/carousel

Post by Pablo »

I need more information to be able to help you.
What is the URL of the page?
What are your exact settings?
What do I need to do to see the problem?
Chizzle685
 
 
Posts: 46
Joined: Tue Jul 20, 2021 10:50 am

Re: Properly size images Slide Show/carousel

Post by Chizzle685 »

https://jahncke-gmbh.de/opal-80.html

Slideshow/Carousel setting is default.


You can see it in lighthouse ---> performance ---> Properly size images
User avatar
Pablo
 
Posts: 21508
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Properly size images Slide Show/carousel

Post by Pablo »

Which specific warning are you trying to 'fix'?

Is this still related to this?
viewtopic.php?f=5&t=94061
Chizzle685
 
 
Posts: 46
Joined: Tue Jul 20, 2021 10:50 am

Re: Properly size images Slide Show/carousel

Post by Chizzle685 »

No, you wrote there, you're looking to see if you can do something in the future update.


I mean the following:

opportunity -->

Properly sized images --->

Serve images that are appropriately-sized to save mobile data and improve load time.

Resource size & Potential savings
User avatar
Pablo
 
Posts: 21508
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Properly size images Slide Show/carousel

Post by Pablo »

User avatar
crispy68
 
 
Posts: 2729
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Properly size images Slide Show/carousel

Post by crispy68 »

Unfortunately, this lighthouse flag will happen often. What it is saying is this:

1. Make sure your images are not larger than what is being rendered. I've said this in other threads. You should size your images to the largest that they need to be. If you are inserting an image that has dimensions 400x300 and this is the largest size you plan on using, don't insert an image that is larger. I've seen several users that will import images that are 4000x3000 and then shrink them in WB. This works but the problem is you are loading a huge image that renders ultimately smaller. In other words, always resize your images to the max size you need before using them in WB. This goes for any images no matter how they are used.

2. It also wants you to create different size images and then show the appropriate size for the breakpoint. So if you are using a large image in the slideshow that is 1920x400 on a smaller screen it wants you to show a smaller image say 960x200 and so forth. Very similar to how the picture object works. Using them as SVGs can help also if this is an option.

Always make sure you are sizing the images (as stated in #1) and optimizing them (compressing) them down to the smallest size weight wise without losing too much visually.

I'm typically not too concerned about this flag if I do the above.
Chizzle685
 
 
Posts: 46
Joined: Tue Jul 20, 2021 10:50 am

Re: Properly size images Slide Show/carousel

Post by Chizzle685 »

Thank you Pablo and Crispy for the replies. I read up on this. Would it be possible in a future update to add adaptive images to the slideshow/carousel?

Similar to pictures --> adaptive images?
Chizzle685
 
 
Posts: 46
Joined: Tue Jul 20, 2021 10:50 am

Re: Properly size images Slide Show/carousel

Post by Chizzle685 »

@Pablo?
User avatar
Pablo
 
Posts: 21508
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Properly size images Slide Show/carousel

Post by Pablo »

You can post suggestions here:
viewforum.php?f=28

If more users find it useful then I will consider it for future development.
However, I personally think that this will make the configuration of the slideshow/carousel confusing.
There are already so many options...
Also, for smaller screens a carousel or slideshow is not always the best choice to display images.
User avatar
jerryco
 
 
Posts: 819
Joined: Fri Mar 27, 2009 2:42 pm
Location: Purmerend, Holland

Re: Properly size images Slide Show/carousel

Post by jerryco »

Please consider keeping this simple :cry:
// Love is the acceptance of nothing / Account age is no guarantee of efficiency ;-) ->

Above, Beyond, and @wwonderfull! <- Genuinely helps you with a powered up site that counts! Four Times Excellence!
Post Reply