WebP pictures

I recently disovered WebP for pictures, and I think it makes sense to allow it for uploaded pictures, or even convert uploads into it. It offers a much smaller file size and does not have the blocky artefacts of JPEG.

This WebP Image I took only uses 388,278 bytes.

As long as we are fiddling with settings, do you have suggestions for any other formats?

The picture does not show up on my mobile.

paul wheaton wrote: As long as we are fiddling with settings, do you have suggestions for any other formats?

Jpeg and PNG are already supported. SVG might be interesting for drawings.

Artie Scott wrote: The picture does not show up on my mobile.

Yes, unfortunately some browsers living behind the moon still don't support it. Firefox took far too long to add support for it. But given that it can cut image sizes into a quarter or less, I think it is worth it.

Unfortunately WebP doesn't have very good support, so people on Mac or iOS (iPhone), or those with Internet Explorer or Blackberry will not be able to view them.
If you're concerned with image optimization, TinyJpg is a cool/simple tool for this!

Nothing to add except that the picture you took is stunning.

Sebastian Köln wrote:SVG might be interesting for drawings.

SVGs uploaded from untrusted sources are a security nightmare. You can embed scripts in them, and that's just the tip of the iceberg.

Mike Lang wrote:

Sebastian Köln wrote:SVG might be interesting for drawings.

SVGs uploaded from untrusted sources are a security nightmare. You can embed scripts in them, and that's just the tip of the iceberg.

Embedding them in a <img src="file.svg"> should be safe.

Simon Gooder wrote:If you're concerned with image optimization, TinyJpg is a cool/simple tool for this!

While I agree that this is a neat tool, it does not keep the same level of detail.
(I just double checked this by looking at high contrast areas. The compressed JPEG has the usual block artefacts and overshoots the edges.)

Sebastian Köln wrote:Embedding them in a <img src="file.svg"> should be safe.

If it was that easy, then why do libraries like this exist? - https://github.com/darylldoyle/svg-sanitizer/tree/master/src
Furthermore, why does WordPress core still block them by default? - https://core.trac.wordpress.org/ticket/24251