[블로그 스킨 제작] Canva로 네이버 블로그 홈페이지형 스킨 만들기

홈페이지처럼 보이는 블로그 첫 화면을 만들고 싶다면, 이 글 하나면 직접 제작할 수 있어요. Canva로 제작 후 티스토리에 적용하는 실무 과정을 알려드릴게요.

---

1. Canva에서 맞춤형 크기 설정하기

• Canva 접속 → [디자인 만들기] 클릭
• 크기 입력: 1900 x 600(px)
• 작업용 새 캔버스를 열고, 프로젝트명 저장

---

2. 가이드라인 위치 설정하기

텍스트 위치와 배경 오브젝트 정렬에 꼭 필요한 설정입니다.

• 상단 메뉴에서 눈금자 활성화 (Shift + R)
• 눈금자에서 가이드라인 드래그 추가

가이드라인 종류	위치(px)	용도
수직 가이드	360	텍스트 시작 기준선
	960	텍스트 블록 끝 기준
	1540	우측 배경 이미지 기준선
수평 가이드	150	텍스트 상단 기준선
	470	텍스트 하단 기준선

 

Tip.

좌측 텍스트가 너무 왼쪽에 치우치면 모바일에서 잘릴 수 있어요.

→ 텍스트는 반드시 360px 가이드 안쪽에 배치하세요.

---

3. 템플릿 선택 또는 배경 디자인 직접 구성

방법 A. 템플릿 사용

• 좌측 ‘템플릿’ 탭에서 ‘비즈니스 배너’, ‘브랜드 커버’ 검색
• 배경과 정렬이 적절한 템플릿을 선택해 커스터마이징

방법 B. 직접 구성

• 좌측 ‘요소’ 탭에서 다음과 같은 이미지 삽입
  • 노트북, 펜, 식물, 커피잔 등 사무용 아이템
• 이미지 배치는 텍스트 오른쪽(960px 이후)부터 배치

---

4. 텍스트 입력 및 정렬하기

• 제목: 굵은 고딕 계열 (Pretendard Bold, 나눔스퀘어 Bold 등)
• 부제목/설명: Spoqa Han Sans, Noto Sans 등 깔끔한 폰트

텍스트 위치 기준:

• 좌우: 360px 안쪽에서 시작
• 상하: 150px ~ 470px 사이에 정렬

Tip.

모바일/태블릿 대응을 고려하면 중앙정렬보다 좌측 정렬이 더 안정적이에요.

---

5. PNG 또는 JPG로 저장하기

• 상단 [공유] → [다운로드] 클릭
• 형식: PNG 권장 (고해상도) / JPG는 용량 줄이기에 유리
• 해상도: 1x 또는 2x로 저장

---

플랫폼별 적용 시 주의사항

플랫폼	기본 정렬	표시 폭	텍스트 안전 영역
티스토리 (PC)	가운데 정렬	1900px 전체	360~960px 안쪽
네이버 블로그 (PC)	가운데 정렬	약 1500px	300~850px 안쪽
모바일 (공통)	반응형	중앙만 보임	중앙 기준 ±300px 내외

 

Tip.

모바일에서는 이미지 좌우가 잘리기 때문에,

중요한 텍스트와 로고는 왼쪽 360~960px 사이에 배치하는 것이 안전해요.