커버 이미지

Tue, 12 Mar 2024 14:15:17 GMT

페이지와 블로그 글 상단에 전체 너비로 들어가는 이미지입니다. 가지고 있던 이미지를 추가하거나, Unslplash의 이미지를 사용할 수도 있습니다.

## 커버 이미지 적용

화면 위쪽 `커스텀` 선택 후 `커버` 를 활성화(초록색)하면 랜덤 커버 이미지가 적용됩니다.

![Image](https://upload.cafenono.com/image/slashpageHome/20240405/174410_WeagCQYDZbUzyWyJ1O?q=75&s=1280x180&t=outside&f=webp)

![Image](https://upload.cafenono.com/image/slashpageHome/20240405/175526_0QtXj41c7y6uAzqD6F?q=75&s=1280x180&t=outside&f=webp)

## 이미지 변경

커버 이미지 툴바의 `이미지 변경` 클릭 후 `업로드` 탭에서 이미지를 불러옵니다.

![Image](https://upload.cafenono.com/image/slashpageHome/20240408/153240_rVCY85ZDI98wmYK0Lv?q=75&s=1280x180&t=outside&f=webp)

> **Unsplash에서 적절한 이미지 찾기**

커버 이미지 툴바의 `이미지 변경` > `Unsplash` 탭에서 키워드를 검색해 주세요.

또는, 🔀 를 클릭해서 원하는 게 나올 때까지 랜덤으로 불러올 수 있습니다.

## 크기 조절

이미지 아래 끝부분에 커서를 올리고 `↕️` 모양이 됐을 때 위아래로 드래그합니다.

[Video](https://vz-127031db-d43.b-cdn.net/2161a9d0-77e0-48fe-9484-65bd9019e576/playlist.m3u8)

> **커버 이미지 크기 팁**

너비는 1800px 이상일 때 PC에서도 선명하게 보입니다.

높이는 200px부터 700px까지 5px 단위로 수정할 수 있습니다.

## 영역 조절

보여줄 영역을 조절하려면 이미지에 커서를 놓고 십자 모양 화살표가 됐을 때 원하는 곳으로 드래그합니다.

[Video](https://vz-127031db-d43.b-cdn.net/e38d3460-b6c3-4a78-960a-bd68de4e7b60/playlist.m3u8)

## 자주 묻는 질문

### Q. 모바일과 PC에서 커버 이미지가 달라 보여요.

A. 모바일 기기에서 커버 이미지 크기는 pc에서 설정한 것과 관계 없이 고정되어 있습니다. 이미지의 가운데 부분 위주로 보이므로, 설정을 마친 뒤 pc와 모바일에서 보이는 모습을 한 번씩 확인해 주세요.