Lightgallery: Version 2 and webp?

Created on 20 Nov 2019 · 10Comments · Source: sachinchoolur/lightGallery

Hi Sachin,
When I purchased a licence there was a promise for a version v 2.0, but unfortunately I never noticed any upgrade info. When is webp going to implemented? And the support I got was always weeks to late!
Regards,
David

Source

Allmedialab

👍1

Most helpful comment

Dude!?
At this time that we have <picture> <srcset> and <type> for years working in any browser this is no solution that is satisfactory! LightGallery should be able to just use webp with jpg fallback. And recognize this simple HTML!

Allmedialab on 29 Mar 2020

👍2

All 10 comments

@Allmedialab
by webp support do you mean picture element that has both jpg and web sources - so it wiorks on all browsers? I would like somethink like that too!

piotrpog on 4 Dec 2019

👍1

Yes I mean webp with jpg fallback. Now it's only possible to use or webp or jpg!

Allmedialab on 4 Dec 2019

👍1

@sachinchoolur Could you please provide an update on the state of the project and an upcoming v2? We're also paid users.

FabianRahm on 28 Feb 2020

Not going to comment on product lifespan, just FYI on webp, it is very easy to do in backend such as php.

Novezeil on 28 Mar 2020

it is very easy to do in backend such as php.

Well if it's that easy why don't you show us how to do that!?

Allmedialab on 29 Mar 2020

Even if it's easy, it's not always desirable solution. If you handled outputting jpg or webp depending on user browser, HTML code served to end-user would be different depending of browser webp support, which would cause problems if you used any kind of caching.

piotrpog on 29 Mar 2020

it is very easy to do in backend such as php.

Well if it's that easy why don't you show us how to do that!?

Dude, it's literally just a search away

https://stackoverflow.com/questions/18164070/detect-if-browser-supports-webp-format-server-side

Novezeil on 29 Mar 2020

Allmedialab on 29 Mar 2020

👍2

@Allmedialab got it working for the tumbnails at least. And yes php/python/perl isn't always a viable solution.

   <li class="col-centered" data-src="/images/gallery/5.jpg" data-sub-html="">
                                    <a href="">
                                        <picture class="img-responsive lazyload">
                                            <source data-srcset="/images/gallery/thumb5.webp" type="image/webp" />
                                            <source data-srcset="/images/gallery/thumb5.jpg" type="image/jpg" /> 
                                            <img class="img-responsive lazyload" data-src="/images/gallery/thumb5.jpg" alt="" />
                                        </picture>  
                                        <div class="gallery-poster">
                                            <img src="/images/zoom.png" alt="Zoom">
                                        </div>
                                    </a>
                                </li>

nihilus on 28 Apr 2020

This issue has been automatically marked as stale because it has not had recent activity. If the issue is still valid for version 2.x, please re-open. Apologize for not responding on time. Thank you for your contributions.