썸네일·카드 이미지 만들기

썸네일·카드 이미지 만들기 사용법

사진이나 색 배경 위에 큰 제목을 얹어 썸네일과 카드 이미지를 만드는 도구입니다. 유튜브 동영상의 맞춤 썸네일, 블로그 글의 대표 이미지, 링크를 공유할 때 뜨는 미리보기 그림, 정사각 카드뉴스의 표지처럼 "사진 한 장 + 굵은 제목" 형태의 이미지를 디자인 프로그램 없이 만들 때 씁니다. 강의 1강부터 20강까지처럼 제목만 다른 이미지가 여러 장 필요하면 제목 목록을 넣어 한 번에 만들 수 있습니다.

쓰는 순서

1. 크기를 고릅니다. 올릴 곳에 맞는 비율을 먼저 정해야 글자 배치가 흐트러지지 않습니다.
2. 배경을 단색, 그라데이션, 사진 가운데서 고릅니다. 사진은 끌어다 놓거나 Ctrl+V로 붙여 넣고, 좌우·상하 위치와 확대 막대로 보이는 부분을 정합니다.
3. 제목을 넣습니다. Enter로 줄을 나눌 수 있고, 작은 글은 제목 아래에 작게 들어갑니다.
4. 글꼴, 굵기, 색, 강조 상자, 외곽선, 그림자, 정렬을 정합니다. 옵션을 바꾸면 미리보기가 바로 바뀝니다.
5. 형식을 고르고 이미지 저장을 누르거나, 이미지 복사를 눌러 다른 프로그램에 바로 붙여 넣습니다.

크기 고르는 기준

글자 크기와 자동 맞춤

제목 크기는 가로 1280px 그림을 기준으로 넣는 값이고, 다른 크기를 고르면 가로 길이에 비례해 바뀝니다. 기본값 96을 그대로 두면 1280×720에서는 96px, 1080×1080과 1080×1920에서는 81px, 3840×2160에서는 288px로 그려집니다. 그래서 크기를 바꿔도 제목이 차지하는 비율이 비슷하게 유지됩니다.

넘치면 줄 나누고 글자 줄이기를 켜 두면, 여백 안에 들어가지 않는 줄을 먼저 띄어쓰기 자리에서 나누고 그래도 넘치면 글자를 조금씩 줄입니다. 예를 들어 "아주아주아주 긴 제목이 들어가면 어떻게 될까요 궁금합니다"를 1280×720에 넣으면 세 줄로 나뉘고 글자는 96px 그대로입니다. 이 옵션을 끄면 넣은 크기를 그대로 쓰고, 넘칠 때는 미리보기 아래에 넘친다는 안내가 나옵니다.

잘 읽히는 썸네일을 만드는 요령

• 썸네일은 작게 보이는 경우가 많습니다. 제목은 두 줄, 한 줄에 8~10글자 안쪽이 휴대폰 목록에서도 읽힙니다.
• 사진 배경이 복잡하면 어둡게를 30~50으로 올리거나 흐리게를 조금 넣어 글자와 배경을 떼어 놓으세요.
• 밝은 배경에는 외곽선이나 강조 상자를 씁니다. 글 뒤에 띠는 글 전체 뒤에 상자 하나를, 줄마다 상자는 줄 길이에 맞춘 상자를 깝니다.
• 같은 시리즈는 글꼴, 색, 위치를 고정하고 제목만 바꾸면 채널이나 블로그가 정돈되어 보입니다. 바꾼 옵션은 이 브라우저에 기억되고, 처음 설정으로를 누르면 기본값으로 돌아갑니다.

같은 디자인으로 여러 장 만들기

아래쪽 같은 디자인으로 여러 장 만들기를 열고 한 줄에 한 장씩 제목을 넣습니다. 줄 안의 " / "는 줄바꿈이 되고, " | " 뒤에 쓴 말은 작은 글이 됩니다. 예를 들어 "1강 / 사진 보정 기초 | 초보자를 위한 5분 정리"와 "2강 / 색 맞추기 | 화이트밸런스 이해하기" 두 줄을 넣고 ZIP으로 만들기를 누르면 지금 화면의 배경과 글자 설정 그대로 두 장이 만들어져 "썸네일_2장.zip"으로 저장됩니다. 파일 이름은 순번과 제목으로 붙고, 한 번에 300장까지 만들 수 있습니다.

주의할 점

• 글꼴은 이 기기에 있는 글꼴을 씁니다. 맑은 고딕과 바탕은 윈도에만 기본으로 들어 있어서 다른 기기에서는 비슷한 글꼴로 바뀌어 그려질 수 있습니다. 프리텐다드는 이 사이트가 함께 불러오므로 어느 기기에서나 같습니다.
• 이미지 복사는 브라우저가 허용해야 동작합니다. 복사가 안 되면 저장한 파일을 쓰세요.
• 다른 사람이 찍은 사진이나 인물 사진을 배경으로 쓰려면 사용 허락이 필요합니다. 사진은 서버로 올라가지 않고 이 브라우저 안에서만 그립니다.