워드프레스 특성 이미지(Featured image)란 무엇인가? 최적의 크기는? 1200 x 630?

워드프레스 특성 이미지(Featured Image)의 의미, 최적의 크기에 대한 포스팅입니다.

워드프레스의 특성 이미지는 일반적으로 네이버 블로그, 유튜브의 썸네일과 동일한 의미로 사용되며, 방문자가 블로그에서 가장 먼저 접하는 요소 중 하나입니다. 적절하게 선택된 이미지는 포스팅의 주제를 효과적으로 전달하는 동시에 방문자의 관심을 끄는데 결정적인 역할을 합니다.

특성 이미지 크기와 레이아웃

워드프레스에서는 특성 이미지의 크기에 따라 포스팅 미리보기의 레이아웃이 변합니다. 따라서 모든 게시물에 동일한 사이즈의 특성 이미지를 적용해야 레이아웃의 일관성을 유지할 수 있습니다.

지금 보고 계시는 딥다이브 블로그는 모든 포스팅에 1200px X 630px의 특성 이미지를 일괄 적용 중입니다. 딱 하나의 포스팅에 다른 사이즈의 이미지가 적용되어 있는데, 아래와 같이 포스팅 미리보기 레이아웃에 차이가 발생합니다.

가끔 한 두 번 다른 사이즈를 적용하는 것은 큰 문제가 되지 않습니다. 하지만, 블로그의 여러 부분에서 일관성이 떨어지는 레이아웃이 반복되면, 이는 미적인 측면과 블로그의 신뢰도에 부정적인 영향을 줄 수 있습니다.

1200px X 630px (1.91: 1 비율)

워드프레스에서 특성 이미지의 사이즈를 결정하려면, 먼저 외부 채널(SNS, 카카오톡 오픈 채팅방 등)에서 포스트를 공유할 계획이 있는지, 그리고 만약 공유한다면 어떤 채널을 사용할 것인지를 미리 정하면 좋습니다.

각 플랫폼에는 최적화된 이미지 사이즈가 있으며, 이에 맞는 이미지를 설정하면, 포스팅을 해당 채널에 공유할 때 이미지 잘림 현상이나 화질 저하 없이 원본이 그대로 깔끔하게 공유됩니다

참고로 딥다이브 블로그에서 사용 중인 1200px x 630px (1.91:1 비율) 사이즈는 페이스북에 포스팅 링크를 공유할 때 적합한 사이즈입니다.

아래는 1200px x 630px의 특성 이미지가 적용된 포스팅을 페이스북 그룹에 공유한 모습입니다. 이미지 원본이 아주 잘 적용되어 있습니다.

페이스북 그룹을 잘 활용하면 단기간에 많은 유입을 확보할 수 있습니다. 외부 유입을 확보하는 방법에 대해서는 추후 별도 포스팅으로 다뤄보겠습니다.

페이스북과 함께 제가 자주 활용하는 카카오톡 오픈 채팅방에 외부 링크 공유 시 노출되는 이미지 사이즈는 800px x 400px (2:1 비율)로 페이스북의 1.91:1 비율과 큰 차이가 없습니다.

그래서 특성 이미지 크기가 1200px x 630px인 포스팅 링크를 공유하면, 이미지 잘림 없이 원본과 동일하게 공유됩니다.

구글의 디스커버에서도 디스커버를 통해 방문자가 유입될 가능성이 높은 큰 이미지의 최소 가로 사이즈를 페이스북과 동일한 1200px로 언급합니다.

많은 사이트에서 SNS 채널에 최적화된 이미지 사이즈 정보를 제공하는데, 그중 내용이 잘 정리된 포스팅을 공유드리오니 참조 부탁드립니다.

1:1 비율

1200px x 630px (1.91:1 비율)의 특성 이미지는 페이스북과 카카오톡에 공유하기 적합하다는 장점이 있지만, 단점도 존재합니다

검색 엔진(구글, 다음)에서 키워드 검색 시 검색되는 포스팅의 요약 소개 글에 1:1 비율의 이미지가 노출됩니다.

아래는 구글에서 "블루윌로우"라는 키워드로 검색 시 검색엔진에 노출되는 딥다이브 블로그 포스팅의 1.91:1 비율 이미지(왼쪽)와, 다른 블로그 포스팅의 1:1 비율의 이미지(오른쪽)입니다.

왼쪽 이미지는 좌우가 잘린 채로 노출되지만, 오른쪽 이미지는 전체 이미지가 깔끔하게 노출됩니다. 특히 블루윌로우에 대한 간략한 설명이 한글 텍스트로 노출되어 눈에 아주 잘 띕니다.

외부 홍보를 할 계획이 없거나, 홍보를 하더라도 검색 엔진에 노출되는 모습을 더욱 중요하게 여긴다면, 1:1 비율의 특성 이미지를 활용하는 것도 좋은 옵션입니다.

이미지 크기 조절 방법

미리캔버스라는 사이트에서 이미지 크기 조절 기능을 무료로 제공합니다. 미리캔버스에서 이미지 크기를 조절하는 방법에 대해 아주 상세히 설명한 포스팅을 보고 따라 하시면 손쉽게 진행할 수 있습니다.

또한, 사용 중인 서버의 공간을 최대한 아끼기 위해 JPG, PNG 형식의 이미지를 구글에서 개발한 WEBP로 변환하여 사용하는 워드프레스 관리자도 많이 늘고 있는 추세입니다. WEBP 형식으로 변환하면, 이미지의 용량을 대폭 줄이면서도 시각적인 품질은 거의 그대로 유지할 수 있습니다.

본문에 사용된 이미지 중 하나는 원래 용량이 985.50kb였는데, webp로 변환하니 불과 43.36kb(약 4.4%)로 크게 줄었습니다. 포스팅 하나에도 여러 이미지가 사용되는 만큼, 고용량의 이미지가 계속해서 서버에 쌓이면, 서버에 부담을 주게 될 수 있습니다.

딥다이브 블로그에는 WEBP의 정의, WEBP로 무료 변환하는 방법에 대해 상세하게 안내하는 포스팅과 그 외 다양한 워드프레스 관련 포스팅이 있으니 많은 관심 부탁드립니다.

워드프레스 관련 포스팅

▶워드프레스 블로그 입문서 1편 – 워드프레스 포스팅 생성, 편집 방법
▶워드프레스 블로그 입문서 2편 – 블록, 헤딩, 이미지 업로드, HTML 편집 기능
▶워드프레스 블로그 입문서 3편 – 워드프레스 URL 설정 방법
▶워드프레스 카테고리 설정을 통한 검색 엔진 최적화(SEO) 방법
▶챗GPT 수익형 블로그 만들기 (Feat. 애드센스 승인 후기)
▶구글 애드센스 무효트래픽으로 인한 광고 게재 제한 원인 4가지, 사전 예방 방법
▶워드프레스 홈페이지 제작 비용 – 347,281원(최초 1년)