You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
PostHTML plugin that automatically sets width and height of <img>.
It supports JPG, PNG, GIF, BMP, TIFF, SVG, and WebP.
It autosizes both local and remote images.
Usage
By default the plugin will autosize only images with width="auto" and height="auto":
If you use ?.. for image versioning in your HTML you should set questionMarkAsVersion: true in the config:
posthtml([require('posthtml-img-autosize')({questionMarkAsVersion: true})])// The image file has "photo.png" name.process('<img src="photo.png?v=2" width="auto" height="auto">').then(function(result){console.log(result.html);});// <img src="photo.png?v=2" width="111" height="52">
Without that option the plugin would search for a file with name photo.png?v=2 on your disk.
Error handling
You can use the usual Promise.catch() to handle errors:
posthtml([require('posthtml-img-autosize')()]).process('<img src="notExists.jpg" width="auto" height="auto">').then(function(result){// ...}).catch(function(error){console.log(error.message);});// ENOENT: no such file or directory, open '/notExists.jpg'