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

pmriley21

PMR | Add Image Dimensions Columns

Adds width and height columns to the Media Library.

Art Project Group

WC – APG Weight Shipping

Add to WooCommerce shipping costs calculating based on weight, size and post code, state (province) and/or customer’s country.

Marco Pereirinha

WooCommerce Variation Details on Page Product

Displays physical size and/or weight within meta details of product with variations.

DoubelJ

Show Dimensions in Library

Takis Bouyouris

Ilias P

gkastorinis

wecommerce

Calculate price by weight/dimension for WooCommerce

Let customer select the exact dimensions/weight for selected products & automatically calculate their cost.

th23

th23 Upload

Resize images on upload to maximum dimensions, saving space and bandwidth. Watermark images upon upload or manually via Media Library

Nate Allen

Ethan O'Sullivan

Fact Maven

<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>


Alternatives to Specify Image Dimensions

Top alternatives