Archived topic
Upload avif images
9 replies · Started by Christopher on May 3, 2022
Hi there,
In order to speed up the website, I would only like to use avif images. By default, it is not possible to add those to Gutenberg Editor.
I would like to avoid installing extra updates just to add avif images, do you know if those might be allowed by default in the near future?
Also, perhaps you can recommend any caching plugin that I would use anyway and that might also enable avif support? Right now I am using "WP-Optimize 3.2.3" but it does not seem to support it.
Or perhaps there is another "standard" plugin that would allow me to upload avif files? Happy to update my functions.php as well. I just want to avoid installing extra plugins just for the sake of uploading avif images.
Thanks,
Chris
Hi there,
WP only just started basic support for webP in 5.8 - so i can't see AVIF coming anytime soon.
Besides AVIF has very limited browser support:
https://caniuse.com/?search=avif
So you will need to use a 3rd party Image CDN to make it work. Found a good article that covers a lot of options here:
Thanks David.
Would you recommend any other file format that is natively supported in Wordpress as of now and provides the best quality to filesize ratio?
webP is the go to format of today.
Just need to be mindful that older devices/browsers do not natively support it and therefore if you don't use a conversions service some people may never see the image.
I still work with JPEG/PNG and desktop optimize my images before uploading. Which is fine if you have the time and don't need to process 100's images a day/week
Thanks,
yes I also use PNGs and decrease the size, but the images will still be a bit too big for quick page loads (~800kb).
How about JpegXL?
Unless you're into experimental features in your browser there is no modern browser support for it:
https://caniuse.com/?search=jpegxl
Unless i need alpha channel ( transparency ) in my images i work predominantly with JPEG.
I work on a mac so use ImageOptim or Optimage for bulk compression. Most of my image needs can be realised in 56 - 200kb depending on size.
Thanks. It looks like for webP I would have to install third party codecs to open the Images in the Win10 Photo App. I dont want to do that.
Looking at the site https://squoosh.app/editor, i can see they also offer these formats:
OptiPNG – converts PNG, BMP GIF, PNM and TIFF to optimised PNG.
MozJPEG – converts JPG, TARGA, BMP and PPM to optimised JPEG.
They both dont show up in the website you listed though. Not sure if Moz only works in Mozilla browsers?
They would both result in a good reduction of file size while not losing much image quality.
Could you comment on those as well please?
Thanks
OptiPNG and MozJPEG are just encoders , then will still output the standard .png and .jpg respectively.
Ah great, so I can go ahead and use either of those if I am happy with the filesize and wait with the newer filetypes once they are more adapted by the browsers. Thanks!
You're welcome
