Skip to main content
search

ImageOptim-shot

AppleUser 從 2012 年 11 月創站以來,我們換過不少網站版型,因為一個版型的設計,會直接影響每位讀者開啟網頁的速度,關於這點,我們仍在持續想辦法用最低的成本取得最快速但又是最好讀的版型。

除了版型是個我們亟需改善的問題之外,網站內四百多篇文章的圖片也是一個很大的問題。有些文章圖片當初在撰寫的時候並沒有去要求檔案大小,有些是 iPhone 拍出來的超大 JPEG,有些則是 Mac 螢幕擷圖的超肥 PNG,這些檔案已散落在四百多篇文章之中,要一一去改都是浩大工程。

不過,我們可以從現在開始。

如果你和我們一樣,有自己的部落格,喜歡寫文章,那麼你一定要從今天開始就幫你的圖片做檔案大小最佳化。這類型的軟體我們推薦免費的「ImageOptim」,它可以壓縮 JPEG 和 PNG,我之前一直以為 PNG 已經是無損格式了所以無法被壓縮,沒想到還是可以,很神奇。

ImageOptim 的使用很簡單,只要拖拉放就可以了。不過有一點要注意,當你把圖片丟進去 ImageOptim 之後,它是直接壓縮那張圖片,因此不會有第二個檔案,如果你想要保留壓縮前的原檔的話,我建議你可以按 Command-D 先複製一份出來。

另外,JPEG 與 PNG 的壓縮時間不等,JPEG 很快,差不多 7 秒;但 PNG 很慢,差不多 30 秒。在壓縮的時候一定要等到檔案出現綠色勾勾才算壓縮完成。

ImageOptim 下載頁面

 

除此之外,ImageOptim 還有兩個設定可以優化:

1. 在肉眼看不出失真的情況下,提高 JPEG 的壓縮率

方法:將偏好設定中「JPEGOptim」最佳品質從預設的 100% 調降為 80%,原本設定品質 100% 的情況下,檔案差不多只能壓到 9 成;調成 80% 之後檔案可以壓到只有 4 成大。之前我用 Photoshop 壓圖的時候,若是要兼顧品質的照片,我也是設定 80% 的品質,效果一樣。透過 ImageOptim,壓縮一張 iPhone 拍攝的 2.7MB JPEG 照片差不多 7 秒鐘。

2. 讓 PNG 的壓縮時間減少一半

方法:將偏好設定中「PNGOUT」的最佳化類型,從預設的「極端」調降為「簡易」,如此一來壓縮率不變,但壓縮時間卻可以減少二分之一。以一張 MacBook Air 11 吋全螢幕的桌面擷圖壓縮,差不多需要 30 秒。

 

其他部分:

  1. OptiPNG 的最佳化次數調降為 24 次,可以再縮短 6% 的壓縮時間,但壓縮效率可能會下降 1%。
  2. 一般設定中,「JPEG: 移除 EXIF 訊息及註解」不要打勾,可以再多 1% 的壓縮率,但如果你是希望照片中保有拍攝資訊,建議就不要打勾了。
  3. 記住,這個軟體中 PNG 的壓縮設定與 JPEG 的壓縮設定是分開的。

你也試試吧!

徐仲威

平均四天拍一卷底片的網頁設計工作者,主修科目:Olympus OM、Olympus Flex、Pentax 6x7、Pentax 645、定焦傻瓜相機|個人網站:zeals75.com|公司網站:refine.tw

這篇文章有 2 則留言

如果喜歡這篇文章請留言支持!謝謝

Close Menu

不限時的現實動態

2023/10/12 週四 13:13
看起來很閒的我,其實忙翻!

2023/10/11 週三 12:18
別人說「能帶出去的相機,都是好相機」;我說「敢帶出去用的相機,才是好相機」

2023/9/25 週一 15:10
真希望月初趕快來,快不行了。

2023/9/22 週五 15:39
對於單車百岳版面的新設計,還是非常沒有頭緒。

2023/9/21 週四 15:43
準備來蓋一間商店了,來賣海量的底片相機和鏡頭!

2023/9/20 週三 09:18
今天就要把案子階段性做完然後丟出去給客戶看,做完案子就去跑步,今天打算跑得比昨天多五分鐘就好。

2023/9/19 週二 10:52
跑過終點還要繼續跑是最難的。

2023/9/18 週一 10:08
沒有目標的人生,極盡可怕。

2023/9/17 週日 23:29
我很喜歡企劃事情的成就感。

2023/9/14 週四 21:50
加油啊!徐仲威!

2023/9/14 週四 09:59
總是不斷地在推翻自己曾經做過當時覺得滿意的設計,痛苦啊!

2023/9/14 週四 09:56
太久沒做單車百岳的系統,看著資料庫的數據,我跟失憶一樣。

2023/9/13 週三 10:23
如果說毒品的藥效要在一個月後雲淡風輕才發作,那麼我想毒品應該不至於那麼容易使人上癮。

2023/9/13 週三 10:21
如果說幾年前自己的完美主義是 100%,那麼現在應該有所進步了,變成 95% 而已。

2023/9/13 週三 09:16
我有很多歪理:我覺得把攝影成品發在 Instagram 這種社群媒體上,就像在裸奔一樣,你會獲得關注,但不會找到真愛。

2023/9/12 週二 13:49
買完 Pentax 645,應該就不會再買新的相機或碰新的系統了,一切功德圓滿。

2023/9/12 週二 13:16
內湖高昇調整鏡頭手感的技術真是一流,對比之下,我送全◯調整過兩顆鏡頭,兩顆鏡頭手感都不行,不想再給機會了,東西弄不好,再快也沒用。

2023/9/12 週二 09:27
忙翻。

2023/9/11 週一 16:57
決定不架新網站了,直接在部落格開新單元,然後全站語法重寫並優化。

2023/9/11 週一 04:10
EP128,打完收工,終於沒欠任何底片債了,謝謝土地公。

2023/9/11 週一 03:16
最近因為身體欠安,怕半夜咳嗽吵醒家人,於是都睡在家裡倉庫。昨天因為把倉庫打掃了一下,把窗戶的塵封已久的百葉窗重新拉起,讓陽光可以透進來,結果今天晚上睡覺睡到一半自然醒,我以為已經早上了,因為從窗戶透進來的路燈實在太亮了。

2023/9/8 週五 16:00
與其浪費時間在網路上跟別人爭論,還不如花時間在網路上留下有用的資訊給別人。

2023/9/8 週五 10:04
今天還是要努力工作,還是要啦!

2023/9/7 週四 16:24
部落格文章準備進入 EP121 了,剩 8 卷底片沒寫。

2023/9/6 週三 15:36
偶爾也是需要放生客戶的,阿彌陀佛。

2023/9/5 週二 11:21
不知道我網站設計的技能,如果去應徵正職的話會值多少薪水?

2023/9/5 週二 10:38
早知道傷心總是難免的,你又何苦一往情深?

2023/9/3 週日 00:17
決定不做什麼事情,比決定做什麼事情還困難。

2023/9/1 週五 19:06
正在陽台吹風,點燈,點蠟燭,用電腦。