Please add webp support to template. Or at least add possibility to remove default logo. Now to have webp logo i create modules with images and place them in logo possition. But that is not enough i need to add or placegolder pixel image or add to logo text transparent css.
It was not so with helix 1.3
Solved
Helix Framework
Please add webp support to helix template and or remove url or default logo
Asked by Igors
4 years ago
Last activity 4 years ago
Accepted answer
Marked as the solution
Pavel
4 years ago
· edited
Hi Igors.
Just advice. Using Webp is not so easy. IOS does not support it before the current version. Therefore, you need to use <picture> with srcset containing multiple image formats but not simple <img>
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/picture
There are plugins for Joomla automatically making it with all existing images on the site, and generate a Webp. But it slows down the site.
Webp format overvalued. It does not win at well compressed JPG or PNG
22 more replies
Mehtaz Afsana Borsha Staff
Hi
Thanks for your suggestions. Could you please give me a demo of what type of actually do you need? So that I can add it to our feature request list
-Regards
Paul Frankowski Senior Staff
4 years ago
· edited
HI Igors, as know you can use svg logo in Helix Ultimate options, many users use it already.
For example random user from today: https://forteinnovations.com/
ABout logo URL you can edit template file to remove it, edit here:
templates\shaper_helixultimate\features\logo.php
But most webmasters thinks that URL in logo is a useful feature, and used on 3/4 websites around the World.
Igors Asked this
Hi Paul. When i create custom module with logo i add url too.
<div class="logo"><a href="/en/"><img class="logo-image" width="162" height="80" src="/images/logo-m.webp" alt="ursus.lv" /></a></div>And usualy it is easy to change file format from jpg to webp but dificult to crate svg. Just changing to svg is not a correct way.
Also i would be good if you add image parammeters to template logo.
Paul Frankowski Senior Staff
4 years ago
· edited
You can always rename extension name (from webp to png) and cheat Joomla to choose correct image.
By now It's the faster way for website logo. Think out the box.
But yes, I will ask about it.
Igors Asked this
Hi Paul, thanks for replay. I try to get maksimum score on google page speed tool. Do not care much about older iphones. If google will ask some other format i will use that :).
I noticed that pages with higher score have better possitions. Part of this is or native svg or webp images.
Jens W.
4 years ago
· edited
ㅤ
Igors Asked this
It would be good or add webp support to template or alow to remove logo complitely so we can use custom module in logo possition.
So JCH is a winner.
Jens W.
4 years ago
· edited
ㅤ
Pavel
You can use DJ-Webp
Hi Jens. Try measuring the speed before installing DJ-Webp and after. I think you will be disappointed
Jens W.
4 years ago
· edited
ㅤ
Jens W.
4 years ago
· edited
ㅤ
Jens W.
4 years ago
· edited
ㅤ
Jens W.
4 years ago
· edited
ㅤ
Pavel
4 years ago
· edited
Ok. If you converted already compressed, it is possible to achieve good performance but with loss of quality.
Here is a pure experiment.
- jpg right from pixabay.com 597kb > convert via convertio.co to webp = 577kb
- jpg right from pixabay.com 597kb > compress via iloveimg.com > output jpg = 361kb
https://www.dropbox.com/s/ufzwwdq9m8da4hk/compress-check.zip?dl=0
About DJ-Webp. I tested on real hosting and the results were not impressed with me.
Igors Asked this
I use photoshop and webp addon, result is very good.
Jens W.
4 years ago
· edited
ㅤ
Pavel
4 years ago
· edited
If you really use images of this size on your website, then you are doing something fundamentally wrong. ;)
Hi Jens. I did not say that I use it on the site. It was just a pure experiment.
But... there is nothing wrong to use such images. It all depends on the design.
Would you possibly provide the page where you found the problem and how much slower it became due to the extension?
I have long been tested and did not save the results.
But if we think logically:
By default, there is an <img> containing a static link to the image.
When we turn on the plugin as a DJ-Webp, on first start, it collects all images from the site, converts them, with each reboot of page, it adds at least srcset in <img>. By the correct, it must delete all <img> s and replace them on <picture> with <source> and <img> inside.
I do not think that the execution of the script will win at the static link. And I was convinced of this when testing. If I knew that the result would be required as an argument, I would save it :)
And an important point. I did not test the speed of the full page, only the speed of the first render for user interaction. And this indicator was worse with DJ-Webp.
Perhaps the speed of the entire page is faster by reducing image sizes. But not the first render. I consider this indicator most important. This was especially manifested in interactive components, such as carousels, galleries and similar.
Jens W.
4 years ago
· edited
ㅤ
Igors Asked this
HI Pavel sory i writte here. There is not chat option anymore. Can you please help me please solve one problem i would pay for it. I need in a corner of top row place some svg or css circle so it scales when weport changes. If i place some css circle it changes possition.
Paul Frankowski Senior Staff
@Igors Sorry, but we cannot take private task from forum. Please search freelancer in your country.
Igors Asked this
I lost Pavel contacts. There was a chat before
Paul Frankowski Senior Staff
Uncertain times, also in Russia. Many people are arrested every single day.
Log in to reply.