部落格圖片尺寸的設定與規則

部落格圖片尺寸的設定與規則

部落格經營我們常會討論到圖片尺寸的規格、檔案大小還有浮水印等問題,但甚少有人可以比較明確指出該怎麼做比較好,可以在照片清晰度、網站速度上取得平衡,又或是現在越來越多平台與媒體與部落客們合作,他們對於照片的索取又會有什麼樣的看法呢?

部落格圖片格式設定

圖片的存檔我只建議使用 JPG 格式,PNG 則不是很推薦的格式,因為他檔案蠻肥大的所以不太推薦;GIF 格式除非你要做動畫,否則不推薦;WEBP 目前各家瀏覽器的支援度已經非常高了,會推薦使用,但比較建議是上傳 JPG 格式然後由程式轉換為 WEBP。

部落格圖片尺寸設定

有些人擔心圖片太小張會不清楚,所以把圖片寬度設定超過 4,000PX,又或是原檔上傳,這其實是很吃主機空間與網站流量的,再者一般的部落格網頁寬度並沒這麼寬,也不太有讀者會特意把圖片放大到原圖大小然後去看每一個細節(某些攝影相關行業除外),所以過大的寬度是毫無意義的。

雖然 WordPress 的預設是最寬可以上傳寬度 2,500PX 的圖片,同樣也是太大了,我建議寬度最大預設 1,200PX – 1,500PX 即可,這是在圖片清晰度與檔案大小之間最佳的平衡。

[小提醒]如果是旅遊等比較追求相片品質的照片建議寬度設定成 1,500PX,其他類別則建議寬度設定成 1,200PX 即可。

上述說的是圖片寬度最大的設定,寬度最小最小的設定建議不要小於 800PX;現在有許多媒體邀稿或邀圖,與其給的照片太小放大了會模糊,不如大一點縮小了還是清楚,像 GQ 或 VOGUE 的內文圖片就是 792PX,食尚玩家的內文圖片就是 806PX,窩客島的內文圖片就是 814PX。

延伸閱讀:JPEGmini 市面上最厲害的圖片優化軟體

部落格圖片浮水印設定

將網址設定成浮水印

例如在圖片壓上「https://iseeu.tw」自己的網址,且一定要明顯可以被辨識,主要是怕被盜圖;通常這一類的放法應該是先整到自己,因為原來漂亮的照片會因此變得爆醜;如果你那天換了新網址,舊網址的浮水印就會有點尷尬。

將社群名稱設定成浮水印

這一類的放法比較類似把每張圖片都當成是名片,一定要把自己完整的資訊都塞滿,當然有一部份也是出於怕被盜圖的想法,一樣也是先整到自己,因為這些資訊要被看清楚也是要先把浮水印放得大一點才 OK,放得太小其實意義就不太大了。

將文章標題設定成浮水印

這種放法有兩種,一種是用單純的電腦內建字體壓在照片上,例如「15 間咖啡店懶人包」又或是「直接放上產品名稱」,主要是要讓大家更集中注意力,當然也有些人可以把標題設計得很好看,例如 Dribs & Drabs 點點滴滴WEI 笑生活

但老實說浮水印壓得好看得部落客真的是少數,許多部落客都使用批次功能壓在同一個角落有時候反而會遮住了重點或破壞照片的構圖,甚少願意一張一張慢慢調整浮水印位置的,又或每篇文章都有適合的浮水印設計。

延伸閱讀:PhotoScape X 最適合部落客批次處理照片的免費軟體

你問我建議是否該家浮水印,我的答案是「NO」,如果你加浮水印的目的只是單純了防盜圖,那我會建議你使用 DMCA.COM

試問:你如果是媒體編輯,跟部落客邀稿的時候會希望拿大大浮水印的照片來用?或是照片上面有部落客的網址或網站名稱?又或是乾淨又好看的照片呢?