Responsive Image Srcset 產生器
輸入圖片原始尺寸、輸出寬度、檔名樣板與 sizes 模式,快速產生 responsive image 的 srcset、HTML 與 aspect-ratio CSS。
網站圖片要兼顧行動版速度與桌機清晰度時,手寫 srcset 與 sizes 很容易漏掉寬度、比例或 lazy loading 屬性。這個工具會依照原始尺寸與輸出寬度,產生可直接貼到頁面的 responsive image HTML,並附上維持版面穩定的 aspect-ratio CSS。
