[네이버 블로그-썸네일] 네이버 블로그에서 미리캔버스로 썸네일 만들기

 

0. 들어가면서

 

이 글을 작성하려니 처음 블로그에 글을 작성하던 때가 떠오릅니다. 당시에는 썸네일이라는 개념 자체를 "인지하지 못했다"라는 표현이 더 적절해 보입니다. 다른 블로그를 보면서 글을 소비할 때는 중요하게 생각을 하지 않았습니다. 특히 썸네일 중에서도 화려하면서도 어수선해 보이는 것들은 오히려 불편해 보이기까지 했습니다. 그래서 초창기 저의 글들에는 이미지 하나 없는 글자로만 구성된 블로그 글을 발행해왔습니다. 

 

이미지 하나 없이 글자로만 구성된 블로그 글을 제가 다시 모바일로 확인하면서 뭔가 아쉽다는 생각이 계속 들었습니다. 그래서 주변 지인들에게 물어보고 지인들의 조언으로 썸네일이라는 개념이 당시 제 블로그 글에 없음을 알게 되었고 네이버 블로그에 반영을 하기 위해 자료조사를 시작하였습니다. 

 

간략하게 알아보았을 때 네이버 블로그와 티스토리 블로그에서 최적화된 썸네일의 픽셀 크기가 달랐습니다. 그리고 반응형이라고는 하지만 그래도 모바일에서도 가시성이 좋은 썸네일의 글자 크기 등이 있는 것으로 판단되었습니다. 또한 이러한 썸네일 이미지를 만들기에 유용한 "미리 캔버스"라는 홈페이지도 알 수 있었습니다. 

 

지금도 네이버 블로그에서 작성하는 글은 미리 캔버스를 이용해 나름대로 썸네일을 만들어서 제작하고 있습니다. 과거 글만 올리던 것에 비해서는 좀 나아진 것 같긴 하지만 아직 심미적인 부분에 있어서는 많이 부족한 것 같습니다. 현재 수정을 하고 있진 않지만 지속적으로 썸네일 이미지 등은 고민하여 제가 보기에 괜찮은 디자인으로 발전해 나가고자 합니다. 그럼 지금까지 제가 고민한 네이버 블로그에서의 썸네일 이미지 만드는 것에 대해 차근차근 알아보도록 하겠습니다. 

 

 

---

 

1. 네이버 블로그 썸네일 이미지의 기획 

 

1) 네이버 블로그 썸네일을 만드는 목적

 

- 자료 조사를 하였을 때의 내용을 종합해보면 네이버 블로그 썸네일을 만드는 목적은 블로거가 발행한 글을 이용자가 검색 화면에서 클릭하고 싶게 만드는 것이라고 생각합니다. 

 

- 그래서 많은 분들이 클릭을 유도하는 제목을 썸네일로 작성하기도 하고 화려한 이미지들을 쓰거나 오히려 단순하게 색만을 강조하여 큰 글씨를 작성해둔 썸네일들도 보았습니다. 

 

- 물론 위에 언급한 목적을 썸네일을 제작하면서 아예 배제할 수는 없을 것입니다. 하지만 저의 경우는 썸네일을 만드는 목적이 제가 다양한 블로그에서 발행하는 여러 주제의 글들이 모두 제가 작성했다는 나름의 정체성을 부여하고자 하는 것이 큽니다. 

 

- 또한 글을 여러 개 발행하고 목록을 모아서 보니 글에 이미지라도 사용한 경우에는 중구난방으로 제각기 다른 대표 이미지가 목록에서 보였습니다. 제가 운영하는 블로그의 글 목록이 정돈된 이미지였으면 좋겠다는 생각에 썸네일을 만들기 시작했습니다. 

 

- 제 썸네일의 경우는 위 목적을 위해 글의 제목과 동일한 제목, 내용에 대한 간략한 요약, 작성자(DHLEE.Prosthodontist) 순서로 작성하고 있습니다. 

 

 

2) 네이버 블로그 썸네일을 구성하는 심미적 요소 

 

- 제가 생각하는 네이버 블로그 썸네일을 구성하는 심미적인 요소를 요소별로 정리해보도록 하겠습니다. 

 

(1) 썸네일 이미지의 디자인적인 요소 

- 썸네일 이미지의 디자인적인 요소가 아무래도 가장 중요한 것 같습니다. 제가 중시하는 것은 글의 목록을 전체로 만들었을 때 썸네일 이미지가 조화롭고 자주 보아도 질리지 않는 디자인을 찾는 것이 필요하다고 생각했습니다. 

 

- 개인적으로는 깔끔한 형태의 디자인을 선호하기에 구성 요소가 많지 않은 디자인을 우선적으로 선택하였습니다.

 

(2) 썸네일 이미지의 색상 테마 

- 전공의 시절 학술대회 발표를 위해 피피티를 제작할 때에도 색상 조합의 힘을 많이 느꼈습니다. 색상이 조화롭게 어울려야 썸네일 이미지도 보기에 좋고 깔끔한 느낌을 주는 것 같습니다. 

 

- 당시 피피티를 제작할 때에는 피피티 색 조합 추천을 네이버에 검색해서 컬러 조합 추천을 활용하였습니다. 확실히 조화를 이루면서도 선명하게 보이는 색의 조합이 있습니다. 어떤 면에서는 디자인이 단순하여도 색의 조합만으로도 충분히 심미적인 썸네일을 만들 수 있는 것 같습니다. 

 

 

(3) 썸네일 이미지에 활용하는 글자체와 크기 

- 그다음으로 중요한 요소는 썸네일 이미지에 활용하는 글자체와 그 크기를 자연스럽게 설정하는 것이 전체적인 썸네일의 조화에 필요해 보입니다. 

 

 

 

3) 네이버 블로그에서 적절한 썸네일의 픽셀 크기에 대한 고민 

 

- 초기에는 대표 썸네일을 가로 640픽셀, 세로 320 픽셀로 하는 것을 추천하는 블로그를 보고 초기 썸네일의 크기를 설정하였습니다. 

 

- 아래에 링크를 걸어놓은 저의 네이버 블로그 글에 보이는 썸네일이 위에 말씀드린 가로 640픽셀, 세로 320 픽셀 썸네일입니다. 지금 링크에 보이는 이미지에서 와서와 같이 미리 캔버스에서 저 크기로 제작을 하면 반응형 링크에는 정사각형으로 나타납니다. 또 막상 본문에 들어가면 가로로 긴 부분이 보이는 형식의 썸네일입니다. 

https://blog.naver.com/dhlee17/222606204204

[구강위생관리] 시린이 치약에 대한 이야기

 

- 한동안 위와 같은 썸네일 형식을 지속적으로 유지하였습니다. 자료 조사를 할 때 또 다른 블로그들에서는 가로, 세로 모두 1080 픽셀로 만드는 것을 추천하기도 하였습니다.

 

 

4) 네이버 블로그 썸네일을 제작하기 위한 방법 

 

- 처음에는 블로그 썸네일을 만들기 위해 여러 가지 고민들을 하였습니다. 가장 처음 생각한 방법은 피피티를 활용해 썸네일을 만들고 JPG 이미지로 저장하는 것이었습니다.

 

- 하지만 자료 검색을 계속하던 중 "미리캔버스"라는 썸네일을 만드는 데 유용한 사이트를 알게 되었습니다. 어떤 분께서는 미리 캔버스를 활용하는 것을 썩 좋아하지 않는다고 밝히시는 블로거 분도 계셨지만 저의 경우는 직접 만드는 수고로움보다 간편하게 만드는 미리캔버스를 선호하게 되었습니다. 

 

 

 

 

2. 네이버 블로그 썸네일을 위해 미리캔버스 사이트를  활용하는 방법

 

1) 미리캔버스 사이트 가입

 

- 제가 네이버 블로그 썸네일에 활용하는 미리캔버스 홈페이지 링크는 아래에 첨부하겠습니다. 

 

https://www.miricanvas.com/

디자인 플랫폼 미리캔버스

 

- 해당 사이트에 접속하고 회원이 아닌 경우 회원가입을 합니다. 

 

- 접속을 하게 되면 그림 1. 에서와 같은 창이 뜨게 되고 가장 왼쪽에 디자인 시작하기를 클릭하여 들어갑니다. 

그림 1. 미리캔버스를 처음 시작했을 때 화면

 

- 디자인 시작하기를 클릭하면 그림 2. 와 같은 화면이 나오게 됩니다. 이 화면에서 내 블로그의 분위기에 맞는 디자인을 찾아서 나름대로 수정하여 썸네일을 제작하게 됩니다.

 

- 디자인 템플릿을 사용하더라도 구성 요소들이 따로 분리되기 때문에 어울리지 않는 것은 삭제하고 디자인을 나름대로 수정할 수 있습니다. 제가 지금 사용하는 템플릿들도 구성 요소들을 삭제하고 제 나름대로 변경한 것입니다. 

 

그림 2. 디자인 시작하기를 눌렀을 때 이동하는 화면

 

 

2) 원하는 크기를 설정하고 디자인을 선택하여 글을 입력합니다.

 

- 그림 3.에서 왼쪽 상단에 1080px x 1080px 크기가 있는데 타 블로그에서 썸네일을 안내한 것을 보니 640px x 320 px 사이즈로 맞추고 디자인을 하면 모바일 환경에서도 가운데 글이 있는 부분이 잘리지 않고 정사각형으로 보인다고 하였습니다.

 

- 저는 그래서 네이버 블로그의 썸네일을 늘 640 px x 320px에 맞추어 제작하고 있습니다.

 

- 지금 글을 수정하는 최근(2022.04.16)에는 블로그의 썸네일을 1080 px x 1080 px로 수정하여 이용하고 있습니다. 그리고 실제 적용해 본 결과 썸네일 이미지에서도 파일이 깨지거나 잘리는 현상은 네이버 블로그에는 없었습니다. 각각 변화된 썸네일의 경우는 아래에 링크를 걸어 보실 수 있도록 하였습니다. 현재는 티스토리에서도 동일한 픽셀 사이즈를 이용하고 있는데 티스토리 블로그에 적합한 썸네일은 공부하게 되면 맞추어 수정해보도록 하겠습니다.

 

- 막상 디자인 되어 있는 내용을 제가 작성하는 내용으로 수정하고 시각적 이미지들 중 불필요한 부분을 지우면 기존의 디자인과 다른 느낌이 연출될 수 있으니 이런저런 시도를 해보시기 바랍니다. 

 

 

 

3) 다운로드 혹은 복사를 이용해 제작한 썸네일을 저장하여 글에 첨부하거나 디자인 화면에서 바로 붙여 넣습니다.

 

- 제작한 파일은 그림 3. 의 우측 상단에 있는 다운로드를 클릭하면 여러 가지 그림 파일 확장자로 저장할 수 있으며 이를 블로그 글을 쓰는 곳에 복사할 수 있습니다. 

 

- 혹은 디자인 화면 자체에서 복사하여 붙여 넣기를 할 수 있습니다. 

 

- 아래 그림 4.는 제가 가장 처음 제작한 디자인입니다. 이 디자인은 제가 카테고리 소개, 블로그 소개 등 운영에 대한 안내를 할 때 이용하는 썸네일입니다. 

 

그림 3. 제작한 썸네일 예시

 

 

 

 

4) 내가 작성하는 블로그의 대표 이미지로 설정

 

- 이제 제작한 썸네일을 이용해 내가 발행할 네이버 글의 대표 이미지로 설정하면 썸네일을 가진 글을 발행할 수 있습니다. 

 

- 아래 링크는 제가 미리 캔버스를 이용해 썸네일을 제작한 저의 블로그 소개글입니다. 

https://blog.naver.com/dhlee17/222298562938

[블로그 소개-인사말] 블로그 인사말_운영목표 및 운영 방침

 

- 다음 링크는 미리캔버스를 이용해 치과 정보에 대한 글을 작성할 때 반복적으로 사용한 썸네일을 포함한 글입니다. 

 

https://blog.naver.com/dhlee17/222536539487

[치과응급-치아외상] 아탈구(subluxation)가 있을 때

 

- 그리고 마지막 링크는 제가 최근에 수정해 이용하는 썸네일을 포함한 글입니다. 

 

https://blog.naver.com/dhlee17/222667527193

[치주치료-잇몸치료 필요성] 치과 잇몸치료 꼭 받아야 하나요?

 

 

---

 

3. 맺음말

 

이번 글을 통해서는 네이버 블로그 썸네일에 대한 이야기를 정리해보았습니다.  

 

네이버 블로그 썸네일 등 디자인적인 요소에서 부족함을 느끼던 제가 썸네일을 활용하면서 이미지와 관련된 고민을 많이 풀었습니다. 개인적으로는 미리캔버스라는 플랫폼을 이용하여 나름대로 디자인적인 요소를 고려할 수 있었다는 점에서 블로그 운영에서 나름대로 발전을 이루었다고 생각합니다.  

 

썸네일에 관하여는 디자인, 색상 등을 아마 지속적으로 고민하고 수정할 것입니다. 알게 된 내용들이 많아질수록 이를 지속적으로 정리할 것이고 이번 글에서처럼 수정해야 하는 내용이 있으면 즉각 수정하도록 하겠습니다. 

 

 

 

 

 

 

감사합니다

 

DHLEE.Prosthodontist 드림