이미지 올리기·자르기·가르기

사용 가능

광고 랜딩의 대부분은 세로로 긴 상세 이미지입니다. 이미지 블록 하나에 이미지 한 장이 들어가고, 편집기 안에서 위아래를 자르거나 두 장으로 가를 수 있습니다. 따로 이미지 편집 프로그램을 열지 않아도 됩니다.

#올릴 수 있는 이미지

• 형식: JPG · PNG · GIF · WEBP · AVIF · BMP · SVG
• 용량: 한 장에 최대 8MB
• 크기: 가로 800px 정도를 권장합니다. 세로 길이 제한은 없습니다.

#1. 이미지 블록에 올리기

1. 왼쪽 목록 콘텐츠 → 이미지를 누릅니다.
2. 펼쳐진 편집 칸에서 ＋ 이미지 업로드를 누르고 파일을 고릅니다. 다른 곳에 올려 둔 이미지라면 이미지 URL 붙여넣기 칸에 주소를 넣어도 됩니다.
3. 미리보기에 바로 나타납니다.

이미지가 여러 장이면 이미지 블록을 여러 개 만듭니다. 블록 오른쪽 **⧉**로 복제한 뒤 이미지만 바꾸면 빠릅니다.

스크린샷 준비 중/l/[id]/design · 이미지 블록 편집 칸, 업로드 버튼·자르기·가르기 버튼

#이미지에 링크 걸기

누르면 이동할 링크 칸에 주소를 넣으면 이미지 전체가 버튼이 됩니다. 카카오톡 채널이나 다른 페이지로 보낼 때 씁니다. 신청 폼으로 내려보내는 버튼이 필요하면 링크 대신 폼 바로가기 플로팅을 쓰는 편이 낫습니다.

#2. 위아래 자르기 — ✂️ 이미지 자르기

받은 상세 이미지 아래쪽에 다른 업체 정보나 필요 없는 여백이 붙어 있을 때 씁니다. 자르기는 선 바깥 부분을 버립니다.

1. 이미지 블록에서 ✂️ 이미지 자르기를 누릅니다.
2. 왼쪽에 전체 이미지가, 오른쪽에 선 주변을 크게 편 화면이 나옵니다. 위쪽 선과 아래쪽 선을 끌어 남길 부분을 정합니다.
3. 빠른 선택도 있습니다. 아래 10% · 20% · 30% · 아래 절반 · 위 10% 를 누르면 그만큼 잘라 낼 자리로 선이 옮겨집니다.
4. 흰 여백이 붙은 이미지라면 흰 여백 자동 찾기를 눌러 보세요. 위아래 빈 부분을 찾아 선을 맞춥니다.
5. 마지막 한 줄은 픽셀 칸과 ± 버튼으로 맞춥니다.
6. 자르기를 누르면 잘린 이미지로 바뀝니다.

잘린 이미지에는 "잘린 이미지" 표시가 붙고, 옆의 원본으로 되돌리기로 언제든 원래 이미지로 돌아갈 수 있습니다.

잘라 낸 결과가 8MB를 넘으면 저장되지 않습니다. 조금 더 잘라 보세요. SVG 이미지는 자를 수 없습니다.

#3. 두 장으로 가르기 — ⫽ 두 장으로 가르기

긴 이미지 중간에 입력폼이나 마감 타이머를 끼우고 싶을 때 씁니다. 가르기는 두 쪽을 모두 남깁니다.

1. 이미지 블록에서 ⫽ 두 장으로 가르기를 누릅니다.
2. 가르는 줄을 끌어 끊을 자리에 놓습니다. 위 1/3 · 한가운데 · 아래 1/3 빠른 선택과 미세 조정 칸이 있습니다. 문장 한가운데를 가르지 않도록 오른쪽 확대 화면을 보며 맞추세요.
3. 두 장으로 가르기를 누르면 이미지 블록이 위·아래 두 개로 나뉩니다.
4. 위쪽 조각을 펼쳐 둔 채로 왼쪽 목록에서 전환장치 등을 누르면 두 조각 사이에 들어갑니다(새 블록은 펼친 블록 바로 아래에 들어갑니다). 입력폼이 이미 있다면 손잡이(⋮⋮)로 끌어 옮깁니다.

가른 뒤에도 원본은 남아 있습니다. 원본은 위쪽 조각에 붙어 있어서, 위쪽 조각의 원본으로 되돌리기를 누르면 그 블록이 가르기 직전의 한 장짜리 이미지로 돌아갑니다. 아래쪽 조각은 따로 남으니 직접 삭제하세요. 아래쪽 조각에는 되돌리기 버튼이 없습니다.

#자주 막히는 점

• 이미지를 올렸는데 랜딩에 안 보입니다. 그 블록의 표시 기기가 "PC만" 또는 "모바일만"인지 확인하세요. 미리보기 기기를 바꿔 보면 바로 알 수 있습니다.
• "이 브라우저에서는 자르기를 쓸 수 없습니다"가 뜹니다. 자르기·가르기는 브라우저 안에서 이미지를 처리합니다. 최신 크롬이나 엣지에서 다시 해 보세요.
• 이미지가 흐립니다. 원본이 작으면 늘려 보여서 흐려집니다. 가로 800px 이상으로 다시 받아 올리세요.

---

다음에 볼 글 — 텍스트·동영상·이미지 슬라이드 관련 기능 — 이미지 블록 랜딩 만들기