2021年4月7日 星期三

data URI

data URI 可以將影像,檔案等以 base64 編碼內嵌至網頁內,可以減少瀏覽器發出 Request 的次數

data URI 的表達式如下:
data:[<mediatype>][;base64],<data>

img 使用 data URI 是最常見的模式,例如上面這張 Hello World 圖片(Blogger 預設的附圖就是 data URI)

a link 加上 download="filename" 就可以用 data URI 直接下載檔案

例:

Download PNG (上面那張 Hello Word 圖檔)

Download TXT

實測 JS、CSS 的引入檔也可以用 data URI,但似乎未曾看過有人這樣做,猜測可能是不好管理。
現今瀏覽器多執行緒的優化,使用 data URI 可能不見得比較快了

沒有留言:

RouterBoard 與 HiNet MOD 的奇怪問題

HiNet MOD 機上盒(註1),在實體電源關機(註2)後兩分鐘, 會造成 RouterBoard 的 PPPoE 斷線重連,有夠怪的問題 這個問題追了好久,終於找到兩者竟然有關聯 經過多次驗證,確認了這個關聯性,就在機上盒關機後的兩分鐘(正負5秒), RouterBoard ...