내맘대로의 EPUB 제작 가이드

전자책 제작을 할 때 가장 먼저 적용해야 하는 스타일을 소개합니다. 가장 기본적인 내용인데 정말 많은 분들이 질문을 하시더라구요.

1번 이미지를 보세요. 문단과 문단 사이 간격이 줄간격보다 넓습니다. 아무 스타일도 적용하지 않고 텍스트를 본문에 넣으면 이런 모양이 됩니다. 

문단 사이의 간격을 줄이는 방법은?

스타일시트에 아래 스타일을 추가해 보세요.

그러면 아래 이미지처럼 문단 간격이 사라집니다. 

그런데 줄 간격이 너무 좁지요? 책을 보기 답답합니다. 줄 간격을 넓히고 싶을 때 아래 스타일을 추가하세요.

이렇게 해주면 줄 간격이 넓어져 가독성이 좋아집니다. 줄 간격을 1.8em으로 해줬는데 제가 좋아하는 간격이에요. 이 부분은 편집하는 책에 맞게 조정을 해 주면 됩니다.

여백을 0으로 주면 상하좌우 여백이 사라져 Sigil의 미리보기에서는 답답해 보일 수 있습니다. 이미지 보시면 뷰어의 상하좌우 여백이 너무 좁지요? 하지만 걱정하지 않으셔도 되요. 뷰어들은 기본적으로 상하좌우 여백을 갖기 때문에 유통사의 뷰어로 보면 적당한 여백이 생깁니다.

그리고 여백이 0이 되면 다른 스타일을 적용할 때 편합니다. 독자들은 책에 적용된 여백 + 전자책 뷰어에서 기본으로 설정한 여백으로 책을 보게 되거든요. 이 계산을 잘못해서 전자책에 여백을 주면 독자이 볼 때 좌우 여백이 너무 넓어질 수 있습니다. 여기에 글상자 같은 편집을 적용해 여백을 추가하면 좌우 폭이 아주 좁아줄 수 있어요. 기준 여백을 0으로 두고 편집을 하면 이런 문제를 줄일 수 있습니다. 

이 스타일은 모든 전자책에 적용을 할 수 있습니다. 전자책 제작할 때 반드시 추가해 주는 스타일이에요.

참고 : margin, padding, line-height 에 대한 자세한 내용은 EPUB을 위한 CSS를 참고하세요~ 

3. 콘텐츠 가격이 비싸다.

전자책 가격이 비싸서 이용하지 않는다는 얘기는 인터넷에 차고 넘친다. 모 출판 관련 기관에서 해당 기관이 내는 월간지 독자 100명을 대상으로 한 설문을 보면 소설 2,000원대, 인문 5,000원대, 경제경영 2,000원대 등이 나왔다.

이 결과를 설명하기 전에 아래 기사를 먼저 읽고 넘어가자.

이 설문 결과의 신뢰도를 점수로 환산한다면 몇점이나 줄 수 있을까? 내가 준 점수는 0점이다. 문체부와 한국출판연구소라는 공신력 있는 기관의 결과를 일개 개인이 0점을 줬다면 이 기사가 나왔을 시기에는 욕을 먹었을 것이다.

이 설문 내용을 유통사의 실제 매출 데이터로 분석해 보면 왜 0점인지 수긍을 할 것이다.

유통사 매출 데이터를 기준으로 전자책을 가장 많이 구매해 보는 사람들은 30대 ~ 40대이다. 30세 ~ 50세 사이 연령대가 전자책 구매 금액의 60%, 구매 권수의 70% 정도를 소비한다. 구매 금액 기준으로 20대는 20% 안팎이고, 50대 이후가 10%정도 된다. 10대 이전(0세~19세 사이)는 10%밖에 되지 않는다.

위 설문을 보자. 이 기사만 본다면 20대가 전자책을 가장 많이 보고 10대가 그 다음으로 많이 볼거라는 생각을 할 수 밖에 없다. 독서 인구 중 14%가 전자책을 볼거라고 생각을 하게 된다. 그런데 현실은 전혀 다르다. 모 유통사(서점)에 가입한 회원 1,000만명 중 1년간 종이책을 1권이라도 구매한 사람은 약 200만명이고, 전자책을 구매한 사람은 종이책 구매자 대비 5%가 채 되지 않았다. 14%가 전자책을 읽는다는 결과와 너무 다르다.

전자책 관련 강의를 종종 하는데 사람들에게 이 자료를 보여주면 '왜 저런 결과가 나오냐'고 물어본다. 그럼 수강생들에게 즉석 설문을 해서 뭐가 문제인지 확인시켜 준다. 

"1년 사이 전자책을 본 적이 있는 분 손들어주세요."

90% 이상 손을 든다. 전자책에 관심있어 강의를 듣는 사람들이니 당연한 결과다.

이 결과를 갖고 신문에 '전자책에 관심있는 사람들 90%가 전자책 읽는다'라는 기사를 쓴다. 틀린 기사는 아니다. 다시 즉석 설문을 한다.

"1년 사이 본인 돈으로 전자책을 1권 이상 결제해 처음부터 끝까지 읽어보신 분 손들어주세요."

첫번째 질문에 손을 들었던 사람들 중 1/3만 손을 들고 있다. 청중에 따라 조금씩 차이는 나지만 대략 그렇다.

"최근 3개월 이내에 전자책을 결제해서 처음부터 끝까지 읽은 분 손들어주세요."

이제 10%도 남지 않는다. 

"1년간 읽은 책 중 전자책 비중이 30%정도 되는 분. 연간 10권의 책을 읽는다면 그 중 3권이 전자책인 분 손들어주세요."

아주 드물게 한두명, 아니면 손을 들고 있는 사람이 없다.

이런 즉석 설문 후에 사람들에게 저 기사가 왜 0점짜리인지 설명할 필요가 없다. 다들 뭐가 문제인지 이해를 한다. 

다시 책값은 2000원이 적정하다는 내용으로 돌아가 보자.

모 유통사에서도 2012년에 같은 설문을 한 적이 있다.

전자책 가격이 얼마면 적정하겠느냐. 하지만 질문도 바뀌고 설문은 대상 역시 세분해서 진행했다.

"적정한 종이책 가격, 적정한 전자책 가격"이 질문 내용이었다.

1. 직전 1년간 종이책도 전자책도 이용해 보지 않은 사람.

2. 종이책은 보지만(이후 동일) 전자책을 전혀 모르고 한번도 이용해 보지 않은 사람.

3. 전자책에 대해 알기는 하지만 한번도 이용해 보지 않은 사람.

4. 전자책을 가끔 이용하는 사람.

5. 전자책을 많이 이용하는 사람.

1번 대상자들은 종이책 가격을 6,000원, 전자책 가격을 3,000원 정도로 얘기했다.

2012년 종이책 평균 가격은 12000원 이상이었다. 시중에 판매되는 책들 대부분이 12,000원 ~ 15,000원 사이였고, 할인이 포함돼 판매된 종이책의 평균 가격은 12,000원 안팎이었다. 종이책을 보지 않는 사람들은 종이책의 적정 가격을 6,000원이라고 답을 했다.

2번 대상자는 종이책 가격을 8,000원대로 전자책 가격은 3,000원대로 얘기했다.

3번 대상자 역시 종이책 가격을 8,000원대로, 전자책 가격은 3,000원대로 얘기했다. 하지만 2번 대상자보다 몇백원 높았다.

이 둘을 다시 세분해 종이책을 많이 읽는 사람과 일년에 10권 미만으로 읽는 사람을 구분하면 종이책 가격은 10권 미만으로 보는 사람은 6000원~8000원, 10권 이상 보는 사람은 10,000원으로 나온다.

4번 대상자는 전자책 가격을 4,000원대로 답했다. 종이책은 2번, 3번과 비슷했다.

5번 대상자는 전자책 가격을 6,000원대로 답했다. 이들은 종이책 가격을 10,000원 수준으로 답했다.

실제 전자책 서점에서 판매되는 책 가격은 장르 소설은 3000원 전후, 일반 단행본(종이책을 전자책으로 판매하는)은 8000원 전후이다. 어떤 상품이든 소비자들은 자신이 지불하는 금액이 비싸다고 생각한다. 종이책 가격은 독자들에게 언제나 비쌌다. 전자책도 마찬가지다. 전자책 가격은 권당 1000원에 팔아도 독자들은 비싸다고 느낀다. 

MP3 파일을 보자. 1만원짜리 시디를 팔다가 MP3로 판매하면서 한곡에 500원~1000원씩 팔때도 비싸다고 했고, 100곡에 5000원에 팔아도 비싸다고 한다. 한달에 5000원만 내면 무제한으로 들을 수 있어도 이용료가 너무 비싸다고 투덜댄다. 

MP3를 돈을 내고 구매하는 사람들은 남들이 비싸다고 해도 돈주고 구매하지만, MP3가 비싸다고 불만인 사람은 무제한으로 들을 수 있어도 한달 5000원이 비싸다고 말한다. 

종이책의 인쇄/보관/유통 비용은 책값의 25%도 되지 않는다. 전자책 가격이 저렴해야 한다고 얘기하는 사람들은 전자책 원가가 낮다는 점을 근거로 내세우는데 인쇄/보관/유통에 드는 비용이 25%라는 얘기다. 전자책 가격은 종이책 대비 70% 정도에 판매가 되고 있다. 그리고 책을 읽는 사람들은 전자책 가격이 조금 비싸다고 느끼지만, 종이책 가격 역시 비싸다고 느낀다.

전자책 가격이 비싸서 안읽는다는 설문 결과가 어떤 대상에게 어떤 질문을 던져 나왔는지 확인해 보면 왜 전자책 소설 한권이 2,000원이 됐는지 알 수 있을 것이다. 설문을 진행한 사람이 장르소설과 일반 소설을 구분했을까? 설문에 답한 사람들이 장르소설 가격은 3000원 안팎이라는걸 알고 있을까? 그리고 책을 읽는 사람들일까? 종이책이든 전자책이든 책을 읽는 사람이라면 종이냐 파일이냐 보다는 책의 내용에 더 큰 가치를 둔다. 내용이 좋다면 전자책 가격이 1만원이라도 돈을 내고 산다. 물론 비싸다고 툴툴대기는 하겠지만.

오늘은 전자책 편집 중 많이 하는 '실수'를 정리하겠습니다. 이런 실수를 해도 뷰어에서는 정상적으로 보입니다. 그래서 많은 분들이 이런 편집을 잘못이라고 생각하지 않어요. 하지만 잘못 사용한 코드는 언젠가 오류로 보답을 합니다. 아주 조금만 신경쓰면 되니까 아래 몇가지만 지켜보세요.

1. 제목은 반드시 헤딩 태드(h1 ~ h6)를 사용한다.

IDPF의 EPUB3 권고안에는 제목을 헤딩 태그를 사용하도록 강력하게 권하고 있습니다. 현재 유통되고 있는 전자책 중 제목을 헤딩 태그가 아닌 CSS 스타일과 p 태그로 지정한 책이 많습니다. 이런 책들은 뷰어에 정상처럼 보이지만 표준을 지키지 않은 편집이에요. 

시중에 유통되는 편집기 중에서도 제목을 헤딩 태그가 아닌 p태그에 스타일을 적용해 표현하는 경우가 많습니다. 편집기가 제공하는 기능이라고 표준에 맞는건 아니니 편집할 때 주의를 하세요.

2. 본문은 반드시 <p> 태그를 사용합니다.

Sigil로 편집한 책 중에 보면 <div>태그로 분문을 묶은 것을 종종 볼 수 있습니다. Sigil의 빈 화면에서 백스페이스를 마구 누르면 HTML 코드가 이렇게 되요.

이 상태에서 엔터를 치면 이렇게 됩니다.

여기에 텍스트를 붙여넣으면 본문 태그가 <p>가 아닌, <div>태그로 감싸지게 됩니다. 역시 뷰어에서는 아무 문제가 없어 보이지만, 아주 심각한 '실수'입니다. 본문은 반드시 <p>태그로 묶여야 하거든요. 

간혹 글상자를 만들때 이렇게 편집하는 분들도 있습니다. 

이건 표준에 벗어나지는 않지만 좋은 코드라고 보기 어려워요. 본문 내용은 <p> 태그로 묶어줘야 합니다.

3. 본문 스타일은 클래스를 지정하지 마세요.

본문을 클래스를 이용해 편집하는건 제약이 있는 것도, 표준에 어긋나는 것도 아닙니다. 하지만 그래야 할 필요가 없는데 불필요한 작업을 반복해서, 그것도 수천번을 반복해서 해줄 필요는 없잖아요.

무슨 소리냐고요?

CSS에 스타일을 적용할 때 본문 전체를 대표하는 스타일을 클래스로 지정하는 분들이 의외로 많이 있습니다. 이런 식이지요.

책 내용의 90%가 넘는 본문 스타일을 클래스로 지정하게 되면 class="maintext" 스타일이 수천번 들어갑니다. 이렇게 편집해야 할 이유는 전혀 없습니다. 그냥 p 태그에 스타일을 적용하면 되요.

그럼 <p> 태그로 묶여있지만 다른 스타일을 적용해야 할 때는 어떻게 해야하냐구요? 그 스타일만 클래스를 지정하면 되지요. CSS는 스타일 상속을 받지만, 마지막에 상속받은 스타일로 표현이 되기 때문에 <p> 태그에 기본 스타일을 적용한다 해도 다른 스타일을 적용하는데 아무 문제가 없습니다.

4. 불필요한 스타일은 넣지 마세요.

CSS 스타일을 만들 때 불필요한 스타일을 반복해서 쓰는 분들이 많이 있습니다. 전자책 편집기의 CSS 생성 프로그램을 이용해 만들었다고 강하게 의심이 되지만, 그래도 이런 편집은 피하는게 좋습니다.

/*필요 없는 스타일*/이라고 표시한 항목들은 뷰어 기본 설정을 따르도록 되어 있습니다. 뷰어 기본 설정을 따르는 스타일이나 적용해도 의미 없는 스타일은 추가할 필요가 없습니다. 넣지 않아도 뷰어에서 보이는건 똑같습니다. 

그럼 넣어도 상관 없잖아 라고 생각하실 수 있는데, 저런 코드가 들어가면 뷰어는 '아무것도 아닌 스타일'로 적용을 하느라 단말기 자원을 사용하게 됩니다. 쉽게 말해 뷰어에서 책이 열리는 속도가 느려지거나, 오류가 생길 가능성이 높아진다는 얘기에요.

* 참고로 들여쓰기가 필요 없는 스타일은 text-indent : 0; 을 추가해 주는게 좋아요. 강제 들여쓰기를 하는 뷰어가 많이 있어 들여쓰기 하면 안되는데 들여쓰기가 되는 경우가 종종 있거든요.

5. 똑같은 스타일은 재활용하세요.

시중에 유통되는 전자책 중에 아래처럼 똑같은 스타일이 무한반복되는 책들이 있습니다.

아마도 위지윅 방식의 편집기에서 텍스트 하나를 선택해 스타일 지정, 다른 텍스트 선택 후 스타일 지정... 이런 식으로 편집을 했기 때문일거예요.

이것 역시 책 열리는 속도가 느려지거나 오류 가능성을 높이게 됩니다. 똑같은 스타일은 특별한 의미를 둔 스타일이 아닌 이상 하나만 있으면 되요.

이런 부분들만 주의를 해도 전자책의 코드가 깔끔하게 정리될거예요. 코드가 깔끔한 책은 뷰어에서 열리는 속도가 빨라지고, 오류도 적게 발생합니다. 그리고, 어떤 환경에서도 편집자가 원하는 모양으로 책이 보이고요 ^^

책이 디지털로 변하면서, 종이책도 전자책도 아닌 제3의 매체가 될 분야를 설명하면서 예로 드는게 사전입니다. 운동, 여행, 요리레시피 같은 몇몇 카테고리는 책이 아닌 다른 형태로 발전을 할 수 있다고 얘기하면 종이책의 틀에 갇혀있는 분들은 이해를 하지 못합니다. 이때 '사전'을 예로 들어줍니다.

종이로 된 두꺼운 사전이 전자사전으로 바뀌었다가 이제는 전자사전 조차 역사가 될 판입니다. 백과사전의 절대 강자 브리태니커의 아성은 위키피디아에 무너져 내렸고, 아무리 정보의 '질'을 소리높여 외쳐봐도 간단한 정보는 '지식인'을 찾습니다.

운동, 여행, 요리레시피 같은 책들은 사전과 같은 길을 걷게 될거라고 생각합니다. 전자책이 될 가능성도 아주 낮습니다. 이 카테고리는 사전처럼 책의 분류에서 사라질 가능성이 아주 높습니다. 종이책의 틀에서 이 분류의 책을 만드신 분들은 말도 안된다고 생각할 수도 있습니다. 비디오 테잎, 동영상 CD, 유튜브 QR 코드 등을 활용하면서 다른 분야보다 기술 발전에 발빠르게 대응하고 있는데 무슨 소리냐고 하실 분들도 계실거예요.