網頁

2017年9月24日 星期日

OSX 網頁圖片最佳化的 3 個工具

SEO 講求圖片最佳化,但看完 圖片最佳化 | Web | Google Developers 的說明後…
大家一定還是一頭霧水,有沒有現成的軟體可用,讓你輕鬆完成最佳化
SEO 圖片最佳化
圖片來源 https://pixabay.com/
特別為您精選三組工具,讓你在 OSX 下輕鬆完成「網頁圖片最佳化」

OSX 網頁圖片最佳化工具一

圖片測量工具

利用 MeasureIt 擴充套件 - Chrome | Firefox 量好你需要的圖片大小

OS X 内建截圖組合鍵

  • Command + Shift + 3 - 螢幕整個區塊
  • Command + Shift + 4 - 螢幕部分區塊(可自訂所要截圖的大小)
  • Command + Shift + 4 + Spacebar - 某個應用程式畫面

預覽程式 - 工具 - 調整大小

輸出時,選擇 JPG 時也可以自訂壓縮比
以上兩個內建功能,不用另外花錢,方便好用!

OSX 網頁圖片最佳化工具二

自由開源軟體 GIMP, 目前已是原生 OSX 版本,不用再 Port 來 Port 去!
裝完後,可參考 GIMP 的說明,先平面化圖片,再輸出成最大壓縮後的 PNG 檔。

以下部分在 GIMP 2.8.2 皆失效,請大家不用再試了…
或是再多裝個 Save for Web plugin (2008/1/2) 但需自行 compile,懶人法直接下載 compile 好的 HoWow (2011/12/20, 303k) 或 Mac OS X bits (2015/3/1, 122k) 

將下載並解壓後的 webexport 移到 GIMP plug-ins 的目錄
sudo mv Downloads/webexport  ~/Library/Application\ Support/GIMP/2.8/plug-ins/  

OSX 網頁圖片最佳化工具三

小軟體 ImageOptim,可免費下載,使用極簡,將要壓縮的圖拉放入軟體中即可完成。
ImageOptim is free, open-source soft­ware under terms of the GPL v2 or later.

以上是特別為您精選的三組工具,讓您在 OSX 下,不多花錢就可輕鬆完成「網頁圖片最佳化」!

沒有留言: