ShortPixel 教學,本外掛是一個wordpress的圖片壓縮外掛,每個月有一定的免費額度可以讓我們嘗試使用,圖片大小的壓縮與優化可以讓我們的網站存取的速度更快速與節省空間,而讀取速度會進而影響SEO的排名。本文章將介紹完整的外掛使用方法,鵠學院之前有介紹過幾款相似功能的外掛,有時間不妨去看看,接下來跟著鵠學院的腳步,讓我們開始學習吧!
ShortPixel 下載介面
https://wordpress.org/plugins/shortpixel-image-optimiser/
imagify 幫助你壓縮圖片讓WordPress網站更順暢!|鵠學苑
https://www.design-hu.com.tw/?p=30470&preview=true
批量壓縮圖片提高網站的載入速度!Ewww Image Optimizer圖片壓縮工具教學
https://www.design-hu.com.tw/wordpress/wordpress-plugin/ewww-image-optimizer.html
ShortPixel 提供下列功能:
1. 壓縮 JPG、PNG、GIF 及 PDF 文檔 – 節省網站空間。
2. CMYK 到 RGB 轉換 – 由印刷格式轉換成網頁顯示格式,色彩更明亮。
3. Retina images 自動轉換 – 一種提高分辨率與細膩程度的顯示標準。
4. 將任何 JPEG、PNG 或 GIF 轉換成 WebP 和 AVIF (高級功能) – 更節省空間的新一代檔案格式。
ShortPixel 教學 – 下載並啟用
第一步:下載外掛
左側「外掛」>「安裝外掛 」>「搜尋 ShortPixel」>「立即安裝」來進行下載。
第二步:啟用外掛
點擊「啟用」。
第三步:申請API
直接填入信箱就可以申請了超簡單的。
ShortPixel 教學 – 外掛設定流程
第一步:基本設定
「General 」。
Compression type 壓縮類型:
- Lossy_一般人建議使用肉眼無明顯差異。
- Glossy_攝影師或專業人士建議使用。
- Lossless_極少使用,生成圖像與同圖像相同
Image backup 圖片備份:
- 不建議使用會占用大量空間
第二步:進階設定
點擊「Advanced」。
Next Generation Images 下一代圖像(付費):
- WebP 格式相關介紹(英文)
- AVIF 格式相關介紹(英文)
Optimize Retina images 優化視網膜圖像 :
- 甚麼是 Retina images ?
- 具備足夠高像素密度而使得人體肉眼無法分辨其中單獨像素點的顯示標準,如 svg 等向量圖相可以不用轉換
CMYK to RGB conversion CMYK 到 RGB 轉換
- 甚麼是CMYK :
- 彩色印刷時採用的一種套色模式,利用色料的三原色混色原理,加上黑色油墨,共計四種顏色混合疊加,通常用在書面的實體印刷上,因有套黑色故CMYK的顏通常沒有RGB明亮飽滿。
- 甚麼是RGB :
- RGB顏色模型的主要目的是在電子系統中檢測,表示和顯示圖像,比如電視和電腦。
第三步:與Cloudflare 連結
如果有使用 Cloudflare 可以在此連結
記得按下「Save Changes」就可以儲存所有的設定囉 !
Elementor 教學 - WordPress 視覺化網站編輯外掛,基本操作及設定介紹
https://www.design-hu.com.tw/wordpress/elementor-teaching/elementor-teaching.html
Q2W3 Fixed Widget 小工具 固定側邊欄掛
https://www.design-hu.com.tw/wordpress/wordpress-plugin/how-to-use-q2w3-fixed-widget.html
結語:
ShortPixel的相關教學就此結束,是不是簡單又快速呢,如果需要一個幫助你壓縮網站圖片節省空間的外掛可以考慮看看,而且如果有需要還有專業版的付費功能可以選擇享有 WebP 和 AVIF 的轉換服務,有了這個外掛一鍵下載簡單又快速,輕鬆便可以達到的成果,是不是超棒的呀!
今天的教學到這裡告一段落了,不要忘記在右側訂閱鵠學苑電子報,確保收到最新 WordPress 教學文章,如果有網頁設計相關需求,或者想了解最新網站知識,也可以到 鵠崙設計 做線上免費諮詢喔!我們下次的教學見~