Skip to content

JaJuMa-GmbH/magento-2-ultimate-image-optimizer-avif-webp-lazy-responsive-high-res-retina-images

BranchesTags

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
README.md
README.md
 
 
composer.json
composer.json
 
 

Repository files navigation

Magento 2 Ultimate Image Optimizer Extension by JaJuMa

Ultimate Image Optimizer Extension for Magento 2 by JaJuMa the #1 🥇 AVIF optimized images solution for Magento 2 and an all-in-one image optimizer that satisfies all your image optimization needs in only one extension. Smaller image files with AVIF & WebP optimized images, optimized page load with lazy loading and best quality for product images with high-resolution / Retina images. All image conversions and optimizations are processed automatically, for existing and new images, and locally without dependencies or recurring costs from 3rd party providers. The extension is 100% Full-Page-Cache (FPC) and Browser compatible. Image optimization is essential when it comes to performance and user experience optimization and this extension is the perfect choice. Read more about all the features this extension includes below. These extensive image optimizations are a must-have feature for any Magento 2 store.

Compatible with
Hyvä Theme



AVIF & WebP - What is that?

AVIF is a brand new and cutting edge image format developed by Alliance for Open Media (AOMedia) which is backed by e. g. Google, Facebook, Apple, Netflix, Microsoft, Amazon ... to name just a few. It is based on AOMedia Video 1 (AV1) codec which is being used e. g. by Netflix. With its super-modern compression algorithm AVIF provides the smallest possible image file sizes as of today.
WebP is a next-generation file format for images developed by Google. It provides significantly reduced file sizes compared to JPG/PNG while maintaining the same quality, thanks to its advanced and powerful compression algorithm. Please also read more about WebP here: WebP for Magento 2 Performance + Speed Optimization: Why Every Magento Store Should Use WebP
Magento 2 Ultimate Image Optimizer extension by JaJuMa gives you the chance to treat your customers with both, AVIF & WebP optimized images, with lowest possible efforts and risks.

Highlights & Benefits

  • User experience: Better user experience by reducing the page load time.

  • SEO: Better SEO rankings by faster page load times

  • Conversion Rate: Better conversion rate thanks to high quality product images

  • Reduced costs: Low costs due to one-stop image optimization solution

  • Reduced costs & risk: No recurring costs and dependencies from external 3rd Party services with local AVIF/WebP conversion

  • Quality Extension: Magento Coding & Security Standards applied

  • Checks to avoid conflicts and avoid issues with edge-cases & customization's

  • Fully automated conversion & optimization of existing .jpg + .png images

    • On-the-fly for WebP & High-Resolution images
    • Via Cron Job/CLI for AVIF, WebP & High-Resolution images

  • 100% FPC / Varnish compatible

  • Dedicated Optimized Image Cache for all optimized images

  • Highly flexible & Advanced Configuration

    • AVIF/WebP conversion blacklist and
    • Lazy loading blacklist and
    • configs for compatibility with some custom functions (e. g. some lazy load scripts)

  • Proven and Trusted Build based on our widely used and tested JaJuMa WebP Optimized Images, the #1 WebP images solution for Magento.

  • AVIF:
    JaJuMa Ultimate Image Optimizer allows using AVIF images in any Magento 2 store. AVIF provides superior quality characteristics together with even better compression than WebP.

    • Newest-generation AVIF optimized image files in your Magento store
    • Smaller file sizes than with WebP with the same quality
    • Rocket Speed: Faster page load times thanks to reduced data
    • Automated conversion of existing .jpg + .png files to AVIF images via Cron Job and/or CLI
    • 2 different AVIF conversion tools supported ("cavif" conversion tool bundled with the extension & Imagemagick)
    • AVIF conversion is using multi-threading to speed up AVIF conversion.
    • Configurable safeguards/thresholds to avoid server overload by AVIF conversion
    • AVIF is currently supported by Chrome, Firefox & Opera
    • Through automatic fallback to .webp for browsers with no AVIF support, automatic fallback to .jpg/.png for browsers with no AVIF and no WebP support, extension is compatible with all browsers
    • Build-In AVIF conversion test & preview tool
    • AVIF quality/compression level is configurable

  • WebP:
    With Ultimate Image Optimizer, you get all the great features provided by JaJuMa WebP Optimized Images extension, the #1 WebP images solution for Magento: WebP optimized next-generation image files on your site

    • 75% and more reduced file sizes with the same quality
    • Faster load times by reduced data
    • Automated WebP conversion of existing .jpg + .png files on-the-fly or via Cron Job/CLI
    • More than 90% of all internet users are currently using WebP capable browsers (source)
    • Compatible with all browsers (automatic fallback to .jpg/.png for browsers with no WebP support)
    • Supports three different WebP conversion tools (GD, cwebp, Imagemagick)
    • Build-In WebP conversion test & preview tool
    • Configurable WebP quality/compression level
    • Easy to use with pre-configured Base-Mode or
    • Full control with Expert-Mode

Additionally, Ultimate Image Optimizer provides

  • Lazy Loading

    • Converted images can be lazy loaded via native and JS-based Lazy Loading
    • Improved performance and faster page load
    • Customers and store benefit from reduced bandwidth usage
    • For JS-based lazy loading a light-weight and performance-optimized lazy loading script is used
    • Lazy loading icon/image is configurable
    • Images can be excluded from lazy loading via blacklist as needed (e. g. above-the-fold / hero images)

  • High-Resolution/Retina Images

    • By making use of high pixel-density of modern displays best possible image quality is ensured
    • No more "blurry", but super-sharp and crystal-clear product images
    • High-Resolution ("Retina") images can be automatically created and added for your product images
    • Choose between double and/or triple resolutions to be added

And on top of this, Ultimate Image Optimizer provides

  • Image Optimization Status & Statistics view in Magento Backend
    • With option to scan your media files anytime manually or regularly via cron job
    • Image conversion/optimization progress and status in Backend
    • Statistics and numbers on image file sizes and savings for each image converted to AVIF/WebP

Features

How Does The AVIF/WebP Conversion And Image Optimization Work?

Ultimate Image Optimizer Extension for Magento 2 by JaJuMa supports 2 different AVIF conversion tools and 3 different WebP conversion tools. Just make sure at least one of these is available and working on your server for each image type. If so, the extension will convert all your images, existing and new ones, automatically.
The conversion/optimization is processed on-the-fly, on page request from frontend, and/or via cron job/cli. Of course the extension allows you to configure the conversion quality and if needed even more conversion parameters, incl. conversion speed, priority, blacklisting some images from conversion and for compatibility with your custom functions. The extension also comes with a build-in test conversion & preview tool for both, AVIF & WebP, so it is even super easy to find the most suitable image quality for your demands.

How good are AVIF & WebP?

Simply put: AVIF allows significantly smaller image sizes than WebP and WebP allows significantly smaller image sizes than JPG/PNG with the same quality. For SEO rankings as well as best page load times and website performance it is simply a no-brainer and must-have to use these newer and more advanced next-generation image formats!
How good are AVIF & WebP Optimized Images for Magento?
Want to know by how much image sizes can by reduced when using AVIF and WebP? Please see the optimization statistics on our Ultimate Image Optimizer Demo: Demo Backend (Admin Login: demo / demo123).
Or check our case study [WebP vs. JPG Quality comparisons](WebP Optimized Images Extension for Magento by JaJuMa )

Lazy Loading Images on Magento 2

No image optimization is complete without lazy loading.
With JaJuMa Ultimate Image Optimizer you can use both, native lazy loading for browsers that support it and / or script based lazy loading working in any browser. Ultimate Image Optimizer is using a light-weight and performance optimized script for lazy loading that is compatible with .avif/.webp and <picture>-tags and allows you to exclude e. g. "hero"-images above-the-fold from lazy loading as needed.

"Retina" / High-Resolution Images for Magento 2

Want to have crystal clear and super-sharp product images? Make use of modern displays high pixel density effectively? JaJuMa Ultimate Image Optimizer for Magento 2 will do that for you! For each image type, AVIF, WebP, JPG/PNG, you can have high-resolution/Retina version created automatically. In total you can have up to 9 different versions for each of your product images. And your customers will have the most suitable version in terms of size and quality downloaded by their browser, depending on their browers and displays capabilities.

100% Local / On-Premise Solution

JaJuMa Ultimate Image Optimizer solution is not only a must-have for your website performance and page load optimization or your SEO and rankings optimization. It is also low cost and low-risk solution as it is running 100% locally on-premise, on your server and with no dependencies from 3rd-parties.

Compatibility With All Browsers

AVIF is currently supported by Chrome, Firefox and Opera browsers.
WebP is already supported by all major browsers. More than 90% of all internet users use a browser that supports WebP (Source).
But with JaJuMa Ultimate Image Optimizer there is no disadvantages or limitation for users with browsers without AVIF/WebP support. As a fallback, for these users the "the best supported" version of your images will be served automatically.

Magento 2 Ultimate Image Optimizer Demo

Magento 2 Ultimate Image Optimizer Demo with Hyvä Themes

Documentation

Other Magento 2 Extensions by JaJuMa

Other Services by JaJuMa

© JaJuMa GmbH | www.jajuma.de

About

Magento 2 Ultimate Image Optimizer (AVIF + WebP + Lazy Loading + High-Resolution / Retina Images)

www.jajuma.de/en/jajuma-develop/extensions/ultimate-image-optimizer-extension-for-magento-2

Topics

images magento magento-2 magento2 webp magento-extension magento2-extension high-resolution image-optimization retina-images magento-2-extension magento-2-module avif webp-conversion image-optimizer av1-image jajuma avif-images webp-optimized-images avif-conversion

Resources

Readme
Activity
Custom properties

Stars

3 stars

Watchers

3 watching

Forks

1 fork
Report repository

Releases

No releases published

Packages

No packages published