JPEG2000 and WEBP helpers for Wordpress.
After ten years of waiting, we’re finally getting support for modern lossy image compression in browsers! And just like you’d expect, they can’t agree on a standard! Awesome!
Apple brought us the format we’ve been waiting for — JPEG 2000. Thanks to copyrights and patents, none of the other browser makers are getting on board. https://caniuse.com/#feat=jpeg2000
Google came up with a fancy play on their WebM video format to introduce WebP. Nobody else cares. https://caniuse.com/#feat=webp
Microsoft is (typically) doing its own thing. Mozilla has decided to punt for another decade. In the meantime, I want these to use these in Wordpress projects today, so here we go…
PHP with shell_exec() enabled
ImageMagick on your web server
We’re taking advantage of the <picture> tag. You can read about it at https://www.useragentman.com/blog/2015/01/14/using-webp-jpeg2000-jpegxr-apng-now-with-picturefill-and-modernizr/
Whenever an image is uploaded to Wordpress, this plugin will make WEBP and JP2 copies of the image and all its thumbnails.
When a post with an <img> tag is saved, it will parse the post content and replace it with a <picture> tag.
There is also a shortcode helper and PHP function for template authors.
shortcode: [ng-picture src="/wp-content/uploads/someimage.jpg" alt="my image" class="herp derp"]
PHP with Wordpress Media Object: ng_picture($image, array('alt' => 'my image', 'class' => 'herp derp'));
PHP with image url: ng_picture('/wp-content/uploads/someimage.jpg', array('alt' => 'my image', 'class' => 'herp derp'));
Shortcode should probably support lookup from image ID.
What’s up with all the snark
Ten years man, out of fucks.