AI架站日記

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

🛫空姐卡 常去日韓用這張最划算,一年份總量版,社群敲碗訂製產品
💺 傑西大叔 x 易遊網折扣碼:點擊網站專屬連結,全球機票1%【ezjessef1】全球訂房3%優惠【ezjesseh3】
日本購物折價券總整理(點這裡):BIC CAMERA、近鐵、大丸、松板屋、札幌藥妝
加入LINE社群『不在機場就在去機場的路上』 入群密碼『RCMQ(後方接任何一個台灣小吃)』
將本網站加入到 GOOGLE 偏好來源
2026/06/09 自己來比較省  響應式圖片(Responsive Images)圖片外掛 - 這裡胡說 JL TALKS

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

2026/06/09 自己來比較省  響應式圖片(Responsive Images)圖片外掛 - 這裡胡說 JL TALKS

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

傑西大叔|專業航旅自媒體
骨子裡是理性的資訊人,靈魂裡裝著飛行的翅膀。擅長以理工腦的邏輯與數據,拆解複雜的航空事件與天氣分析,提供平心靜氣、綜觀全貌的飛行旅行決策建議。

飛行資歷: 累積 142 萬公里 / 繞行地球 34 圈 / 走訪 72 座機場 / 執飛 163 條航線
專注領域: 飛行體驗優化、機艙座位分析、CIQS 通關實戰
斜槓身分: 科技器材控、Podcast 製作人、堅持味蕾的吃貨
Back to top button