내맘대로의 EPUBGUIDE.NET에서 편집자의 의도를 그대로 살려 전자책을 제작해 드립니다.
종이책의 편집 스타일을 최대한 유지하며, 팝업 주석 처리, 이미지 확대 축소 등 전자책의 장점을 반영하여 전자책을 제작합니다. 탬플릿을 사용하지 않고, 책 한권 한권 고유 스타일을 살리기 때문에 전자책에서도 종이책 디자인을 느낄 수 있습니다.
한국출판문화진흥원의 [텍스트형 전자책 제작 지원 사업] 선정 도서는 ‘제작 난이도별 제작비 산정 기준에 근거하여’ 제작 단가를 산정하고, 일정에 맞춰 제작을 해 드리니 많은 문의 바랍니다. 자세한 내용은 여기로: https://www.epubguide.net/notice/309오래 전 작성된 글은 현재의 Sigil 버전과 차이가 날 수 있습니다. 등록 일자를 확인 하고 1년 이상 지난 글은 변경된 내용이 있는지 확인하시기 바랍니다.
Fixed layout document has no "viewport" meta element.
이 오류는 잡지나 그림책과 같은 고정 레이아웃(Fixed Layout) EPUB에서 발생하는 중대한 문제입니다.
오류의 의미는, 각 페이지의 정확한 크기(가로, 세로 픽셀)가 얼마인지 전자책 뷰어에게 알려주는 필수 정보인 <meta name="viewport"> 태그가 누락되었다는 뜻입니다.
800x600 픽셀 크기의 그림을 벽에 걸어야 하는 상황을 생각해보세요. 🖼️ viewport 메타 태그는 그림 뒷면에 "이 그림의 너비는 800, 높이는 600입니다"라고 붙여두는 라벨과 같습니다. 이 라벨이 없으면, 전시 담당자(전자책 뷰어)는 그림을 얼마나 크게 표시해야 할지 알 수 없어 너무 작게 보여주거나 그림의 일부를 잘라버리는 등 엉뚱하게 표시할 수 있습니다.
## 해결 방법
해결책은 고정 레이아웃 EPUB에 포함된 모든 HTML/XHTML 파일의 <head> 섹션 안에 viewport 메타 태그를 추가하는 것입니다.
- 페이지 크기 확인: 먼저, 제작하려는 고정 레이아웃 페이지의 정확한 가로(width)와 세로(height) 크기를 픽셀 단위로 확인해야 합니다. (예: 1024 x 768)
- 메타 태그 추가: 아래 형식에 맞게 width와 height 값을 자신의 프로젝트에 맞게 수정한 뒤, 모든 HTML 파일의 <head> ... </head> 안쪽에 추가합니다.
### 수정 예시
- 수정 전 (오류가 발생하는 <head>):
-
HTML
<head> <meta charset="UTF-8" /> <title>1 페이지</title> <link rel="stylesheet" href="../css/style.css" /> </head> - 수정 후 (올바른 코드): ✅
-
HTML
<head> <meta charset="UTF-8" /> <title>1 페이지</title> <link rel="stylesheet" href="../css/style.css" /> <meta name="viewport" content="width=1024, height=768" /> </head>
중요: 위 예시의 width=1024, height=768 부분은 반드시 자신의 고정 레이아웃 페이지 실제 크기에 맞게 수정해야 합니다.
'EPUB 제작의 기초 > EPUBCheck 오류' 카테고리의 다른 글
| SVG 고정 레이아웃 문서에는 "viewBox" 속성이 있어야 합니다 (가장 바깥쪽 "svg" 요소에). (0) | 2025.10.02 |
|---|---|
| 뷰포트 메타데이터 "%1$s"에 구문 오류가 있습니다. (0) | 2025.10.02 |
| 빈 href는 유효한 자기 참조입니다. 이것이 의도된 것인지 확인하기 위해 유효성을 검사해야 합니다. (0) | 2025.10.02 |
| 사용하지 않는 네임스페이스 URI를 제거하십시오. (0) | 2025.10.02 |
| 네임스페이스 URI "%1$s"가(이) 포함되었지만 사용되지 않았습니다. (0) | 2025.10.02 |