Advertisement
  1. Photo & Video
  2. Post-Processing
Photography

페이스북 JPEG 압축: 타임라인의 이미지 품질을 높이는 방법

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

Korean (한국어) translation by Jin Ah Chon (you can also view the original English article)

우리 모두 겪어보았습니다. 이미지 편집 소프트웨어에서는 환상적으로 보였던 사진인데 페이스북에 올리고 나서 타임라인에 뜬 압축된 상태를 보고 흠칫 놀랐던 경험을요. 저는 이 꿀팁에서 여러분이 사진을 올릴 때 가능한 한 가장 좋은 결과를 얻도록 도와드리겠습니다.

가이드라인의 암호 풀기

페이스북이 우리에게 주는 가이드라인은 다음과 같습니다.

facebook guidelines
이미지 업로드에 관한 페이스북 가이드라인

자, 어떻게 적용할지 알아봅시다. 평범한 이미지로 시작하겠습니다.

타임라인 이미지

페이스북에서 가장 좋은 결과를 얻으려면 너비가 720px, 960px, 2048px인 이미지 중에서 하나를 업로드하라고 권합니다. 결과를 비교하기 위해 이용할 사진이 아래에 있습니다.

example picture
페이스북에 적용할 사진 예제

저는 가이드라인에서 제시한 너비별로 사진을 저장하고 업로드했습니다. 그러고 나서 반대로 페이스북에서 압축된 이미지를 저의 컴퓨터에 저장했습니다. 

가장 먼저 주목할 점은 파일 용량의 차이입니다. 만약 제가 세 가지 크기를 하나씩 꼼꼼히 살폈더라면, 결론을 어떻게 낼지 방황했을 것입니다. 그래서 중간 크기인 960px을 기준으로 했습니다. 523kb의 파일 용량으로 시작했고, 페이스북에서 내려받고 저장한 파일 용량은 86.9kb였습니다. 우리는 압축이 상당히 많이 되리라는 것을 이미 알고 있지요. 

다음은 페이스북에 올린 후 100% 실제 크기로 보이는 세 가지 너비의 이미지입니다.

facebook compression comparison
페이스북에서 권장하는 세 가지 너비의 이미지 비교

사진 3개 모두, 특히 다리의 윗부분 주변이 부자연스럽게 보이는 게 눈에 띄어서 저는 데모용으로 그 부분에 집중해보았습니다. 크기만큼 그대로 보이는 720px과 달리, 가장 큰 이미지(상단 왼쪽)는 압축된 흔적이 가장 덜하고 사람들 대부분이 가까이 가서 보지 않으므로 그 흔적이 눈에 덜 띕니다.

파일 용량은 같지만, JPEG가 아닌 PNG로 테스트했고 동일한 결과가 나왔습니다. 그러므로 그 테스트 결과로 여러분을 귀찮게 하지 않겠습니다. PNG가 더 큰 파일 용량을 산출하기에 페이스북은 그 용량을 줄이고 싶어 할 것이라는 점은 눈여겨볼 가치가 있습니다. (나중에 좀 더 자세히 다루죠.) 타임라인 이미지와 원본이 확연히 다르다는 것을 알게 된 유일한 순간은, 가령 로고가 들어간 이미지를 업로딩한 것처럼 이미지에 텍스트가 들어간 경우입니다.

표지 사진

표지 사진으로 사용할 사진이예요.

example cover photo
커버 포토 예제

만약 제가 이 사진을 (7000px 너비 정도 되는) 고해상도로 올리려고 했다면 다음과 같은 일이 벌어집니다.

facebook cover with compression
사용된 고해상도 사진의 페이스북 커버 사진

전혀 좋아 보이지 않지요. 페이스북에서 맨 먼저 851 x 315로 크기를 맞추라고 했으니 그렇게 해봅시다.

facebook cover with resized photo
크기를 맞춘 사진을 적용한 페이스북 커버 사진. 여전히 100kb가 넘음.

나아 보이지만, 특히 바다오리 주변이 여전히 많이 일그러져 있습니다. 이 사진의 용량은 여전히 300kb에 가깝습니다. 페이스북에서는 100kb를 권장하므로 이번에는 포토샵에서 파일 > 웹용으로 저장(Control-Shift-Alt-S)을 사용해 최종 파일 용량이 100kb 이하가 되도록 품질(Quality) 값을 조정했습니다.

save for web
파일 용량을 100kb 이하로 하기 위해 웹용으로 저장 메뉴 이용
facebook cover under 100kb and resized
851 x 135 크기이면서 100kb 이하로 저장된 커버 사진

보시다시피 사진의 품질이 최상은 아닙니다. 저는 JPEG보다 PNG를 사용해 좀 더 좋은 결과가 나온 커버 사진을 가끔 발견합니다. 그래도 앞에서 얘기했듯이 100kb 이하로 파일 용량을 줄이는 일은 더 어렵습니다. 고로 두 가지 방법으로 시도해보고 어느 방법이 효과가 있는지 판단해보세요. 

요약

다음은 유의해야 할 사항입니다.

타임라인 이미지용으로 가장 좋은 결과를 얻기 위해서

  • 큰 파일 용량으로 업로드하기
  • 고품질로 저장하기
  • 텍스트(로고)가 포함된 이미지는 PNG로 사용하기

표지 사진용으로 가장 좋은 결과를 얻기 위해서

  • 851 x 315로 크기 맞추기
  • 포토샵에서 웹용으로 저장 메뉴를 사용해 저장 용량을 100kb 이하로 낮추기
  • 어느 것이 더 품질이 좋은지 판단하기 위해 JPEG와 PNG 파일로 저장해보기

이미지는 압축 과정 없이 진행되지 않습니다. 페이스북에서는 압축 방식을 변경하지 않겠지요. 그래도 우리가 조금씩 이곳저곳을 수정하면 더 나아 보이게 할 수 있습니다.

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.