DoubelJ

Show Dimensions in Library

Nate Allen

Fact Maven

Ethan O'Sullivan

<blockquote>
<p><strong>Specify Image Dimensions</strong> is a plugin that scans and inserts missing <code>width</code> and <code>height</code> in all <code><img></code> tags. Specifying the dimension allows for faster rendering by eliminating the need for unnecessary re-flows and repaints. This is particularly helpful with website speed tools such as <a href="https://gtmetrix.com" rel="nofollow ugc">GTmetrix</a> and <a href="https://developers.google.com/speed/pagespeed" rel="nofollow ugc">Google’s PageSpeed</a>.</p>
</blockquote>
<h4>Before</h4>
<pre><code><img src="http://example.com/image.jpg" title="Some Title" />
<img src="http://example.com/vector.svg" class="svg" />
<img src="http://example.com/another-vector.webp" />
</code></pre>
<h4>After</h4>
<pre><code><img src="http://example.com/image.jpg" title"Some Title" width="100" height="25" />
<img src="http://example.com/vector.svg" class="svg" width="100%" height="auto" />
<img src="http://example.com/another-vector.webp" width="100%" height="auto" />
</code></pre>
<h4>Contribute on GitHub</h4>
<p>Want to help improve this plugin? Head over to our <a href="https://github.com/factmaven/specify-image-dimensions" rel="nofollow ugc">GitHub page</a></p>


Specify Image Dimensions

Automatically specify image dimensions that are missing width and/or height attributes. Helps load faster and better ranking on website speed tools su …

Show Dimensions in Library vs Specify Image Dimensions