Mario Peshev

DevriX

Lachezar Gadzhev

DX Webp Picture Tag Image Wrapper filters the content and replaces the img tags with picture tags by adding two sources – one with the image followed by .webp extension 
and one with the original image.
The plugin supports jpg, jpeg and png formats
Your site needs to support Webp images
DX Webp Picture Tag Image Wrapper resolves the issue with Accept header on Safari that doesn’t include the webp format. Using the picture tag 
allows the browser to render Webp images, if they are supported, without relying on that header

DX Webp Picture Tag Image Wrapper

Automatically wraps content images in picture tag by making one of the sources webp. It supports Gutenberg content

PiotrPress

Clearcode

This plugin adds the <code>[img]</code> shortcode which replaces the <code><img></code> html tag. It’s also enables adding new media to post/page via the ‘Add media’ button by automatically inserting the formatted shortcode code to the editor. 
You can simply add the <code>[img]</code> shortcode with a media ID to display:
<pre><code>[img 123 /]
</code></pre>
or a fully formatted <code>[img]</code> shortcode:
<pre><code>[img 123 align="center" size="full" caption="Sample text" title="Sample text" desc="Sample text" alt="Sample text" url="http://example.com/" /]
</code></pre>
It’s supports <code>srcset</code> and <code>sizes</code> parameters.
<h4>Tips & Tricks</h4>
You can use your own html template file for displaying the <code>img</code> tag by using filter:
<pre><code>add_filter( 'Clearcode\IMG_Shortcode\template', function() { return '/themes/clearcode.cc/templates/img.php'; } );
</code></pre>

CC-IMG-Shortcode

This plugin adds the [img] shortcode which replaces the `` html tag.

DX Webp Picture Tag Image Wrapper vs CC-IMG-Shortcode