Unlimited AE and Premiere Pro templates, videos & more! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Photo & Video
  2. Post-Processing

在臉書上避免圖片失真

by
Difficulty:BeginnerLength:LongLanguages:
This post is part of a series called Image Compression for Photographers.
Save For Web: Better JPEG Compression with Adobe Photoshop
Twitter JPEG Compression: How to Create the Best Quality Image for Your Feed

Chinese (Traditional) (中文(繁體)) translation by Fuhuan (you can also view the original English article)

我們好不容易在美圖秀秀裏P好自拍,上傳到臉書卻發現圖片失真的厲害,壹點兒都不美,哼。 在這個快速教程裏,我將教妳如何避免這個問題。

指導方針

臉書給了我們這些建議:

facebook guidelines
臉書給了我們這些建議:

讓我們先來看看吧。 首先從普通照片開始。

臉書上的普通照片

臉書是建議我們上傳720PX,960PX,2048PX寬度的照片啦。 下面是我將使用的照片。

example picture
示範圖片

我先把圖片切好到相應的寬度然後上傳,再將臉書上的圖片存到電腦裏來。

首先要註意的是文件大小的差異。 我每次上傳的文件大小和上傳後存下來的文件都差很大。

在臉書,這三種尺寸都是按照100%的。

facebook compression comparison
臉書上的寬度尺寸比較

我們可以在三張圖片上面看到壓縮的痕跡,特別是橋的頂部。 較大的圖片不會有很明顯的壓縮痕跡,因為大多數人不會仔細觀察它。

我又用了壹次PNG,得到了相同的結果。 唯壹值得註意的是PNG被壓縮的更厲害。 如果妳在上傳帶有標記的圖片,也免不了被壓縮。

封面照

舉個栗子

example cover photo
舉個栗子

如果我試圖用7000PX上傳,會發生什麽?

facebook cover with compression
Facebook封面使用全分辨率圖片

壹點也不好 首先,臉書會自動裁切到851X315PX。

facebook cover with resized photo
Facebook封面照片大小調整但仍超過100kb

在鳥的周圍仍然有很多失真, 這張圖片差不多還是有300KB,但臉書推薦的是100KB大小。最後我使用了PS,獲得了最後的圖片。

save for web
使用PS“存儲為Web”將圖像降至100kb以下
facebook cover under 100kb and resized
覆蓋在851 x 135並保存在100kb以下

正如妳所看到的,這是最好的結果。 有時候我會用PNG而不是JPG來獲得稍微好壹點的效果。但是將這些圖片縮小是很困難的,所以兩種都試試吧。

要點

這裏有壹些要記住的要點:

普通照片的要點:

  • 上傳壹個大尺寸圖片
  • 上傳壹個大尺寸圖片
  • 使用PNG格式:

封面照片的要點:

  • 調整到851X135PX像素
  • 使用另存為WEB圖像
  • 試試JPG和PNG

圖像不可能不被壓縮,除非臉書改變規則,但是我們可以在規則內盡量讓圖片好看些。

关注我们的公众号
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.