내맘대로의 EPUB 제작 가이드

조선마술사의 김탁환 작가님, 읽기 즐거운 책을 쓰는 천명관 작가님 그리고 굳이 구분하자면 주류 작가이신 박범신 작가님까지 세상이 바뀐다고 바뀐 세상만 탓하지 않고 변화를 받아들이고 계시네요.

종이책을 전자책으로 전환한 일반 단행본(이하 '단행본'이라 하겠습니다)을 기준으로 할 때, 국내 메이저 전자책 유통사라면 리디북스, 교보문고, 예스24, 알라딘 정도입니다. 북큐브, 카카오페이지, 문피아, 조아라, 바로북 등은 장르 상품의 매출이 압도적으로 많아 일반 단행본 판매는 의미가 없을 정도입니다.

네이버나 SKT스토어는 B2BC 중심이라 교보문고, 북큐브, 한국이퍼브등 통해 콘텐츠를 공급받기 때문에 매출이 중복되고, 이들 역시 장르 매출 비중이 높습니다.

이 중 단행본 판매량만 놓고 보면 교보문고가 매출이 가장 높았고, 그 다음 리디북스, 예스24, 알라딘 순이었습니다. 2014년까지는 이 순위가 변하지 않았습니다. 리디북스는 자체 B2C 매출 비중이 높고, 교보는 B2B 매출이 있어 전체 매출은 교보문고, B2C만 놓고 보면 리디와 교보가 엎치락 뒤치락 했습니다.

(한 출판사의 2015년 월별 매출(종이책을 전자책으로 전환한 단행본만)

2015년에 이 구도에 변화가 생겼습니다. 너무 조용하게 일어난 변화여서 2016년이 되기까지 알아채지 못했습니다. 

몇몇 이슈에 따라 매출이 뒤바뀌기는 하지만 전체 매출은 교보가 높고, 그 다음 리디북스, 그리고 한국이퍼브는 매출이 가장 낮았습니다. 그러다 10월 이후부터 한국이퍼브의 매출이 리디보다 높아지고 3개월을 버팁니다. 물론 B2B 이슈가 있습니다. 이퍼브와 교보문고는 도서관 납품을 하고, 도서관은 남은 비용을 11월, 12월에 소진하기 때문에 B2B로 인한 매출 상승 효과로 볼 수 있습니다.

그런데 2016년을 보면 이 그래프가 더 큰 폭으로 요동을 칩니다. 교보문고 매출은 급감을 하고, 한국이퍼브의 매출이 3배 정도 오릅니다. 이유를 찾자면 10년대여 판매라고 할 수 있습니다. 2016년도에 도서정가제를 우회하는 10년대여 이벤트로 정가의 50% ~ 70% 가격에 전자책을 팔았습니다. 리디북스, 예스24, 알라딘 모두 이런 형태의 판매를 하기 시작했고, 교보만 예외였습니다. 그러니 교보 매출이 줄어든 것은 이 영향이라고 볼 수 있습니다.

그런데 한국이퍼브의 매출 신장 폭이 너무 큽니다.

이퍼브의 매출을 들여다 보면 예스24의 매출은 변함이 없습니다. 그런데 알라딘의 매출이 10배정도 늘어났습니다. 40만원~50만원 나던 매출이 500만원까지 올랐습니다. 1월 ~ 3월의 매출이기 때문에 일시적인 이벤트 효과로 볼 수도 있습니다. 도정제 직전에 엄청난 할인 이벤트로 유통사들의 매출이 급증했던 것 처럼, 10년 반값 대여 이벤트로 매출이 급격히 신장했을 수도 있습니다.

하지만 리디북스도, 예스24도 반값 이벤트는 하고 있습니다. 그리고 이벤트 효과로 알라딘만 10배의 매출 신장이 일어났다면 이것 역시 큰 이슈입니다.

알라딘의 이런 변화는 어느날 갑자기 일어난게 아닙니다.

2015년 말 리디북스와 예스24, 알라딘에서 전자책 전용단말기를 판매할 때, 전자책 오덕들이 모여있던 이북카페(http://cafe.naver.com/ebook)에서 알라딘이 자주 언급됐습니다. 크레마 샤인때는 알라딘에 대한 언급이 극히 적었던 것과는 아주 대조적인 모습이었습니다. 지금도 여전히 이북카페에는 알라딘에 대한 언급이 많습니다. 예전에는 리디북스, 예스24, 교보문고가 많았는데 최근에는 알라딘과 리디북스에 대한 얘기가 많습니다. 얘기의 많은 부분은 '리디 페이퍼를 사서 알라딘 앱을 설치해 쓰느냐, 알라딘 크레마를 사서 리디앱을 설치해 쓰나냐'입니다. 전자책 오덕들이 리디와 알라딘을 가장 이용하기좋은 곳으로 평가한다는 뜻입니다.

이런 변화의 바탕에는 알라딘의 전자책 앱이 있는 것 같습니다.

알라딘을 언급하는 사람들의 주된 이슈는 알라딘 앱이 얼마나 편리한가입니다. 

구글 플레이스토어에 있는 전자책 앱 만족도를 보고 깜짝 놀랐습니다.

알라딘의 전자책 앱이 리디북스보다 높은 만족도를 보이고 있습니다. 

이전 알라딘 앱과 평점을 비교해 보면 놀라운 변화입니다. 

뷰어 평점은 알라딘 4.3, 리디북스 4.2, 예스24 3.9, 교보문고 3.0 순입니다. 

리디북스가 전자책 이용의 편리함을 강점으로 내세워 시장을 장악했던 것도 우연이 아니었듯이 새로운 앱으로 시장을 조용히 흔들고 있는 알라딘의 도약도 우연이 아니라는 생각이 듭니다. (정확한 사정은 모르나 새로운 앱이 아니라 크레마 앱을 알라딘이 직접 관리하게 된 정도라는 것 같지만...)

전자책 사업은 플랫폼 사업입니다. 아무리 좋은 서비스와 뛰어난 마케팅으로 독자들을 유혹해도 플랫폼이 형편없다면 독자들은 떠납니다. 플랫폼이 제대로 정비돼 있다면 독자들은 알아서 모여듭니다. 리디북스가 그걸 보여줬고, 알라딘이 다시한번 확인시켜 주고 있습니다.

알라딘은 그동안 (아마도 타의로 인해) 정비하지 못했던 플랫폼을 최근 2년간 조용히 강화시켰습니다. 그동안 예스24는 노력을 했고, 교보문고는.... 독자들의 만족도가 각 유통사들이 플랫폼을 어떻게 생각하고 있는지를 보여줍니다.

알라딘 매출은 이벤트로 인한 일시적인 상승일 가능성이 아주 높습니다. 이벤트가 내려가면 알라딘 매출도 내려갈 것이 분명합니다. 그러나 알라딘이 이벤트를 할 때 다른 유통사들은 흉내내기도 어려운 수준의 높은 판매율을 올린다는 것을 눈여겨 봐야합니다. 그리고 왜 알라딘의 이벤트에만 독자들이 이런 반응을 보이는지 깊이 생각해 봐야합니다. 2년 전에는 알라딘이 전자책 이벤트를 해도 꿈적하지 않던 독자들이 지금은 왜 알라딘 이벤트에 몰려드는지, 이게 정말 단순한 현상일지 생각해 봐야합니다. 

스타일을 편집하기 전에 사용할 글꼴, 이미지 등을 먼저 불러오면 작업을 편하게 진행할 수 있다.  이미지는 편집 전에 모두 준비해 둬야 하고, 글꼴은 기본 글꼴을 추가한 후 편집하면서 필요한 글꼴을 추가해도 된다.

1. 글꼴 추가
1. 책 찾아보기의 Fonts 폴더에서 마우스 오른쪽 버튼을 누른다.

1. 대화 상자에서 필요한 글꼴을 선택해 추가한다. 여기서는 무료로 사용할 수 있는 나눔고딕과 은바탕 글꼴을 사용할 것이다.

2.  CSS에 글꼴 추가

글꼴 파일을 추가했다면 이제 CSS에 글꼴을 추가해야 한다.

3. 공통 스타일 지정

공통 스타일은 책 전체에 적용되는 스타일이다. 모든 단락(p 태그) 사이의 줄간격이 많이 떨어진 전자책을 본 적이 있을 것이다. 이는 편집자가 의도한 경우 보다는 스타일을 몰라 줄간격을 붙이지 않았을 가능성이 높다. 아래 공통 스타일을 추가하면 이런 문제를 간단히 해결할 수 있다.

*는 컴퓨터에서 '모든 것'에 해당하는 와일드카드 문자다. 예를 들어 모든 jpg 이미지 파일을 찾고 싶다면 [찾기] 메뉴에서 *.jpg를 하면 된다. CSS에서는 모든 스타일에 상속되는 스타일을 의미한다. 

4. 이미지 추가

글꼴을 추가했으면 이제 이미지를 추가한다. 이미지는 책에 들어갈 순서에 맞춰 미리 정리를 해 두는게 좋다. 이미지 역시 폰트를 추가하는 방법과 동일하게 진행한다.

여기서는 이미지가 들어갈 순서에 맞춰 img001, img002…로 이름을 정리했다. 이렇게 정리를 해 놓으면 이미지가 들어갈 위치를 찾아 쉽게 추가를 할 수 있다. 

전자책 제작의 90%는 스타일 편집이다. 편집자는 독자들에게 전달하고자 하는 내용을 텍스트 뿐 아니라 행간, 여백, 이미지의 위치 등으로 책에 담는다. CSS는 전자책을 편집자가 원하는 형태로 독자들에게 보이도록 해준다.

다른 편집 프로그램들은 HWP나 MS워드같은 문서편집기가 제공하는 수준의 편집 기능을 제공하기도 한다. 하지만 Sigil은 이런 기능이 없고, 사용자가 직접 CSS를 편집해야 한다. 두 방식은 각각 장점과 단점이 있다.

전자책 편집 프로그램의 CSS 편집기 

1. 편집 기능과 코드 편집의 장단점

편집기능이 있으면 초보자도 쉽게 CSS로 편집이 가능하다. CSS 적용 결과를 눈으로 확인하며 편집을 할 수 있기 때문에 원하는 스타일을 쉽게 만들 수도 있다. 하지만 이런 편집 기능으로 만든 전자책은 코드가 깔끔하지 않은 경우가 많고 기능도 제한적이다.

편집 프로그램으로 만든 CSS 코드

Sigil로 직접 편집한 코드

Sigil처럼 직접 CSS를 편집하는 방식은 초보들이 사용하기 어렵다. HTML과 CSS에 대해 알고 있어야 편집이 가능하다. 그리고 HTML에 어떻게 적용하는지, CSS의 설정이 중복될 경우 어떤 순서대로 표현되는지 등 까다로운 조건을 편집자가 고려해야 한다.

까다로운 대신 제대로 활용하면 장점이 아주 크다. 편집 프로그램으로는 표현하기 어려운 다양한 스타일을 적용할 수 있고, 미세한 표현도 가능하다. CSS3는 에니메이션 같은 강력한 기능도 지원하기 때문에 JavaScript을 몰라도 간단한 에니메이션이나 인터렉티브형 표현도 가능하다. 편집 시간도 절약할 수 있다. Sigil은 찾기/바꾸기 기능에서 정규표현식을 사용할 수 있어 제목, 주석처럼 형식이 정해져 있을 경우 클릭 한번으로 수 백개의 코드를 수정할 수 있다.

편집 기능과 코드 편집 중 어떤 방식이 더 좋다고 말할 수는 없다. 코드 편집이 강력한 기능을 제공한다 해도 초보자에게는 없느니만 못하고 고급 편집자라도 글꼴 크기를 바꾼다든지 적당한 색을 찾을 때는 코드 편집 보다 편집 기능에서 제공해 주는 미리보기로 스타일을 잡는게 편하다.

여기서는 코드 편집 중심인 Sigil에 맞게 HTML과 CSS를 사용한 편집 방법을 설명하려고 한다. CSS 편집기가 필요한 사람은 미투북스의 스타일리스트나 나모 펍트리 등을 이용하면 좋다.

2. 기본 스타일 정하기

책 본문을 편집하기 위해 필요한 기본 스타일은 그리 많지 않다. 책의 구성 항목을 생각해 보면 소설류는 5개 이내, 자기계발서는 10개 안팎, 여행책 처럼 편집이 복잡해도 20개 이내로 기본 스타일을 잡을 수 있다.

기본 스타일을 정하는 방법은 간단하다. 종이책이 있다면 책을 보면서 본문과 다른 형태의 편집 요소를 뽑아내면 된다. 대부분 한 장(챕터)만 살펴봐도 책 전체 스타일의 90% 이상 정리할 수 있다.

예제로 사용하는 '이상한 나라의 앨리스'는 소설이지만 스타일이 많이 쓰이는 책이다. '이상한 나라의 앨리스'에 필요한 기본 스타일을 정리하면 다음과 같다.

1. 1. 표지 스타일
2. 2. 속표지 스타일
3. 3. 목차 스타일
4. 4. 장 제목 스타일(11p)
5. 5. 본문 스타일
6. 6. 이미지 스타일
1. 6.1. 한 페이지를 가득 채운 스타일(10p)
2. 6.2. 왼쪽 어울림 스타일(16p)
3. 6.3. 오른쪽 어울림 스타일(17p)
4. 6.4. 가운데 정렬 스타일(30p)
7. 6. 괄호 설명(11p)
8. 7. 빈병 라벨(강조)(13p)
9. 8. 시, 인용구(24p)
10. 9. 가운데 정렬(18p)
11. 10. 판권면

(페이지는 [내 인생을 위한 세계문학 14권 이상한 나라의 앨리스(심야책방)]를 기준으로 함)

1장에 필요한 스타일을 정리하면 4번 ~ 9번까지 10개가 나온다. 여기에 표지, 속표지, 목차, 판권면 등 기본적인 스타일을 추가하고, 장별로 나오는 예외적인 스타일을 추가하면 '이상한 나라의 앨리스' 전자책이 완성된다. 표지, 속표지, 목차, 판권면은 한번 만들어 두면 반복해서 사용할 수 있기 때문에 실제 추가해야 하는 스타일은 4번 ~ 9번까지이다.

Sigil 0.9.4 버전이 나왔습니다.

0.9.3에서 EPUB3를 제대로 지원하게 됐는데 이번 버전에서는 0.9.3에서 부족했던 부분을 개선하는데 초점을 맞춘 것 같습니다. 많은 버그 수정이 있었고, 아래처럼 기능 개선도 포함이 되었습니다. 

0.9.3 버전에서 제대로 지원하지 못했던 Nav 파일과 메타데이터 생성/편집/수정 기능이 중점적으로 보강됐습니다. 메타데이터 편집 기능은 UI가 변경됐고, Nav는 NCX 파일 편집과 연결시켜 편의성을 높였네요. 

• Completely redesigned the MetaEditor gui to work with both epub2 and epub3 metadata
  • Extended epub3 metadata is now supported(EPUB3 메타데이터 편집 지원)
  • Added the default metadata language and title for the user
  • Extracted and updated the MarcRelators codes so they can be shared
• The Nav is now a required part of an epub3
  • Sigil will create an empty one upon import if need be(EPUB3 에서 Nav 파일 생성)
  • The Nav TOC can now be generated from Book Headings using the normal CreateTOC tool(Generate TOC로 Nav 목차 생성 : 설명에는 Create로 되어 있지만 Sigil 메뉴에는[차례>Generate TOC로 되어 있어 Sigil 메뉴 명으로 표시함)
  • Added support for Adding/Removing Nav Landmarks
  • Similar to the NCX, Nav documents can not be deleted, split, or merged
• Completely Revamped the BookBrowser interface to support both Guide and Landmark Semantics
  • Created a new Add Semantics Dialog to better handle epub2 and epub3 semantics
  • Both Landmark and Guide Semantics now show up in BookBrowser tooltips
• Completely Revamped how the dockable TableOfContents gui widget is built and updated
  • Allow dockable Table Of Contents to refresh from Nav under epub3, and NCX under epub2