배리는?
home

웹페이지 썸네일 이미지 내 마음대로 커스텀하기

썸네일이란? 온라인상에서 링크를 공유할 때 함께 등장하는 작은 이미지를 말하는데요. 따로 설정하지 않아도 서버에서 해당 링크를 자동으로 크롤링하여 상단 정보를 썸네일로 노출하는 경우가 대부분입니다.
배리 에디터로 만든 웹페이지 콘텐츠는 썸네일을 보여주고 싶은대로 제작할 수 있다는 사실, 알고 계셨나요? 오늘 함께 그 방법을 알아보시죠

 썸네일 설정 자세하게 알아보기

  썸네일 적용 방법 단계별 알아보기
  플랫폼 별 최적의 썸네일 사이즈 확인하기

 썸네일 적용 방법 단계별 알아보기

Step 1. 웹페이지 콘텐츠 제작하기 - 썸네일을 적용하려면 먼저 웹페이지 콘텐츠가 있어야 해요. 간단하게 텍스트 블록을 하나 추가해서 다음 웹페이지 정보 편집 단계로 넘어가 보겠습니다.
Step 2. 기본 썸네일 확인하기 - 웹페이지 정보 편집 화면 중간에서 썸네일 옵션을 찾을 수 있습니다. 따로 썸네일을 적용하지 않아도 이미지 부분이 채워져 있는데요. 이 이미지는 콘텐츠의 1페이지 상단 부분이 자동으로 적용된 것으로, 따로 썸네일을 설정하지 않는다면 해당 이미지가 썸네일로 노출되게 됩니다.
Step 3. 새로운 썸네일 이미지 업로드하기 - 수정하기 버튼을 통해 새로운 썸네일 이미지를 업로드 해주세요. 미리보기 화면을 통해 썸네일이 적용된 모습을 미리 확인할 수 있습니다.
Step 4. 제목, 설명 부분 작성하기 - 썸네일 링크와 함께 노출될 제목과 설명을 기입하겠습니다. 썸네일 이미지와 함께 고객에게 전달되기 때문에 성과에 큰 영향을 주는 요소들이에요. 고객들의 호기심을 자극할 수 있는 제목과 설명을 고안하는 것이 중요합니다.
Step 5. 썸네일 최종 확인하기 - 배포한 콘텐츠 링크를 카카오톡을 통해 공유해 봤어요. 커스텀한 썸네일과 제목, 설명까지 모두 제대로 표시되고 있는 것을 확인할 수 있습니다.

  플랫폼 별 최적의 썸네일 사이즈 확인하기

각 플랫폼 별로 썸네일 이미지에 대해 정책이 다르다는 것을 아셨나요? 배리가 정리해봤습니다! 함께 확인하시죠
카카오
사이즈: 800x400px(2:1)
카카오 채팅방에 보이는 URL 대표이미지 미리보기 사이즈는 800x400 (가로세로 비율 2:1) 입니다. 만약 대표이미지 사이즈가 800x400 이 아닌 경우에는 리사이징(확대/축소) 및 크롭을 통해 800x400 으로 맞춰서 노출됩니다.
페이스북
사이즈: 1,200x630px(1.91:1)
페이스북에 링크를 포함하면 이미지 형태에 따라 정사각형(작은), 직사각형(큰) 2가지 형식으로 표시 되게 됩니다. 만약 큰 이미지로 부각되는 썸네일을 원하신다면 1,200x628px 로 썸네일을 제작하시는게 좋습니다.
트위터
사이즈: 1,024x512(2:1)
데스크톱에서는 2:1 및 1:1 비율을 허용하지만, 모바일에서는 이미지가 16:9 비율로 표시됩니다. 따라서 트위터 위주로 썸네일 이미지를 제작할 때는 위아래에 공간을 두고 제작하는게 더 좋겠죠?
문자 메시지에서도 URL의 썸네일을 볼 수 있을까? → 기본적인 문자 환경에서는 URL의 썸네일 이미지를 볼 수 없습니다. 단, 2가지 예외사항이 있어요. 1. 안드로이드 9.0버전 이상의 기기에서 ‘링크 미리보기’ 설정을 한 경우(링크) 2. 아이폰끼리 문자를 하는 경우