Lightbox & Modal Popup WordPress Plugin – FooBox vs WebP Express

FooBox adds a lightbox to your WordPress site, so images are loaded in a modal or popup instead of redirecting your visitors away from your site. Some people often refer to a lightbox as an “Image Zoom” effect. It’s really just a modal overlay or popup that showcases your images. FooBox was the first lightbox to take responsive layout seriously. Not only does it scale images to look better on phones, but it rearranges it’s button controls to look great in both portrait or landscape orientation. Add a modal popup to your website images with no setup. FooBox will automatically add modals to WordPress galleries, WordPress images with captions, and attachment images. NEW: Auto Link Existing Images Have older posts with images that do not open in FooBox? That is probably because those images were inserted without linking to the full-size media file. Enable Auto Link Existing Images and FooBox will automatically wrap unlinked WordPress attachment images on the frontend, so visitors can open them in the lightbox without you editing old content. Works with most image gallery plugins, but works best with our FooGallery Gallery WordPress Plugin. FULL GUTENBERG SUPPORT Within Gutenberg, FooBox lightbox will automatically add a modal popup to images and galleries that have the “Link To” setting set to “Media File”. Image captions set in the editor are also automatically picked up in the FooBox modal popup. FooBox Image Lightbox Features: Responsive lightbox design Modern lightbox design Zero configuration! Works with WordPress galleries Works with WordPress captioned images Auto links older unlinked WordPress attachment images Control when to exclude / include FooBox JS & CSS assets Includes a 7-day free trial of FooBox Pro Lightbox! You can try the PRO version for free for 7 days. FooBox PRO Features: Social sharing (10+ networks) Video lightbox support HTML lightbox support iFrame support Deeplinking Fullscreen and slideshow modes Glass lightbox theme (including custom color pickers) Metro lightbox theme Flat lightbox theme 5 color schemes, 12 button icons and 11 loader icons 12 animation effects 85+ settings to customize FooBox PRO Works With: The Best Image Gallery Plugin for WordPress NextGen Justified Image Grid Envira Gallery WooCommerce product images (Works with WooCommerce v3+) JetPack Tiled Gallery AutOptimize Check out the full feature comparison. Complete FooBox Asset Control By default, FooBox lightbox includes javascript and stylesheet assets into all your pages. We do this, because we do not know if the page content contains media or not. If you want more control over when FooBox assets are included, you can now exclude the assets by default, by enabling a setting. Then on each page, you can choose to include them when required. Alternatively, you can leave the setting disabled, and then choose to exclude the FooBox assets from particular pages. A new metabox is now available when editing your pages or posts. This new feature was only available in the PRO version beforehand, but we feel control over your website performance is something you should not have to pay for. Enjoy! Translations Serbo-Croatian by Borisa Djuraskovic

More than 9 out of 10 users are using a browser that is able to display webp images. Yet, on most websites, they are served jpeg images, which are typically double the size of webp images for a given quality. What a waste of bandwidth! This plugin was created to help remedy that situation. With little effort, WordPress admins can have their site serving autogenerated webp images to browsers that supports it, while still serving jpeg and png files to browsers that does not support webp. The image converter The plugin uses the WebP Convert library to convert images to webp. WebP Convert is able to convert images using multiple methods. There are the “local” conversion methods: imagick, cwebp, vips, gd. If none of these works on your host, there are the cloud alternatives: ewww (paid) or connecting to a WordPress site where you got WebP Express installed and you enabled the “web service” functionality. The “Serving webp to browsers that supports it” part. The plugin supports different ways of delivering webps to browsers that supports it: By routing jpeg/png images to the corresponding webp – or to the image converter if the image hasn’t been converted yet. By altering the HTML, replacing image tags with picture tags. Missing webps are auto generated upon visit. By altering the HTML, replacing image URLs so all points to webp. The replacements only being made for browsers that supports webp. Again, missing webps are auto generated upon visit. In combination with Cache Enabler, the same as above can be achieved, but with page caching. You can also deliver webp to all browsers and add the webpjs javascript, which provides webp support for browsers that doesn’t support webp natively. However, beware that the javascript doesn’t support srcset attributes, which is why I haven’t added that method to the plugin (yet). The plugin implements the “WebP On Demand” solution described here and builds on a bunch of open source libraries (all maintained by me): – WebP Convert: For converting images to webp – WebP Convert Cloud Service: For the Web Service functionality – DOM Util for WebP: For the Alter HTML functionality – Image MimeType Guesser: For detecting mime types of images. – HTAccess Capability Tester: For testing .htaccess capabilities in a given directory, using live tests – WebP Convert File Manager: For browsing conversions and triggering conversions. – Exec With Fallback: For emulating exec() on systems where it is disabled (using proc_open(), passthru() or similar alternatives). Benefits Much faster load time for images in browsers that supports webp. The converted images are typically less than half the size (for jpeg), while maintaining the same quality. Bear in mind that for most web sites, images are responsible for the largest part of the waiting time. Better user experience (whether performance goes from terrible to bad, or from good to impressive, it is a benefit). Better ranking in Google searches (performance is taken into account by Google). Less bandwidth consumption – makes a huge difference in the parts of the world where the internet is slow and costly (you know, ~80% of the world population lives under these circumstances). Currently ~97% of all traffic are done with browsers supporting webp. It’s great for the environment too! Reducing network traffic reduces electricity consumption which reduces CO2 emissions. Limitations The plugin should now work on Microsoft IIS server, but it has not been tested thoroughly. Supporting WebP Express Bread on the table don’t come for free, even though this plugin does, and always will. I enjoy developing this, and supporting you guys, but I kind of need the bread too. Please make it possible for me to continue wasting time on this plugin: Buy me a Coffee Buy me coffee on a regular basis and help ensuring my coffee supplies doesn’t run dry. Supporters of WebP Express Persons who recently contributed with ko-fi – Thanks! 5 Jan: Joel 24 Dec: Patrick Müller 16 Dec: Dragos 9 Aug: Tanzi 3 Jul: Jen 26 Jun: Per 16 May: Erick Danzer 8 May: Mike 31 May: parallactic 14 May: Gitte Rebsdorf 9 May: La Braud Persons who recently contributed on github sponsors – Thanks! * 16 Dec: kcrlost * 16 Dec: Yakovos Frountas (Greece) Persons who contributed with extra generously amounts of coffee / lifetime backing (>80$) – thanks!: Patrick Müller ($250) Max Kreminsky ($115) Justin – BigScoots ($105) Bill Vallance ($102) Joel ($100) Label Vier ($100) Sebastian ($99) Tammy Lee ($90)