PixelSnap 是一套能讓你測量螢幕上任何事物像素值的 macOS 小工具,只要把滑鼠移到該位置,不論是各物件的間距、圖片 或 Logo 大小、字體範圍、甚至是網頁長寬度,都能輕鬆得知。另外還內建熱鍵功能,當碰到有靈感的事物時,只要按下你所設定的熱鍵,就能立即啟用並獲得你想要的資訊,設計工作者一定會愛上。
PixelSnap 介紹
開始介紹前要先提醒一下,PixelSnap 並不是免費工具,需付費才能使用,但價格不貴且一次性購買,15 美金(約新台幣 450 元),所以看完介紹如果覺得不錯,就可以考慮看看。
PixelSnap 會常駐在右上角的 Menu 選單中,當有需要使用時,只要點選 Find Dimensions 功能或按下指定熱鍵,即可開始測量:
測量方式非常簡單,像下圖的小圖示就圈選它,即可獲得長寬像素:
將滑鼠移到 E-Mail 輸入欄位中,畫面就會顯示間距像素值:
滑鼠移到右側功能鍵,也會即時改變成測量 SUBSCRIBE 的像素值:
只要是物件,都能透過圈選來測量長寬像素:
圖片當然也不例外,而且是任何軟體都支援,不只有瀏覽器:
甚至連這種字體設計內的長寬像素都能測量,非常方便:
另外還有最重要的網頁各物件間的間距,比瀏覽器內建的開發人員選項工具還要好用:
也內建剪貼簿功能,幫你把各重要數值隨時儲存起來:
支援自訂熱鍵功能,你可以用最習慣的操作方式來開啟它。設定裡還有很多客製化功能:
官網有提供影片版介紹,有興趣的朋友可以點文末的連結連過去看,你會對它更加了解。目前這工具僅支援 Mac 版(macOS 10.11 以上),Windows 版還沒有。
補充資料
PixelSnap 官網:https://getpixelsnap.com/