[182] 重新佈置部落格——Part 1

緣起 本部落格使用 Ghost 為後台,目前是付費每月 $5 鎂,享受支援 HTTPS 的網站代管服務。流量稀疏,低價即足。 今年七月,Ghost 達到 1.0 的里程碑,終於脫離漫長的「開發版」。對我來說,1.0 版最大的影響是 Theme API 與舊版本不相容,若要升級,則我使用多年的佈景將被迫更新。別會錯意,這是好事。 所幸,我使用的免費佈景 Typesome,其開發商 Golem 洽好在十一月初將旗下的佈景全數更新至支援 Ghost 1.0。Typesome 更新了,但還是維持免費。佛心! 重大更新前最好做足功課,降低出事率。準備期間,轉念一想:「原本的佈景已經用了好幾年,為何不趁此『…

[099] 文章內含動態 GIF 圖的考量

上一篇探討部落格圖片後製的文章,有網友於 Medium 分身處提到國外多以採用動態 GIF 來展示說明步驟。其實我也喜歡使用動態 GIF(GIF89a)來呈現螢幕上的真實演出。有些情境,「動態展示」有時確實比死板板的「靜態圖片」效果更好(蝴蝶球對上快速直球?),但是否適用於所有情境,答案當然是否定的。 雖然好用,但後來想到動態 GIF 有些潛在缺點,於是回覆如下: 太長的 GIF 可能讓讀者忽略重要環節,或要花時間「等」放映到想看的點。所以 GIF 的長度要拿捏好。 後製難度較高。 文章不易改變格式(ex: PDF)再利用。 除上述問題,還要再加上 GIF89a 檔案大小爆增速度快,一不小心就超過 5MB,相當驚人。以下進一步說明各點。 太長的 GIF 可能讓讀者忽略重要環節 我認為動態 GIF…

[098] 愛惜你的讀者,請用力壓縮圖片

前言 圖文並茂的文章容易吸引讀者,恰到好處的截圖有助理解。從事網路書寫,最要緊的是照顧好讀者,盡職的部落客除了將作品最好的一面呈現給讀者,也要讓讀者以最低「成本」取得你的作品。以網路閱讀來說,有效壓低成本的方法之一是減少文章的資料量,縮短載入「時間」。 本文即針對圖片下手,除了幫圖片減肥,還要選對檔案格式。 用力壓圖 為了縮短頁面載入時間(降低閱讀成本),本格幾乎每一張圖片都事先壓縮才上傳到伺服器(其實是 Dropbox),目前我常用的服務是 TinyPNG,是個免費的線上服務。 TinyPNG 是我用過壓縮效率最好的工具。以這篇文章為例,該文的每一張圖都經過壓縮: 84% 的壓縮比,瘦了 2MB,相當驚人的比例啊。PNG 用的是 Lossless compression 不失真的壓縮演算法,減去的檔案大小完全不減損影像品質。 再舉一實例。連結所指的圖為一張 4MB 左右的 PNG 圖檔,使用 TinyPNG 壓縮後的大小為 1.…