1. 首頁
  2. »
  3. 網頁開發
  4. »
  5. 網頁設計
  6. »
  7. statically.io 免費提供網站圖片無限流量快取,與支援webp、壓縮和修改圖片尺寸

statically.io 免費提供網站圖片無限流量快取,與支援webp、壓縮和修改圖片尺寸

2021/06/21

梅問題-statically.io 免費提供網站圖片無限流量快取,與支援webp、壓縮和修改圖片尺寸
  圖片一直是許多網站經營者的惡夢,且圖片解析愈好檔案也愈大,因此圖片是最佔網站的流量,所以為了解決圖片流量問題,有不少站長們,則會將網站與圖床分家,再把圖床放在國外的主機中,或是使用CloudFlare的CDN服務,來減少網站的流量,而先前也曾分享過,利用WordPress所提供的CDN服務,來提升網站速度與減少主機流量。

最近梅干發現到一個,免費圖片CDN服務statically.io甚至還支援圖片轉webp編碼,與即時的修改圖片尺寸,讓網站開啟的速度更快速,同時還有個比較有趣的功能,就是透過statically.io還可擷取全站縮圖,且完全無需註冊為會員,只需將圖片網址依照statically.io的規則,立即就可將圖片進行快取與轉webp編碼,至於要怎麼用,現在就一塊來看看囉!


statically.io
網站連結:https://statically.io/

Step1
進入statically.io的網站後,將上方的頁面,切到IMAGES,就可看到目前支援圖片的快取與轉碼,和改變尺寸的相關設定。
梅問題-statically.io 免費提供網站圖片無限流量快取,與支援webp、壓縮和修改圖片尺寸
Step2
最簡單的使用方式,就是https://cdn.statically.io/img/域名/圖片路徑,這時圖片就已快取,同時目前的節點在香港。
梅問題-statically.io 免費提供網站圖片無限流量快取,與支援webp、壓縮和修改圖片尺寸
Step3
若要將jpg轉成webp的話,只需要在網域後方加f=auto,這時圖片就會自動轉wepb編碼,不但檔案變更小,圖片的載入的速度更快。
梅問題-statically.io 免費提供網站圖片無限流量快取,與支援webp、壓縮和修改圖片尺寸
Step4
當圖片沒有快取時,圖片載入的時間,要82ms。
梅問題-statically.io 免費提供網站圖片無限流量快取,與支援webp、壓縮和修改圖片尺寸
Step5
開啟快取與webp時,不但圖片大小與載入速度快了一倍。
梅問題-statically.io 免費提供網站圖片無限流量快取,與支援webp、壓縮和修改圖片尺寸
Step6
甚至也可改變圖片的壓縮比,只需在網域後方,加入q=壓縮比的數值,隨即圖片就會進行壓縮。
梅問題-statically.io 免費提供網站圖片無限流量快取,與支援webp、壓縮和修改圖片尺寸
Step7
當要改變圖片大小時,只需在網域後方加入w=xxx或h=xxx,當要混用的時,需要用逗號隔開來。
梅問題-statically.io 免費提供網站圖片無限流量快取,與支援webp、壓縮和修改圖片尺寸
Step8
而這一個功能,讓梅干感到相當的有趣,當要擷取網站畫面時,只需https://cdn.statically.io/screenshot/網址,立即就可擷取全站的畫面,而statically.io真是一個佛心的平台,有需要的朋友,也多加利用,當然若覺得好用的話,不妨也可用金援支持一下,讓好站能一直維持下去囉!
梅問題-statically.io 免費提供網站圖片無限流量快取,與支援webp、壓縮和修改圖片尺寸