사용법
이 안내는 편집 화면과 같은 말을 씁니다. 내 파일이 없어도 예시 이미지로 체험할 수 있습니다.
- "이미지 선택", 페이지에 끌어 놓기, 또는 "예시 이미지로 체험"으로 PNG나 JPEG 한 장을 엽니다.
- 1단계 표시: "사진에서 그리기"를 누르고 보여야 할 상품과 문구 위를 끕니다. 키보드는 사진에 초점을 두고 Enter를 누른 뒤 방향키로 상자를 옮깁니다. 정확한 숫자는 "좌표로 입력"에 있습니다.
- 2단계 점검·조정: 큰 이미지가 저장될 이미지이고, 점선은 다른 두 자르기입니다. 작은 자르기마다 포함·잘림과 잘리는 쪽을 보여 줍니다.
- 잘리는 자르기가 있으면 여백 제안을 읽고 "제안 적용"을 누르거나, 여백·배경·결과 크기를 직접 조정합니다. 실행 취소하면 이전 배치로 돌아갑니다.
- "변경 전 / 후"로 같은 비율에서 원본 사진과 결과를 비교합니다.
- 3단계 저장: 이미지·크기·비율을 확인하고 "PNG 저장"을 누릅니다. 게시 전에 내려받은 파일을 열어 판매 플랫폼에서 확인하세요.
- 최대 세 영역을 따로 표시합니다. ZIP에는 각 비율로 가운데 다시 맞춘 독립1:1·4:3·3:4 PNG와 점검표가 들어가며 현재 편집은 바뀌지 않습니다.120/240px 진열대는 직접 문구를 읽는 모의 보기이며 판매처 실제 표시나 자동 가독성 판정이 아닙니다. 배경·여백·크기만 담은 설정JSON을 내려받아 다음 사진에 불러올 수 있습니다. 사진과 표시 영역은 포함하지 않습니다.
- 점검 화면의 표에서 상품·라벨·문구 각각이 어느 비율에서 얼마나 잘리는지 확인합니다. 수치는 현재 결과의 px이며, 등록 세트는 각 비율로 독립적으로 다시 맞춘 결과입니다. ZIP을 풀고 framekeep-review.html을 열면 PNG 세 장과 크기·여백·표시영역 결과를 함께 읽을 수 있습니다. 직접 조정은 접기를 열어 사용하며 실행 취소할 수 있습니다.
표시한 상자가 알려 주지 못하는 것
점검 대상은 표시한 상자뿐입니다. 상자 밖에 중요한 것이 있으면, 그것이 빠져도 도구는 알 수 없습니다.
키보드 사용
- Tab 키로 모든 조작 요소를 순서대로 이동합니다.
- 원본 이미지에 초점이 있을 때 방향키는 선택한 상자를 1px, Shift+방향키는 10px 옮기고, Alt+방향키는 크기를 바꿉니다.
- 입력칸 밖에 초점이 있을 때 Ctrl+Z는 실행 취소, Ctrl+Shift+Z 또는 Ctrl+Y는 다시 실행입니다.