이미지 추가 및 미디어 라이브러리 사용

사진은 스토어를 더 생생하게 만들어 줍니다. Payly에서는 이미지를 한 번 업로드하면 원하는 만큼 여러 페이지에서 다시 쓸 수 있습니다. 업로드한 모든 이미지는 사이트의 미디어 라이브러리에 보관됩니다.

시작하기 전에

• 업로드한 이미지는 고객님의 Cloudflare 계정에서 스토어와 함께 저장됩니다. 아직 Cloudflare를 연결하지 않았다면 처음 이미지를 업로드할 때 Payly가 연결을 요청합니다.
• JPEG, PNG, WebP, GIF, AVIF 이미지를 파일당 최대 10MB까지 업로드할 수 있습니다. 큰 사진은 페이지가 빠르게 로드되도록 업로드 전에 자동으로 작게 줄여집니다. 움직이는 GIF는 그대로 유지됩니다.

페이지에 이미지 추가

1. 블록 패널의 미디어 그룹에서 이미지를 페이지로 끌어다 놓습니다. 블록 추가, 이동, 크기 조정을 참고하세요. 새 이미지 블록에는 선택된 이미지 없음이 표시됩니다.
2. 설정 패널에서 일반을 엽니다. 이미지 설정에서 그림을 고르는 방법은 세 가지입니다.

   

   • 이미지 업로드를 클릭하고 컴퓨터에서 파일을 선택합니다.
   • 업로드한 이미지 보기를 클릭해 이전에 업로드한 그림을 고릅니다.
   • 입력란에 그림의 웹 주소를 붙여 넣습니다. 사용할 권리가 있는 그림에만 이 방법을 쓰고, 다른 사이트에 있는 그림은 바뀌거나 사라질 수 있다는 점을 기억하세요. 업로드하는 쪽이 더 안전합니다.
3. 대체 텍스트에 짧은 설명을 입력합니다. 예를 들면 물레 위에서 그릇을 빚는 손처럼 씁니다. 화면 낭독기를 쓰는 사람에게 읽어 주며, 그림을 불러오지 못할 때 대신 표시됩니다. 검색 엔진도 이 텍스트를 읽습니다.

블록에서 그림을 빼려면 미리보기 모서리의 x를 클릭합니다. 이렇게 해도 라이브러리에서 그림이 삭제되지는 않습니다.

업로드한 이미지에서 고르기

1. 업로드한 이미지 보기를 클릭합니다. 내가 업로드한 이미지 창이 열리며, 각 이미지의 썸네일과 그 아래에 크기와 형식이 표시됩니다.
2. 원하는 그림을 클릭합니다. 오른쪽에 파일 이름, 크기(가로세로), 형식, 용량, 주소가 나타납니다.

   

3. 이 이미지 사용을 클릭합니다.

이미지가 많으면 창에 한 페이지씩 표시됩니다. 썸네일 아래의 이전과 다음을 사용해 넘겨 보세요.

이미지 모양 조정

• 모양은 프레임을 정합니다. 와이드 16:9, 표준 4:3, 정사각형, 원본 비율(그림 자체의 비율) 중에서 선택합니다.
• 이미지 맞춤은 그림과 프레임의 모양이 다를 때 어떻게 할지 정합니다. 프레임 채우기는 프레임이 완전히 채워지도록 그림을 잘라 냅니다. 프레임 안에 맞추기는 그림 전체를 보여 주며 주위에 빈 공간이 남을 수 있습니다.
• 모서리 둥글기는 모서리를 둥글게 합니다. 자동은 사이트 디자인의 설정을 따릅니다.

블록의 가로와 세로 크기는 페이지에서의 크기에 따라 정해집니다. 핸들을 끌어 바꿀 수 있습니다.

이미지를 사용하는 다른 곳

• 섹션의 배경 이미지에도 같은 이미지 업로드와 업로드한 이미지 보기 버튼이 있습니다. 섹션 다루기를 참고하세요.
• 로고와 브라우저 아이콘도 같은 버튼을 씁니다. 색상, 서체, 레이아웃 설정을 참고하세요.
• 상품에 추가하는 사진도 같은 라이브러리에 보관됩니다.
• 갤러리 블록은 각 그림의 웹 주소를 입력받습니다. 먼저 그림을 업로드한 다음, 아래 설명처럼 라이브러리에서 주소를 복사해 붙여 넣으세요.

미디어 라이브러리 관리

사이트 대시보드의 왼쪽 메뉴에서 미디어를 클릭합니다. 목록에 각 이미지의 파일 이름, 크기(가로세로), 형식, 용량이 표시됩니다.

• 그림을 한 번에 하나 이상 업로드하려면 이미지 추가를 클릭합니다.
• 이미지 검색에 입력하면 이름으로 파일을 찾을 수 있습니다.
• 이미지 이름이나 행을 클릭하면 오른쪽에 더 큰 미리보기와 세부 정보가 표시됩니다.
• 행 끝의 복사 아이콘을 클릭하면 이미지의 웹 주소가 복사됩니다.

이미지 삭제

1. 이미지를 클릭해 선택합니다.
2. 오른쪽 세부 정보에서 삭제를 클릭합니다. 여러 개를 삭제하려면 체크 상자를 선택하고 일괄 작업에서 삭제를 고른 다음 적용을 클릭합니다.
3. 메시지를 읽고 확인합니다. 이미지가 사이트에서 사용 중이면 몇 곳에 쓰이는지 메시지에 표시됩니다.

   

중요: 삭제한 이미지는 영구적으로 사라집니다. 복원할 수 있는 휴지통이 없습니다. Payly는 초안에서 해당 이미지를 쓰는 곳에서 이미지를 제거하고 게시할지 묻습니다. 게시하기 전까지 실제 페이지는 삭제된 파일을 계속 가리키므로 방문자에게 깨진 이미지가 보일 수 있습니다(브라우저가 저장한 사본은 한동안 남아 있을 수 있습니다). 삭제한 뒤 바로 게시하세요.

관련 문서

• 블록 추가, 이동, 크기 조정
• 섹션 다루기
• 상품 추가
• 콘텐츠 블록 참조