Learn about WebP
If you've ever used Google's PageSpeed Insights tool, you'll always get advice in the analysis results: "Image formats like WebP and AVIF often provide better compression than PNG or JPEG, which means faster downloads and less data consumption"
So what is Webp, how important is it and how to convert it. This article can help you.
1. What is WebP
WebP is a modern image format that provides superior lossless and lossy compression for images on the web. Using WebP, webmasters and web developers can create smaller, richer images that make the web faster.
WebP lossless images are 26% smaller in size compared to PNGs. WebP lossy images are 25-34% smaller than comparable JPEG images at equivalent SSIM quality index. This helps your website load faster.
2. How to convert images to WebP
You can convert images to WebP in 3 ways:
- Use free software like: Advanced Batch Image Converter, XnConvert, Adobe Photoshop WebP Plugin, GIMP WebP Import Export Plugin.
- Using Online services.
- If you are using the Joomla platform to build a website, you can use the free tool of DJ Extension: DJ-WebP
3. Why Is WebP Still Not Popular Yet
Some older browsers do not yet support WebP, which is a minus point for the customer experience. Of course, adding some code can solve this problem.
In addition, if your website doesn't have too many images and the images are optimized (compressed), you may not need to use it yet.
I have been googling how to change the menu colours, as the black text on my purple background is not very readable. However everything I have tried to change the text colour of the Off-Canvas main menu text to white did not work.
Would you know what custom CSS I would need to change all menu items to white text (including submenus).
Probably need background colour to not be white when hovering over submenus
Any help you can provide would be gratefully appreciated (or a pointer to some useful help).
Thank you
see
https://siteupdate.vedicmaths.org/index.php
InPre-Update Check for Joomla 5.4.4
for Off-Canvas it says
Joomla cannot detect the extension's compatibility with the target version of Joomla.
have you implemented the compatibility stuff for Joomla to upgrade extensions correctly ?
Have got two off canvas menus working (1. for tools and 2. for main menu)
However I can only get the Main menu to display the first level of menu items.
Have you any suggestions for getting the sub menu items to display ?
N.B. the menu item with sub menu items does display a down arrow, but trying to click on it only display the item at the main menu level.
see
https://siteupdate.vedicmaths.org/index.php
If you want to see where I have currently got to