內容簡介
「Specify Image Dimensions」是一款外掛，它會掃描並在所有的 <img> 標籤中插入缺失的 width 和 height。指定維度可以通過消除不必要的重新排版和重繪以實現更快的渲染。這對於像 GTmetrix 和 Google 的 PageSpeed 這樣的網站速度工具尤其有用。
Before
<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" />
After
<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" />
在 GitHub 上貢獻
想要幫忙改進這個外掛嗎？請前往我們的GitHub頁面
外掛標籤
開發者團隊
原文外掛簡介
Specify Image Dimensions is a plugin that scans and inserts missing width and height in all 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 GTmetrix and Google’s PageSpeed.
Before
After
Contribute on GitHub
Want to help improve this plugin? Head over to our GitHub page
