안녕하세요. 린치핀소프트 한광희입니다.

“워드프레스 썸네일 종류와 소개”

블로그나 포스트를 작성할때 특성이미지(Feature Image)를 등록하여 블로그의 상단이나 SNS에 공유될때 대표이미지로 보여지게 될 이미지를 지정할 수 있습니다. 이를 보통은 썸네일,대표 이미지, 특성 이미지라고 일컫습니다.

포스트를 작성하거나 페이지를 작성할때 이미지를 업로드하곤 합니다. 이때 “이미지 해상도와 용량은 어느 정도로 편집해서 업로드해야 하는가?”하는 질문을 해주시는 분들이 많습니다.

이에 대한 단적인 답변으로 “테마&플러그인 등등에 따라 최적의 이미지의 해상도와 크기가 다를 수 있습니다.” 라고 말씀을 드립니다. 그 이유는 다음과 같습니다.

 

1.사용하는 테마와 플러그인에 따라 필요로 하는 이미지의 최적 사이즈가 모두 다르다.

테마와 플러그인에서 지원하는 템플릿(Template)이나 컴포넌트(Component)에 따라 최적의 해상도,최적의 이미지 비율(Portrait/LandScape)등이 천차 만별입니다. 어떠한 테마에서는 전면 이미지를 주로 선호하는 템플릿이 차용되므로 1920px이상의 고해상도 이미지를 요구하거나, 작은 해상도 사이즈의 썸네일 사이즈를 더 최적으로 요구할수 있기 때문입니다.

2. 사이트별로 주요 고객층이 선호하는 매체(노트북/데스크탑/스마트폰 등)의 해상도가 다르다.

보통 반응형 웹 디자인으로 워드프레스 테마가 구성되기때문에 좋은 테마(웹 디자인에 잘 최적화 되어 있는 테마) 들은 어떠한 채널에서도 콘텐츠의 가독성을 보장합니다. 그럼에도 주요 사용자층이 데스크탑이나 노트북과 같은 상대적으로 고 해상도의 매체로 사이트에 접근한다면 그에 적합한 고해상도의 이미지를 등록하는게 좋은 방안입니다

3. 사이트의 종류에 따라 콘텐츠로서 적합한 이미지 해상도가 천차만별이다.

워드프레스 사이트의 플러그인/테마 그리고 주요 방문자층의 매체의 종류와 별개로 현재 사이트의 주요 콘텐츠에 따라서도 업로드 되어야 하는 이미지의 최적 해상도는 달라 질 수 있습니다.

 

대략적으로 위의 세가지 이유를 들어 어느 워드프레스 사이트이든 “이 정도가 최적의 이미지 사이즈(해상도)입니다.” 라고 확실히 답변드리지 못하는 이유입니다.

그럼에도 불구하고 이번 포스트에서는 워드프레스 시스템에서 썸네일(이미지)가 어떻게이용되고 관리되는지에 대한 이해를 돕고, 어느 이미지 사이즈를 이용해볼것인가에 대한 팁을 드리고자 합니다.

 

Desktop01

위의 사진은 보통 미디어 라이브러리를 통해 이미지를 추가 할때 이미지의 사이즈를 선택하는 화면의 스크린샷입니다.(보통은 작은 사진, 보통, 전체 크기)의 세가지 선택을 하여 삽입 할수 있습니다.

그러면 워드프레스에서는 이미지 하나를 업로드 하면 저렇게 3종류의 이미지로 사이즈를 조정하여 구분 하고 있을까요?

 

이에 대한 답은 “그럴 수도 있고, 아닐 수도 있다” 입니다. 

screenshot-newtab 2016-01-03 13-17-19

위의 사진은 제가 하나의 사진을 워드프레스에 업로드 하였을때 웹 서버(워드프레스 시스템 )에 생성되는 이미지의 종류를 캡춰했습니다. 저 같은 경우 하나의 이미지를 업로드 했는데 10여가지 이상의 이미지가 생성되었습니다.

하나의 이미지를 업로드 했을뿐인데 세 가지 이상의 여러가지 이미지가 생성되는 이유는 제가 사용하고 있는 테마나 플러그인에서 여러가지 이미지 사이즈가 필요하기 때문에 저렇게 다양한 이미지가 생성되고 있습니다.

워드프레스의 주요 함수로서 add_image_size() 라는 함수가 있습니다. 이 함수를 사용하면 워드프레스에서 썸네일로 생성되어야 하는 사이즈를 추가 할수 있습니다.

screenshot-www.linchpinsoft.com 2016-01-03 13-14-59

제가 사용하고 있는 테마에서도 위 스크린샷처럼 저렇게 다양한 사이즈를 등록하여 썸네일이 생성되도록 하고 있습니다.

그러면, 자기가 이용하고 있는 이 워드프레스 사이트에서 테마나 플러그인등에 의해 추가되는 모든 이미지 종류는 어떻게 알아 볼수 있을까요?

워드프레스의 get_intermediate_image_size()라는 함수를 통해 현재 워드프레스에 등록된 썸네일의 모든 사이즈 종류를 확인 할수 있습니다.screenshot-www.linchpinsoft.com 2016-01-03 13-20-18

 

소개해드리는 add_image_size(), get_intermediate_image_size() 함수 등은 워드프레스의 함수이기 때문에 PHP등을 다루는 분들은 쉽게 확인하실수 있습니다.

일반 이용자분들도 일단은 대략적으로 워드프레스 시스템에서는 위처럼 테마나,플러그인에 의해 하나의 이미지를 업로드할때 수십개의 이미지로 서버에 등록되기도 하는 구나! 라는 정도만 이해하셔도 좋습니다.

 

 

다음 포스트에서는 각 워드프레스 사이트의 목적이나 테마별로 어떤 사이즈가 최적의 이미지 사이즈일지 안내해드리겠습니다.

 

다음 포스트: 워드프레스 썸네일 최적의 사이즈는 무엇인가요? #2

 

참고. 워드프레스에 사용될 이미지 검색하기

워드프레스 포스트용 이미지 검색하기