Skip to main content
편집기는 사용자가 저장할 때마다 썸네일을 만들어 돌려줍니다. 장바구니나 주문 목록에 보이는 그 이미지입니다. 이 페이지는 썸네일과 미리보기, 색상, 크기 표시를 다룹니다. 재단선 경고와 나가기 확인은 편집기 동작에 있습니다.

배우는 것

  • 썸네일을 몇 장, 어떤 모양으로 만들지 정하는 방법
  • 여러 페이지를 한 장의 썸네일로 모으는 방법
  • 미리보기와 색상 선택기의 동작을 정하는 방법

썸네일

thumbnail과 tn-option은 편집기 동작 그룹의 시작 상태 줄에 있습니다. 썸네일은 저장할 때 만들어 save-doc-report(편집기 이벤트)의 docInfo.tnUrlList로 돌려줍니다. 기본 크기는 550 × 550px 상자에 맞춘 PNG입니다.

thumbnail: 몇 장 만들지

썸네일은 저장할 때마다 한 장씩 차례로 그려 올리므로 장수가 늘수록 저장이 오래 걸립니다. 그래서 all-page도 4장에서 멈춥니다. tnUrlList의 썸네일은 위 방식으로 그린 2D 이미지 한 종류입니다. 모든 페이지를 이미지로 보여 줘야 하면 저장된 프로젝트를 Preview 모드로 띄웁니다. dual-page는 3페이지부터를 무시합니다. 앞뒷면 카드처럼 두 면을 한눈에 보여 줄 때 씁니다. 가변 데이터(VDP) 문서는 VDP 옵션 force_snapshot을 켰을 때만 이 값과 관계없이 모든 페이지를 만듭니다.

tn-option: 어떤 모양으로 만들지

재단 영역은 아래 순서로 정합니다.
  1. 템플릿 페이지에 RenderBound(생산 렌더에 쓸 사각 영역을 정하는 예약 개체, 예약 개체 이름과 페이지 영역)가 있으면 그 영역입니다. 생산 렌더와 같은 모양입니다.
  2. 없으면 페이지에서 사이즈 페이지 정보의 재단 여백을 잘라 냅니다. edge-type이 fold면 자르지 않습니다.
  3. 페이징 규칙이 있는 상품의 표지는 책등과 뒷표지를 잘라 앞표지만 남깁니다. 오른쪽 면만 쓰는 반쪽 내지는 오른쪽 반만 남깁니다.
편집 대지 전체는 재단 여백과 RenderBound 바깥까지 포함한 페이지 전체입니다. 가이드는 인쇄되지 않는 안내 그림(케이스 몸체, 그림자 등)입니다. 가이드를 빼도 후가공 레이어와 render=true 개체는 남습니다. 개체별로 snapshot=false를 단 가이드는 항상 빠집니다. 배경을 빼면 그 자리는 투명합니다. 템플릿 쪽 표기는 레이어 이름과 개체 종류와 예약 개체 이름과 페이지 영역을 보세요. 띄우기 옵션 options.tn_upload.thumbnail_option을 주면 tn-option보다 우선합니다. options.tn_upload의 url을 주면 데스크톱 상단에 썸네일 업로드 버튼이 생기고, url이 file://download면 다운로드 버튼이 됩니다. size(px), file_type으로 그 버튼이 만드는 이미지 크기와 형식을 바꿉니다. 이 버튼도 thumbnail_option이 없으면 상품의 tn-option을 씁니다. tn_upload 없이 호스트가 save-snapshot 커맨드로 이미지를 받을 때만 nocut으로 만듭니다.

여러 페이지를 한 장으로

사이즈의 product override에서 Tn을 정합니다. 비워 두면(undefined) 상품 기본 동작을 따릅니다. grid-fit은 첫 페이지 크기를 기준으로 한 줄에 1~4장인 배치 중 페이지가 가장 크게 보이는 배치를 고르고, 흰 바탕에 그립니다. thumbnail 값이 정하는 장수만큼 같은 이미지를 만들므로 thumbnail은 front-page로 둡니다. thumbnail이 dual-page면 grid-fit보다 dual-page가 우선합니다.

미리보기

출력 · 색상 그룹의 미리보기 줄입니다. 데스크톱의 미리보기 버튼은 편집기 동작의 preview-ui가 정합니다. prv-on-exit과 prv-check의 미리보기는 사이즈 미리보기가 real-2d면 그 방식으로, 나머지는 기본 방식으로 엽니다. 확인 화면의 제목과 설명은 파트너 공통 설정의 preview_confirm_title, preview_confirm_desc 문구로 바꿉니다. 사이즈별 미리보기 방식은 사이즈 고급 옵션에 있습니다.

색상

출력 · 색상 그룹의 색상 줄입니다. default-cmyk-profile 목록의 저장 값은 화면 이름과 같습니다. 예외로 ISO Coated v2는 ISO Coated로 저장되는데, 편집기는 이 값을 알아보지 못해 Japan Color 2001 Coated를 씁니다. color-mode와 default-cmyk-profile은 편집기의 색 선택에만 쓰입니다. 인쇄 PDF를 만들 때의 색 변환은 이 값을 읽지 않고 템플릿 문서의 프로파일과 렌더 출력 옵션을 따릅니다. 팔레트를 만드는 방법과 strict 모드의 흐름은 팔레트에 있습니다. 팔레트는 사이즈의 product override와 띄우기 옵션 options.palette로도 바꿉니다.

크기 표시와 면적 계산

출력 · 색상 그룹의 크기 표시 줄입니다. 재단크기는 템플릿의 크기 기준 개체, Cut 칼선, RenderBound, 페이지에서 재단 여백을 뺀 크기 순서로 찾습니다. 작업크기는 크기 보조 개체, RenderBound, 페이지 전체 순서로 찾습니다. show-page-size와 show-item-size는 사이즈의 product override로 바꿀 수 있습니다. size-preview-uri 끝에 ?w=가로mm&h=세로mm를 붙이면 그 크기로 그립니다. &s=1을 더하면 그림자를 넣습니다. gcs:// 리소스 주소와 https:// 주소를 씁니다.
calc-area는 배경과 가이드를 뺀 페이지를 550px 상자에 그려 투명하지 않은 픽셀 비율을 셉니다.

달력 줄

같은 그룹의 달력 줄(resolve-date, change-date, change-mode, year-type)은 달력 상품에 있습니다.

됐는지 확인

Manager Resource에서 템플릿을 고르고 Demo로 열어 미리보기, 색 선택기, 크기 표시가 설정대로 나오면 됩니다. 썸네일은 저장할 때 만들어지므로 테스트 주문과 렌더링의 Test Order로 저장까지 해 봅니다.
저장 결과 save-doc-report의 tnUrlList에 thumbnail이 정한 장수만큼 이미지가 오는지, 그 모양이 tn-option과 맞는지는 연동 담당자에게 확인을 부탁하세요.

다음 단계

팔레트

색 팔레트와 박, 소재를 만듭니다.

렌더 옵션

주문 뒤 인쇄용 파일을 만드는 방식을 정합니다.