2026/06/09 自己來比較省 響應式圖片（Responsive Images）圖片外掛

這個東西一直想要做，然後之前有嘗試過，雖然CLOUDFLARE有現成的方案，但是成本很高，因為我本來就有搭配R2的 作為圖片的CDN，現在只需要自動轉換成最適合我網站的不同大小的解析度，從原始碼可以看到1366PX/828PX/768PX/414PX 四種不同尺寸，這尺寸後兩者是透過GA4分析直接看我網站最多人使用的解析度決定的。

這外掛很簡單，分成前端跟後端兩個部分，後端是直接轉圖片尺寸（使用非常慢的速度避免影響到主機速度），前端的部分則是找出需要渲染的圖片部分，直接加上不同圖片尺寸的資訊，就這樣，結束，相對沒有那麼難，而且依照WORDPRESS本身的規格，也會自動渲染，這樣就直接搞定，前後端的作業。