Printable View
google is doing it's damnedest to make pictures load faster on the internet by developing a new image format caled WebP
http://code.google.com/speed/webp/
I guess you Xara developers are all over this and are currently playing with ways to integrate it in your apps. right? :: nudge nudge ::
the order of symbolic measures
Is webp supported by other browsers?
I doubt webp will catch on until a lot of browsers accept it and a lot of graphic editors can generate and read it. This is the first time I have ever heard of it.
It is currently supported by Chrome and Opera. No word yet on other browsers picking it up. It seems like an interesting project, and although I am biased against lossy compression, personally, I can see the value of developing it if they can get it looking better than JPEG.
-- Ben
I Believe that all major browsers now use webp, its the way to go apparently, as the file size is much better than jpg or png.
Xara needs to do this.
I was told on the hush, that Google are looking to implement website rankings scores, that favor webp by the end of 2021, no idea if that's true, only what I heard.
Interesting that this thread is from 2011 and now this format is widely used, especially by major news sites. It is time for Xara to add this format to their products.
Indeedy, time for them to upgrade the software asapQuote:
Originally Posted by gwpriester
I'm surprised that this isn't supported - BUT, this can and is implemented on the server-side. For example, siteground have this built-in, they serve WebP versions of your images to compatible browsers, the jpeg version is still there if needed. I'm sure there are plenty of other hosting company's which offer this.
Edit - I think that may be only applicable to WordPress sites. Plus Google only cares about the speed, not the format used.
Interesting, my site is hosted with siteground, I am not aware of the ability to use webp images, will have to look into that, although I suspect I would need to configure the site some how to use the webp images, and not just upload webp copys.Quote:
Originally Posted by Cloud
In the meantime...
...Secure a high quality JPG/PNG file and drop onto your design page.
Scale the image to your wanted size.
Use an on-line image to webP converter - I tried https://convertio.co/webp-converter/ as it seemed to be the best out there.
Save the converted webP file in the same folder as your original (just for convenience).
Select the image in your design and press Shift+Ctrl+Alt+A and add the full path to your webP file.
Finally, open the same selected image's Placeholder code body and add: <img src="index_htm_files/[image].webp" width=100% height=100% />, where [image] is your filename.
Do not have Regenerate placeholder image ticked and click out with the OK button a few times.
Your XDA will now use the webP file instead of your JPEG/PNG.
Far from perfect but it does work: https://shared.xara.com/ftJWjAASDx/.
In return, I need the code that would handle the stretched placeholder image in a similar fashion to Stretch Full Width.
Acorn
Thanks Acorn.
I did think it would be something like that, but to do that for my whole website would take some commitment, and probably some valium, and lots of coffee. :eek:Quote:
Originally Posted by Acorn
Seriously though it would be nice to convert all jpg and png files. Thanks for the link.
Maybe Santa will use his magic elf dust on the Devs :D
@Xara - Which is why we deserve to see a Technical Roadmap as making changes like this involve a high commitment. Suddenly getting a working solution may incur a lot of nugatory effort.Quote:
Originally Posted by Ore
I think we can understand you have a lot of technical debt as the codebase is very mature. So even saying it is not possible is beneficial. that is the power of a roadmap.
Acorn
For those concerned about on-line conversion, you can use free desktop applications like IrfanView, GIMP and Krita. Not Affinity suite AFAICS.Quote:
Originally Posted by Acorn
Acorn
That makes a lot of sense, would be good to know what's coming up.Quote:
Originally Posted by Acorn
I worked out the code to embed the webP in a Stretchy frame:Quote:
Originally Posted by Acorn
You then need to apply the Stretch Full Width (and Sticky) to the Placeholder.Code:<div style="left:0px;top:0px;width:100%;">
<span class="xr_ar" style="left: 0px; width: 100%; height: 512px; pointer-events: none;background-image: url('index_htm_files/[image].webp'); background-position: center; background-repeat: no-repeat; background-size: cover;"></span>
</div>
You have to set the Placeholder and SPAN height to the same value to keep things sane.
I use Shift+Ctrl+Alt+A to attach [image].webp to the Placeholder.
Acorn
Update
Just <span class="xr_ar" style="width: 100%; height: 512px; pointer-events: none; background-image: url('index_htm_files/[image].webp'); background-position: center; background-repeat: no-repeat; background-size: cover;"></span> works with Stretch Full Width (and Sticky) to the Placeholder.
Acorn
There is a more direct way of adding a webP image to a design page through a Placeholder > Placeholder > Replace with graphic file > All files and pick the required image file.
The problem with this way is you need to know the dimensions of the image to get the scaling right as the Placeholder distorts the image to its dimensions:
You cannot access the code directly - <img class="xr_ap" src="index_htm_files/[image].webp" alt="" title="" style="left:38px;top:44px;width:792px;height:481px;"> but you could add a Name ID for CSS/JS/jQuery manipulation.
Equally, you can load in an SVG in the same fashion but the image is scaled down to fit into the smallest Placeholder dimension.
The resultant is a base64 image/svg+html, which, I believe, you cannot manipulate in code any further.
Acorn
Dear Xara...
For want of any response, how about upping the ante?
www.industrialempathy.com/posts/image-optimizations/
Acorn
One more and this is even simpler. XARA, HOW BLEEPING HARD IS IT TO ADD SUPPORT FOR WHAT IS NOW AN INDUSTRY STANDARD WEB FORMAT?
Support for WebP on export and publish is now available in Xara Designer Pro+ https://www.talkgraphics.com/showthr...e-21-0-0-61527
Download trial to give it a try here: https://www.xara.com/pro-plus-download/
Do read https://www.talkgraphics.com/showthr...w-WebP-Support.Quote:
Originally Posted by MB365
Acorn
There is an option to do that. You don't have to do anything, it converts the images to WebP. I know that some of the older customers are still stuck with the Cpanel dashboard, which doesn't have this automatic option. Speak to siteground to get it updated to their own new control panel.Quote:
Interesting, my site is hosted with siteground, I am not aware of the ability to use webp images, will have to look into that, although I suspect I would need to configure the site some how to use the webp images, and not just upload webp copys.