내맘대로의 EPUB 제작 가이드

알라딘 뷰어(PC)에서 차례가 표시되지 않는 이슈가 있습니다.

뷰어의 기능 제한이기 때문에 오류는 아닙니다. PC 뷰어만 확인을 했고, 모바일 뷰어는 확인하지 않았습니다.

하지만 차례가 보이지 않기 때문에 제작상의 문제로 생각할 수 있습니다.

알라딘 뷰어에서 차례가 표시되지 않는 것은 제작 문제가 아니라 뷰어에서 표시하지 않는 것이니 제작/검수 할 때 참고하시기 바랍니다.

전자책 편집시 생성한 차례는 아래와 같습니다.

총 4단계로 제목이 구분되어 있고, 각 단계 별로 상위 제목에 포함되어 있습니다.

알라딘 뷰어에서는 3단계 까지만 차례가 표시되고 4단계 이후는 나타나지 않습니다.

또한 2단계 까지만 들여쓰기로 단계를 구분하고 3단계는 2단계와 같은 선에 배치됩니다.

교보ebook은 제목을 모두 표시하지만 제목 단계 구분을 3단계 까지만 합니다.

4단계 부터는 3단계와 동일한 선에 표시합니다.

아마도 단계 구분을 위해 들여쓰기를 계속 하면 오른쪽 끝에서 제목이 잘리는 문제 때문에 이렇게 지정한 것 같네요. 

리디 뷰어는 4단계 까지 제목이 표시됩니다.

이 책이 4단계 까지만 있어 5단계 이후는 알 수 없습니다.

리디북스 뷰어는 margin을 무시합니다.

정확히는 margin-top, margin-bottom을 무시합니다.

'문제'가 아니라 '이슈'라고 적은 것은, 리디북스의 정책일 수 있기 때문입니다.

리디북스 제작가이드를 보면 이런 문구가 있는데, 

하단에 뷰어로 보면 스타일이 적용된다고 되어 있지만,

일부 스타일은 뷰어에서도 무시를 합니다.

리디 뷰어에서 이렇게 보이더라도,

스트레스 받지 말고 뷰어 특성이구나 생각하시면 됩니다.

왼쪽이 리디뷰어, 오른쪽은 Readium 뷰어입니다.

Readium 뿐 아니고 교보문고, 알라딘 예스24 모두 오른쪽처럼 

제목과 본문 사이 여백이 표시됩니다.

리디 뷰어에서만 margin을 무시하고 있습니다.

제작을 의뢰한 쪽에서 리디 뷰어로 검수를 하면 margin이 보이지 않으니 수정해 달라고 합니다.

EPUB 문제가 아니고 리디 뷰어의 정책으로 보이기 때문에 이건 수정을 할 수 없습니다.

제작을 잘못한 게 아니기 때문에 스트레스 받지 마시고,

리디 뷰어에서는 리디 정책으로 인해 margin이 적용되지 않는다고 하세요.

제목만 그런 것이 아닙니다.

margin-top, margin-bottom 두 속성은 모든 곳에서 무시를 합니다.

왼쪽이 리디 뷰어(PC) 오른쪽은 Readium을 포함한 교보, 예스, 알라딘 뷰어의  margin이에요.

이렇게 제목, 이미지 등 margin-top, margin-bottom을 어디에 적용하든 무시합니다.

물론 해결은 할 수 있습니다.

첫번째 이미지의 책에 margin이 적용되도록 했습니다. 

리디 뷰어에서도 margin을 적용할 수 있긴 합니다.

이미지도 margin이 적용되도록 수정을 했지요.

출판사에서 요구를 했기 때문에 이렇게 스타일을 잡았습니다.

하지만 유통사의 정책을 무시하고 이렇게 스타일이 적용되도록 하는 건 그리 좋은 방법이 아닙니다.

유통사도 스타일을 무시하는 이유가 있을거예요.

그러니 리디 뷰어에서 margin이 적용되지 않는다고 스트레스 받지 마시고

타 유통사 뷰어와 Readium, Calibre, iBooks 같은 뷰어에서 제대로 적용되면 

리디 뷰어 특성이구나 생각하고 넘어가세요.

정확히 언제부터인지는 모릅니다.

3~4개월쯤 전 업데이트일 수도 있고, 제가 파악한건 대략 2달 정도 됐습니다.

알라딘 PC 뷰어에서 페이지가 밀리는 현상이 있어요.

이 문제를 파악한건 좀 됐는데,

최근에 '알라딘 뷰어 오류' 키워드로 유입이 많이 늘어난 이유가 이 때문이 아닐까 싶어 공유합니다.

유통사 뷰어 문제를 공유하는 것은, 특정 유통사를 비난하기 위함이 아닙니다.

유통사에서 문제를 파악하고 해결해 줬으면 하는 바람과,

EPUB 편집자들이 뷰어 문제로 고생하지 않았으면 하기 때문이에요.

유통사 뷰어 문제는 대부분 유통사 담당자들이 현상을 확인하면 빠르게 해결합니다.

** 블로그의 특성상, 이후 내용까지 업데이트는 어렵습니다.

** 이 글이 있다고 뷰어 문제가 계속 남아있는 것은 아니에요.

** 이 글의 작성일을 보시고, 그 이후 업데이트가 있었다면 뷰어 문제는 해결되었을 수 있습니다.

아래 영상, 뷰어 하단의 페이지를 보세요.

페이지 넘김을 누르면 페이지는 변하는데 내용은 그대로 있습니다.

그대로 있는건 아니에요. 좌우로 1px 정도 살짝 밀리고, 페이지 번호가 바뀌지요.

이건 다른 책입니다.

영상 초반에 페이지 번호를 보세요.

70쪽에서 71쪽 넘기면 빈면이 나옵니다. 

이거 보면 EPUB 제작을 잘못한 것 같을거예요. 쓸데 없이 빈면을 넣었다고 오해받을 수 있습니다.

하지만 영상 중반 이후를 보세요. 뷰어 폭을 약간 조절하고 나면, 빈면이 사라집니다.

이 현상을 7월부터 확인했습니다.

아마도 6월~7월 사이 업데이트 하면서 생긴 문제 같습니다.

아주 오래 전에도 알라딘 뷰어에서 비슷한 문제가 있었어요. 

알라딘에서 이 문제를 해결했는데 다시 나타난 것 같습니다.

7월에는 테두리 선이 다음 페이지로 넘어가는 현상까지 있었어요.

그런데 최근 업데이트에서 이 문제는 해결이 된 것 같습니다.

아래 이미지 왼쪽을 보면 1~2px 정도 선이 있습니다.

이 선은 앞 페이지의 이미지나 테두리 선이 다음 페이지에 표시되는 현상이에요.

최근 업데이트 후 앞페이지의 이미지/테두리가 다음페이지에 보이는 문제는 해결되었는데,

페이지 밀리는 현상은 담당자가 파악하지 못한게 아닐까 싶습니다.

이 오류는 작성일 기준이며, 향후 유통사의 업데이트로 오류가 개선될 수 있습니다.

오류 개선은 업데이트 하지 않습니다.

전자책 제작에 영향을 주는 정도에 따라 하, 중, 상, 심각으로 구분합니다.

리디북스 PC 뷰어에서 마진(margin)이 반영되지 않는 문제가 있습니다.

특정 조건에서 생기는 문제 같은데 원인은 모르겠습니다.

margin : 1em;

이렇게 스타일을 넣으면 여백이 생기지 않습니다.

위 이미지가 마진이 적용되지 않았고, 아래 이미지는 수정한 상태입니다.

타 유통사에서는 수정 전에도 아래 이미지처럼 보입니다.

아래 두 이미지를 보면 문제가 확실히 보입니다.

본문과 제목에 마진을 줬는데 위 이미지는 제대로 적용이 되지 않았습니다. 

문단과 제목 사이에 이렇게 여백이 있어야합니다.

모바일 뷰어는 확인해 보지 않았습니다.

PC 뷰어에서 이런 문제가 생기니 스타일 잡을 때 조치를 취해야합니다.

이 오류는 작성일 기준이며, 향후 유통사의 업데이트로 오류가 개선될 수 있습니다.

오류 개선은 업데이트 하지 않습니다.

전자책 제작에 영향을 주는 정도에 따라 하, 중, 상, 심각으로 구분합니다.

알라딘 전자책 서재에 표지 표시 기능이 제대로 작동하지 않습니다.

내부 정책일 수 있어 오류라 하기는 뭣하지만...

유통사에서 구매한 책이 아닌,

테스트 등을 이유로 추가한 사용자 전자책 파일을 열면

대부분의 뷰어에서 EPUB에 표지 정보로 표지로 인식합니다.

서재 섬네일 표지 이미지는 이 표지 정보를 확인해 표시합니다.

그런데 알라딘 전자책 뷰어는 표지 정보가 아닌 다른 방식으로 표지 정보를 확인하는 것 같습니다.

전자책 제작 후 알라딘 뷰어의 서재에서 표지가 제대로 표시되지 않을 경우

다른 전자책 뷰어에 넣어 표지가 제대로 표시되는지 확인해 보세요.

다른 전자책 뷰어에서 제대로 표시된다면 알라딘 뷰어 문제입니다.

만약 다른 전자책 뷰어에서도 표지가 표시되지 않는다면

EPUB에 표지 정보가 없는 것이니 표지 정보를 추가하세요.

이 오류는 작성일 기준이며, 향후 유통사의 업데이트로 오류가 개선될 수 있습니다.

오류 개선은 업데이트 하지 않습니다.

전자책 제작에 영향을 주는 정도에 따라 하, 중, 상, 심각으로 구분합니다.

오류는 아니고 기능 변경이어서 [참고]로 표시했습니다.

문제 원인을 파악했습니다.

알라딘은 epub:type이 아닌, 알라딘 자체 코드를 사용합니다.

리디도 비슷한 방식을 쓰다, 표준 방식을 받아들였고,

교보, 리디, 예스24 모두 현재는 표준 방식을 사용합니다.

물론  EPUB3에 사용하는 코드라 EPUB2에서는 오류가 생기지만 허용을 하고 있지요.

알라딘도 epub:type을 쓴다고 생각했는데 제가 잘못 알았던 것 같습니다.

(예전에 테스트 할 때 잘 먹혔다고 생각했는데, 같은 파일 안에 있을 때만 먹히네요)

교보, 리디, 예스24는 epbu:type을 쓰면 팝업으로, 그렇지 않으면 단순 링크로 이동(리디는 팝업으로)

알라딘은 자체 주석 코드를 사용해야 팝업 주석 표시가 되며 그렇지 않으면 링크로 이동.

표준 문서의 샘플 코드는 여기에서 확인.

==> 이 코드는 교보, 리디, 예스24와 해외 유통사(구글 플레이, 아마존 등. EPUB3로 배포해야 함)에서 팝업 주석으로 표시됩니다.

http://idpf.org/epub/30/spec/epub30-contentdocs.html

알라딘의 팝업 주석 코드는 알라딘에 문의하세요.

알라딘 전자책 뷰어의 팝업 주석은 같은 파일 안에 주석 번호와 설명이 있어야 되는 것 같습니다.

이것 저것 확인해 봤는데, 같은 파일 안에 주석 번호/설명이 있을 때만 팝업 주석이 표시되고

다른 파일에 있을 때는 링크로 연결되네요.

제작하실 때 참고하세요.

알라딘 전자책 뷰어에서 팝업주석 기능이 빠진 것 같습니다.

언제부터인지는 모르겠지만,

구 버전에서는 링크와 팝업주석을 1초 이상 롱탭을 하면 무조건 강제로 팝업으로 띄우고,

링크 위치로 이동하기 버튼을 누르면 해당 페이지로 이동했습니다.

그런데 언제 부터인지 이 기능이 사라지고

팝업주석(epub:type="footnote") 뿐 아니라 일반 링크도 링크로 인식합니다.

알라딘 전자책 뷰어에서 팝업 주석 지원되지 않는건

뷰어에서 지원을 하지 않는 것이니 제작할 때 참고하시기 바랍니다.

* 알라딘 뷰어에서 팝업 주석 지원하는 코드를 알고 계신 분 있으면 공유 요청드립니다.

주석 코드가 있을 경우 롱탭을 하면 팝업 주석이 표시된다고 되어 있는데 아무리 오래 눌러도 표시가 되지 않네요. 알라딘에서만 사용하는 주석 코드가 있는데 제가 모르는 것 일 수 있으니, 아는 분 있으면 공유 요청드립니다.