[Firefox] Old Default Image Style § 將圖片的白色透明背景以棋盤狀或其他顏色來取代


不知道在今天將Firefox更新到v15版的網友沒有發現:透明背景的圖片檢視有些許的不同?怎麼說呢,我舉個實際例子來解釋,下圖是未升級前我直接在Firefox上看透明圖片的畫面,可以看的出來舊有的版本會將透明背景的部分會以「近黑色」的顏色來表示,至少「近黑色」和「黑色」還是有一點差別,所以還是可以辨別此張圖片是否有透明背景

下載點:Firefox 繁體中文免安裝版
附加元件:Old Default Image Style

但更新到v15之後,Firefox直接把透明的部分用白色來顯示了(如下圖),說實話這樣子就比較難辨別到底這白色透明背景還是原本就白色,這在找透明圖時真的會造成困擾

為了解決這個問題,找到了一個「Old Default Image Style」套件,它可以很完美的解決我的問題,除了可以自訂背景顏色外,還可以將透明背景用棋盤狀的顯示方式來呈現,蠻符合一般大眾的習慣

下載安裝:Old Default Image Style
相關文章:[Firefox] Standalone Image Background and Transparency 自定顯示透明背景圖片的顏色

設定教學

我將幾個比較重要的選項設定說明如下:(請對照下圖中的數字)

  1. Remove default stylesheet:去除預設的樣式,這個一定要勾選的,這樣就可以把目前的樣式先略過,並用我們想要的方式來呈現
  2. Custom background color:自訂背景顏色,例如可以把背景顏色改成黃色、紅色或其他的顏色,只要方便自己辨別就行了,但請注意,如果有勾選「Remove default stylesheet」的話,那麼連背景顏色也會一起變動,如果沒勾選,那麼背景顏色只會更改此圖片之外的顏色,而圖片本文的背景色還是會用Firefox預設的白色來顯示
  3. Center image:將圖片置中,如果沒有勾選此選項,而且勾選了「Remove default stylesheet」的話,那麼預設的圖片會在畫面左上角呈現
  4. Checkerboard background:將背景以棋盤狀的方式來呈現,建議勾選

如果上面的說明讓各位摸不著頭緒的話那也沒關係,上圖的設定選項就是我個人建議的方式,請比照勾選就行了,而下圖則是設定後的結果,這樣看起來是不是就很容易知道這張圖是不是有透明背景了?

延伸閱讀:
[Firefox] Responsive Design Tool 直接觀看網頁在不同解析度螢幕上的樣子