> For the complete documentation index, see [llms.txt](https://inflab-1.gitbook.io/inflearn/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://inflab-1.gitbook.io/inflearn/course-promote/tips/undefined-1.md).

# 눌러보고 싶은 썸네일 만들기

여러분은 강의를 제작하실 때 어떤 부분을 많이 고민하시나요? \
의외로 강의 썸네일 제작에 어려움을 느끼시는 지식공유자분들이 많다고 합니다. \
그래서 **강의 커버 이미지(썸네일)**&#xC5D0; 대한 이야기를 해보려고 해요.

인프런 썸네일 규정을 살펴보고, 다양한 사례와 함께 좋은 네일 제작 방법을 공유합니다. \
**지식공유자분들을 위한 작은 이벤트**도 준비되어 있으니 끝까지 읽어보세요!&#x20;

***

![](/files/sJeVeh0oX4j9NS9j8BJe)

## **썸네일이 뭐길래**&#x20;

강의의 썸네일은 강의의 '표지'와 같은 역할을 하고 있어요. 여러분 강의의 예비 수강생들은 강의 썸네일을 보면서 강의 스타일이나 학습 내용 등을 추측할 수 있습니다. 썸네일은 강의에 대한 첫인상을 결정하는 꽤 중요한 요소예요.

하지만 단순히 예쁘고 완성도 있는 썸네일만이 좋은 건 아니에요. 조금은 투박하더라도 지식공유자의 개성이 묻어나는 특색있는 이미지가 오히려 눈에 띄기도 합니다. 인프런이 썸네일 제작을 지식공유자분들께 권장하는 이유도 같은 맥락입니다. 어떤 이미지보다도 지식공유자가 만든 썸네일이 강의의 특징을 가장 잘 보여줄 수 있으니까요!&#x20;

## **인프런 썸네일 규정**&#x20;

인프런 강의 썸네일을 제작하실 때 아래 6가지 규정은 꼭 확인해주세요.

<div><img src="https://cdn.inflearn.com/public/files/posts/aa35cd4b-7aa4-4e26-8673-e1845016bae1/thumbnail-guide-1.png" alt="1200*781 사이즈의 PNG/JPG 파일만
사이즈가 맞지 않거나 화질이 나쁜 이미지는 등록할 수 없습니다." height="228" width="350"> <img src="https://cdn.inflearn.com/public/files/posts/be1df6f8-cfef-475d-8eb3-ec00dc365b1d/thumbnail-guide-2.png" alt="텍스트는 영문으로만
썸네일에 텍스트를 작성할 경우 영문과 숫자만 사용해주세요." height="228" width="350"></div>

<div><img src="https://cdn.inflearn.com/public/files/posts/22e832fa-7c90-4962-bac7-40c721bb4f2c/thumbnail-guide-3.png" alt="과한 디자인 지양
과한 디자인, 지나치게 큰 텍스트 크기는 
오히려 썸네일의 가독성을 해칠 수 있어요." height="228" width="350"> <img src="https://cdn.inflearn.com/public/files/posts/78638435-629f-4753-8f12-142ffc982335/thumbnail-guide-4.png" alt="텍스트 배치 위치 확인
썸네일의 텍스트 위치는 좌측 상단과 중앙을 추천해요. 
할인 등의 태그에 텍스트가 가려질 수 있습니다." height="228" width="350"></div>

<div><img src="https://cdn.inflearn.com/public/files/posts/de3e79e7-0fb3-4142-b6ab-85e0fb9dea75/thumbnail-guide-5.png" alt="저작권 확인은 필수
썸네일에 사용된 폰트, 사진, 일러스트 등은 
상업적 용도로 쓸 수 있어야 해요." height="228" width="350"> <img src="https://cdn.inflearn.com/public/files/posts/259971a6-25c2-4c96-9c2d-df2e4d95acc0/thumbnail-guide-6.png" alt="파일명은 영문과 숫자만
파일명은 영문 소문자, 숫자, 하이픈(-)만 써주세요. 
그외 파일명을 쓰는 경우 서비스에 깨져서 노출될 수 있어요." height="228" width="350"></div>

{% hint style="info" %}

## **6가지 규정 모아보기**

**1) 1200\*781 사이즈의 PNG/JPG 파일만**\
사이즈가 맞지 않거나 화질이 나쁜 이미지는 등록할 수 없습니다.\
**2) 텍스트는 영문으로만**\
썸네일에 텍스트를 작성할 경우 영문과 숫자만 사용해주세요.\
**3) 과한 디자인 지양**\
과한 디자인, 지나치게 큰 텍스트 크기는 오히려 썸네일의 가독성을 해칠 수 있어요.\
**4) 텍스트 배치 위치 확인**\
썸네일의 텍스트 위치는 좌측 상단과 중앙을 추천해요. 할인 등의 태그에 텍스트가 가려질 수 있습니다.\
**5) 저작권 확인은 필수**\
썸네일에 사용된 폰트, 사진, 일러스트 등은 상업적 용도로 쓸 수 있어야 해요.\
**6) 파일명은 영문과 숫자만**\
파일명은 영문 소문자, 숫자, 하이픈(-)만 써주세요. 그외 파일명을 쓰는 경우 서비스에 깨져서 노출될 수 있어요.<br>
{% endhint %}

## **좋은 썸네일은 어떤 걸까요?**&#x20;

썸네일 규정을 확인했다면 이제 직접 제작해볼 차례예요. \
실제로 지식공유자분들은 어떤 네일을 만드실까요? \
몇 가지 좋은 사례를 통해 살펴보겠습니다.

### **Case #1 간결하지만 명확하게, 직관파**

Simple is the best! 강의에서 **중심적으로 다루는 기술의 로고나 핵심 키워드**를 크게 보여주는 것만으로도 썸네일을 만들 수 있어요. 강의에서 배울 내용을 네일에서 직관적으로 확인할 수 있다는 게 가장 큰 장점이에요.

<div><img src="https://cdn.inflearn.com/public/files/posts/19007dca-0753-47c4-8bdf-7f6001432c94/4aff7ad8-ebd6-49ea-8d19-64d7e746c4fe.png" alt="피그마를 활용한 UI디자인 입문부터 실전까지 A to Z, 에릭" height="163"> <img src="https://cdn.inflearn.com/public/files/posts/df4faa3c-039e-4257-8435-e8b0157ee5e4/328742-eng-resize.png" alt="네트워크, 그림으로 이해하자, 예술하는 개발자" height="163"> <img src="https://cdn.inflearn.com/public/files/posts/496f15e6-fd12-468a-ac57-656b97a73b55/webdesign-cover-03.png" alt="HTML+CSS+JS 포트폴리오 실전 퍼블리싱, 코딩웍스" height="163"></div>

{% hint style="info" %}
**깨알 꿀팁 💡 작은 디테일이 강의 첫인상을 좌우한다?**

제작 중인 강의의 난이도, 예비 수강생에게 주고 싶은 강의의 이미지에 따라 폰트나 배경색을 바꿔보세요. 약간의 변화로도 강의에 대한 첫인상이 달라질 수 있습니다.

* 중급 이상의 고급 스킬을 다루는 경우, 강의에 대한 신뢰감을 높이고 싶은 경우엔 **배경색을 어둡게** 설정해보세요. 어두운 배경색과 간결한 텍스트가 만나면 세련된 인상을 줄 수 있어요.
* 강의 타깃이 입문자인 경우, 친근하고 말랑말랑한 인상을 주고 싶은 경우엔 **밝은 배경색**을 이용해보세요. 가독성이 좋은 말랑말랑한 폰트와 밝은 배경색이 만나면 강의에 대한 예비 수강생의 심리적 장벽을 낮출 수 있어요.
  {% endhint %}

### **Case #2 내 취향대로 마음껏, 개성파**

때로는 미학적으로 훌륭한 썸네일보다 재미있는 썸네일에 눈길이 가죠. 내 강의의 주인은 바로 나! 썸네일을 통해 **제작 중인 강의의 개성을 마음껏** 드러내는 것도 좋은 방법이에요. 지식공유자 본인의 캐릭터나 사진을 넣는 경우도 있고, 그림판으로 직접 그린 썸네일을 이용하는 경우도 있답니다. 조금 투박하더라도, 지식공유자가 직접 제작한 티가 나는 썸네일이 예비 수강생에게 더 어필될 수 있어요.

<div><img src="https://cdn.inflearn.com/public/files/posts/88966125-3e66-42d9-9445-f30e5b21bb92/JavaScript--IFL.png" alt="제대로 파는 자바스크립트(JavaScript) - by 얄코," width="563"> <img src="https://cdn.inflearn.com/public/files/posts/ca240266-3aae-4ae2-bf6b-78f40fd80273/328755-new-eng.png" alt="떠먹는 알고리즘 코딩 테스트 with 파이썬, 최기원" width="563"> <img src="https://cdn.inflearn.com/public/files/posts/bf84bc5d-1812-4881-8281-3d6fc9e2f675/yjm_web.png" alt="인터랙티브 웹 개발 제대로 시작하기, 1분코딩" width="563"></div>

### **Case #3 썸네일로 미리 보여주는 성장, 결과물파**

제작 중인 강의가 크리에이티브 분야라면 특히 주목! **강의를 통해 만들 수 있는 멋진 결과물 또는 포트폴리오**가 있다면 썸네일에 담아보세요. 강의에 대한 예비 수강생의 흥미를 유발할 수 있고, '나도 강의를 들으면 저런 걸 만들 수 있겠지?' 하는 기대감을 느끼게 할 수도 있어요. 사용하는 툴의 로고를 작게 추가한다면 금상첨화!

<div><img src="https://cdn.inflearn.com/public/files/posts/c2d6620c-d923-4f99-b401-8cd9df4c7751/330439-eng.png" alt="왕초보 아이패드 수채화를 기초부터 탄탄하게 배우기, 멜로호양" width="563"> <img src="https://cdn.inflearn.com/public/files/posts/00144b6c-9360-4c86-9eb0-187cced6f173/b433bf9a-bffa-41cb-b325-e38aaffd228d.jfif" alt="애니메이션과 이모티콘 만드는 진짜 애니메이트 클래스, 그리네모" width="563"></div>

### **Case #4 시리즈 강의를 연속성 있게, 시리즈파**

혹시 지금 제작 중인 강의가 시리즈로 기획된 강의인가요? 그렇다면 썸네일에서도 연결성을 만들어보세요. 똑같은 구성의 썸네일에서 배경색 등 약간의 변화만으로도 **연속성 있는 썸네일**을 만들 수 있어요. 결이 비슷한 썸네일은 예비 수강생에게 시리즈 강의임을 인지시키기 좋아요. 한 번 만들어둔 썸네일을 간단하게 수정하면 된다는 점에서 썸네일 제작 시간을 줄일 수 있다는 장점도 있어요.

<figure><img src="https://cdn.inflearn.com/public/files/posts/0e7666cf-bb06-435b-8d45-00eba50072c4/easy%20to%20learn.png" alt=""><figcaption><p><a href="https://www.inflearn.com/users/@gamjadori"><sub>감자</sub></a> <sub>님의 '그림으로 쉽게 배우는' 시리즈</sub></p></figcaption></figure>

<figure><img src="https://cdn.inflearn.com/public/files/posts/99aa98f7-715e-4be0-9eb0-ba06be2d4202/right%20now.png" alt=""><figcaption><p><a href="https://www.inflearn.com/users/200714"><sub>The Oreum</sub></a> <sub>님의 '지금 바로' 시리즈</sub></p></figcaption></figure>

***

이번에 소개한 다양한 썸네일 제작 사례는 어떠셨나요?\
여러분의 썸네일 제작에 조금이나마 도움이 되었으면 좋겠습니다.
