| Availability |
Odoo Online
Odoo.sh
On Premise
|
| Odoo Apps Dependencies |
•
Discuss (mail)
• Website (website) |
| Community Apps Dependencies | Show |
| Lines of code | 4790 |
| Technical Name |
odoo_webp_pro |
| License | OPL-1 |
| Website | https://skyerp.net |
| Availability |
Odoo Online
Odoo.sh
On Premise
|
| Odoo Apps Dependencies |
•
Discuss (mail)
• Website (website) |
| Community Apps Dependencies | Show |
| Lines of code | 4790 |
| Technical Name |
odoo_webp_pro |
| License | OPL-1 |
| Website | https://skyerp.net |
Odoo WebP Pro - Optimize Odoo Websites speed by converting all images to WebP format
Odoo WebP Pro is a cutting-edge image optimization module tailored for supercharging your website's speed and performance. This advanced module automatically converts all existing images on your Odoo website to the highly efficient WebP format, reducing file sizes and drastically improving loading times without compromising image quality. With seamless automatic WebP conversion upon user image uploads, Odoo WebP ensures that your website maintains peak performance at all times.
Highlight
-
Add Supporting for WebP images for Odoo: Normally Odoo not support WebP in website and in odoo Backend, we add that option so user can use WebP in back end and front end.
- Automatically Convert Images to WebP when upload: Image formats (include .png, jpg, gif) will automatically converted to WebP whenever user upload the images in Odoo website.
- Support Unsplash images: Whenever user add an unsplash image it will be converted to WebP automatically
- User can control the quality of the Webp image: In website have option for user to change the quality of the WebP image (to further optimize for quality vs filesize)
- Support all odoo website image editing tool such as add shape and transform image to WebP images
- Convert image from URL to WebP: In odoo website it have option to add image from url, we add an option to convert the url image to WebP and store it in odoo for fast loading.
-
Wizard allows to convert all website and blog post's images to WebP. Further more user can also control the quality of the WebP and reconvert it to archive better result (for example user can change various WebP setting to convert then change it again and re convert many time untill satify with the result)
Features
Community and Enterprise compatible
Compatible with Odoo Community, Enterprise
Odoo SH Compatible
Can use in Odoo SH and On Premise
Supporting for WebP image format
Allow uploads WebP image format on Odoo back end as well as Odoo website
Automatically convert Images to WebP when upload
In Odoo website and also in back end, whenever user upload PNG, JPG, GIF images, the image will be converted to WebP format automatically
Mass WebP Conversion Wizard
Converting all website images to WebP
Re convert all website images without lossing quality
WebP image work seamlessly with standard odoo image editor
Adjust WebP image quality
Apply Shape to WebP image
Apply Filter to WebP image
Transform to WebP image
Why Switch to WebP?
- Reduced File Sizes: WebP is a modern image format that employs advanced compression algorithms, resulting in significantly smaller file sizes compared to traditional formats like JPEG and PNG. Smaller files lead to faster downloads, reducing bandwidth usage and server load.
- Faster Loading Times: The reduced file sizes of WebP images directly translate into faster loading times for your website. Accelerated loading leads to improved user experience, higher user engagement, and lower bounce rates.
- Improved Page Ranking: Website speed is a crucial factor in search engine rankings. By optimizing your images with WebP, you can improve your website's performance metrics and potentially achieve higher rankings on search engine results pages (SERPs).
- Cross-Browser Compatibility: WebP is supported by all major modern browsers, including Google Chrome, Mozilla Firefox, Microsoft Edge, and Opera. This ensures that your optimized WebP images will display correctly across a wide range of devices and browsers.
- Lossless and Lossy Compression: WebP supports both lossless and lossy compression. For images that require high fidelity, lossless compression retains original quality without any loss, while lossy compression can be used for images where some quality loss is acceptable, resulting in even smaller file sizes.
- Responsive Web Design Benefits: For responsive websites, WebP images adapt seamlessly to different screen sizes and resolutions, ensuring your content looks stunning and loads quickly on various devices, from desktops to smartphones.
- Optimized User Experience: In today's fast-paced digital world, users expect websites to load quickly and deliver content promptly. By leveraging WebP, you provide an optimized user experience that leaves a positive impression on visitors.
- Reduced Bandwidth Costs: Smaller image file sizes mean reduced bandwidth usage for both you and your website visitors. This can lead to cost savings, especially for websites with high traffic and image-heavy content.
Installation
The WebP Multiple Conversion use python Pillow Library to do the process, and it requires libwebp installed in order to function.
For Ubuntu: sudo apt-get install libwebp-dev
For other operation systems, please read this link
The WebP Wizard Converting using Queue Job to handle the converting process, so make sure that you configure your system in order to run Queue Job, please click on this link and follow the instruction.
Functions
Add Supporting for WebP images for Odoo:
Currently Odoo does not support WebP in website and in odoo Backend, we add that option so user can use WebP in back end and front end.
Odoo not reconize WebP as an Image file when upload WebP image format in back end
And in Odoo Website, User will encounter User Error like this in the backend whenever user try to upload any images that is not supported by Odoo (WebP format included).
Or when user uploads the WebP image format using media dialog in Website, Odoo will block the upload progress.
After installing the application, it extends Odoo system for supporting for WebP image format.
Converting automatically image in other formats to WebP whenever user upload images in Backend and in Website
In Odoo Backend: Whenever user upload images in other format on field image or in any html field it will automatically convert the image to WebP format.
In Odoo Website: Whenever user upload images using media dialog, it will automatically convert to WebP then display in website.
The image is converted to WebP format
Convert Url image to WebP
In odoo website have the option to add Image to odoo website using Image URL. We add the option to Convert it to WebP then store the urld image in Odoo for fast loading and not depending on other source.
After you fill in the url image, the system allows you to Add URL or Convert To WebP, user click on the arrow down button, and then click Convert to WebP, so that it will get the image from the url image and convert it to WebP format and display it in the Website.
WebP image work seamlessly with odoo image editor
Adjust WebP image quality
By default the quality for WebP image is set to 85 which have good quality and also have small size, however user can still adjust the Quality to Up and Down to fit the need.
You can change the WebP image quality by adjust the slider and see the file size and the image real time. For example when you reduce the quality you will see the changes in image and change in size (see image below)
Adjust image width
When user change the Width of the WebP image in odoo website, the WebP image width will change accordingly, for example below is the case we change to bigger image = gt; The module will replace the current WebP image to new WebP image (which in this case is bigger in width and also bigger in file size)
Work with all odoo shape and transform function
Odoo website have functionality to transform images and add shape to the image, our module support transform apply to WebP image and add shape to WebP image like any other images.
Support Filter on WebP images
Our module will work with Filter on for WebP images, whenever user apply the filter to the image, it will automatically convert the filtered image to WebP as well, in the below image, notice the size of the WebP image is smaller after we apply the Inkwell filter.
Transform and style image
Example below is we apply transform the image
Result for apply multiple image editing tool to WebP Image
Converting all existing Website images to WebP format
When you first install the module, you may already have many images existing in website, therefore we add the functionality to Convert all existing images in all website pages and blog posts in to WebP.
1. In Settings, select Website, and find WebP Conversion, click on WEBP CONVERSION button.
2. The system opens the WebP Conversion Wizard. There are many setting for you to control how you want to optimize your WebP image quality vs size.
Note, there are a question mark in each option to explain the option for you.
Converting all existing images and additional images of Products to WebP format
Support converting all existing images and addional images of products to WebP. Note that the images and additional images of products just can converted to WebP one time, you will lost all your original images and additional images of the product after converting to WebP.
On the WebP Conversion Wizard, at Conversion Target choose "Just product's images" option to convert the product images.
For the serious user, following is explanation of all the WebP convert setting
Image WebP Convert setting
Conversion Target: Default is Just website image = gt; converting all the images uploaded from Website Pages, Website Blog Posts
Convert Image Type URL?: If checked, convert all the image attachments type URL as well.
Website: Chose the websites you want to convert, it support convert mutilple websites at the same time
Basic Options:
- Lossless: If checked, the image will be compress as lossless, if not it will compress as lossy.
- Quality: Integer, 0-100, Defaults to 85. For lossy, 0 gives the smallest size and 100 the largest. For lossless, this parameter is the amount of effort put into the compression: 0 is the fastest, but gives larger files compared to the slowest, but best, 100.
- Method: Quality/speed trade-off (0=fast, 6=slower-better). Defaults to 4, in
- Exact: If true, preserve the transparent RGB values. Otherwise, discard invisible RGB values for better compression. Defaults to false. Requires libwebp 0.5.0 or later. Make sure to check this box in case you want to keep the transparent background of PNG or GIF image.
Animation Image Options:
- Save All: By default only the first frame of a multiframe image will be saved. If the save_all argument is present and true, then all frames will be saved, and the following options will also be available.
- Duration: The display duration of each frame, in milliseconds. Pass a single integer for a constant duration, or a list or tuple to set the duration for each frame separately.
- Loop: Number of times to repeat the animation. Defaults to [0 = infinite].
- Minimize Size?: If true, minimize the output size (slow). Implicitly disables key-frame insertion.
- Allow Mixed?: If true, use mixed compression mode; the encoder heuristically chooses between lossy and lossless for each frame.
3. In case you not sure, just leave everything as default then click on CONVERT button to convert.
4. After clicking on CONVERT button, the system will be redirected to a list view of jobs that will execute converting images
5. After the job's state change to Done, you check the result on your websites
6. Optional: You can Change the setting and click the CONVERT button again to see the new result:
The convertion process will not delete the original images, it only create new WebP image then replace the WebP image in the position of the original image in Odoo Website, therefore you can change the setting then convert it again. In this case the module will using the original images to do the conversion then replace the exisiting WebP image with the new one. Therefore you can redo the conversion many time without lossing quality.
Below is some more explanation about some term
Lossless Compression:
Retains the original image quality without any loss of data.
Ideal for images requiring absolute fidelity.
Reversible compression, image can be restored to its original form.
Lossy Compression:
Achieves significantly smaller file sizes by discarding some image data.
Results in reduced image quality due to irreversible data loss.
Suitable for web and multimedia applications where file size is critical.
In the convertion option, the "Method" parameter represents the trade-off between image quality and encoding speed. The parameter takes an integer value ranging from 0 to 6, where higher values result in slower but more efficient compression, leading to better image quality. The default value for this parameter is 4, which provides a balanced compromise between encoding speed and image quality.
Here's a breakdown of the "Method" parameter values:
0 (Fastest): Setting the method to 0 prioritizes encoding speed over image quality. The compression process will be faster, but the resulting image may have lower quality compared to other method settings.
1 - 3: These values represent a range of balanced settings between speed and quality. As the method value increases from 1 to 3, the compression process becomes slightly slower, resulting in improved image quality.
4 (Default): Method 4 strikes a balanced trade-off between encoding speed and image quality. It is the default setting in libwebp and is recommended for general use as it offers a good compromise between both aspects.
5 - 6: These values indicate higher quality settings. As the method value increases from 5 to 6, the compression process becomes significantly slower, but the resulting images will have better quality compared to lower method settings.
When choosing a method value, consider the specific requirements of your application. If fast encoding and smaller file sizes are essential, consider using a lower method value. On the other hand, if image quality is a top priority and you can tolerate slower encoding times, opt for higher method values.
Keep in mind that the "Method" parameter is just one of the many encoding parameters in libwebp. Depending on your use case, you may also want to adjust other parameters, such as quality, target size, and preprocessing options, to fine-tune the compression process and achieve the desired balance between speed and image quality.
The "Exact" parameter is a flag that determines whether to preserve the transparent RGB values or discard invisible RGB values during the compression process of WebP images. This parameter is relevant when dealing with images that have transparency, such as PNG images with alpha channels.
Here's an explanation of the "Exact" parameter:
Exact: True (Default)
When the "Exact" parameter is set to true (which is the default), the compression process preserves the transparent RGB values, including those of fully transparent (invisible) pixels. This means that the original RGB values of fully transparent pixels will be retained in the compressed WebP image. By preserving these values, the compressed image maintains pixel accuracy, especially in areas with complete transparency.
Exact: False
When the "Exact" parameter is set to false, the compression process discards the RGB values of fully transparent (invisible) pixels. By doing so, the compression can achieve better compression ratios for fully transparent areas of the image, as the discarded RGB values do not contribute to the visual appearance of the image. This may result in slightly smaller file sizes for images with transparency.
The "Exact" parameter was introduced in libwebp version 0.5.0 or later, so it's important to use a version of libwebp that supports this parameter if you want to take advantage of it.
As with any compression parameter, the choice to use "Exact: True" or "Exact: False" depends on your specific requirements. If pixel accuracy and maintaining transparent RGB values are crucial for your application, setting "Exact: True" is appropriate. On the other hand, if achieving smaller file sizes is a priority, you may opt for the default setting "Exact: False" to discard transparent RGB values for improved compression.
Our Services
Full Odoo Services
- Odoo Consultation
- Odoo Implementation
- Odoo Customization
- Odoo Training and support
- Odoo SaaS hosting
Odoo mobile apps
We make native mobile app that work with Odoo
- Customize any design and user experiences
- Directly connect to Odoo
- iOS native app
- Android native app
Odoo IoT Integration
Connect IoT devices with Odoo for various purpose such as:
- Connect measuring devices for weighting, counting, or quality control
- Monitor machinery operation status and log in to Odoo database
- Controlling any IoT enable devices from Odoo
FREE 90 DAYS SUPPORT
SkyERP will provide free 90 days support for any doubt, queries, and bug fixing (excluding data recovery) or any type of issues related to this module. This is applicable from the date of purchase.
Odoo Proprietary License v1.0 This software and associated files (the "Software") may only be used (executed, modified, executed after modifications) if you have purchased a valid license from the authors, typically via Odoo Apps, or if you have received a written agreement from the authors of the Software (see the COPYRIGHT file). You may develop Odoo modules that use the Software as a library (typically by depending on it, importing it and using its resources), but without copying any source code or material from the Software. You may distribute those modules under the license of your choice, provided that this license is compatible with the terms of the Odoo Proprietary License (For example: LGPL, MIT, or proprietary licenses similar to this one). It is forbidden to publish, distribute, sublicense, or sell copies of the Software or modified copies of the Software. The above copyright notice and this permission notice must be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
Please log in to comment on this module