멋진 그래픽에 대한 정보 얻기
HTML을 통해 Kindle 책에 이미지를 추가하는 것은 쉽습니다. 요소를 사용하여 다른 웹 페이지와 동일한 방식으로 HTML에 추가 할 수 있습니다. 그러나 고려해야 할 몇 가지 사항이 있습니다.
- 이미지는 HTML에 상대적으로 저장됩니까?
- 이미지의 크기 (크기 및 파일 크기 모두)는 얼마나됩니까?
- 이미지 파일 형식은 무엇입니까?
- 이미지 라인 아트 또는 사진입니까?
- 이미지가 흑백이나 컬러입니까?
당신의 빛나다 도서에 대한 이미지를 저장할 위치
Kindle 책을 만들기 위해 HTML을 작성할 때 하나의 큰 HTML 파일로 작성하지만 이미지를 어디에 넣어야합니까? 책을위한 디렉토리를 만들고 거기에 HTML을 넣은 다음 이미지에 하위 디렉토리를 넣는 것이 가장 좋습니다. 이 디렉토리 구조는 다음과 같습니다.
/내 책/
my-book.html
/ images /
image1.jpg
image2.gif
이미지를 참조 할 때는 하드 드라이브의 이미지 위치를 가리 키지 말고 상대 경로를 사용해야합니다. 이 권한을 수행했는지 쉽게 알 수있는 방법은 백 슬래시 문자, 행의 여러 슬래시, 단어 파일 또는 이미지 URL의 C : \와 같은 하드 드라이브 문자를 찾는 것입니다. 위의 디렉토리 구조에서 다음과 같이 image1.jpg를 참조하십시오.
images / 디렉토리는 my-book.html 파일의 하위 디렉토리이기 때문에 URL 시작 부분에 슬래시가 없습니다.
URL이 올바른지 테스트하는 다른 방법은 책 디렉토리의 디렉토리 이름을 변경하는 것입니다 (위의 / my-book /과 웹 브라우저에서 HTML을 엽니 다. 이미지가 계속 나타나면 상대 경로를 사용하고 있습니다.
그런 다음 책이 완성되어 출판 할 준비가되면 "my-book"디렉토리 전체를 하나의 ZIP 파일 (Windows 7의 Zip 파일 방법)로 압축하여 Amazon Kindle Direct Publishing에 업로드합니다.
이미지의 크기
웹 이미지와 마찬가지로 Kindle 북 이미지의 파일 크기 가 중요합니다. 이미지가 클수록 책 크기가 커지고 다운로드 속도가 느려집니다. 그러나 다운로드는 한 번만 (대부분의 경우) 발생하며 일단 책을 다운로드하면 이미지 파일 크기가 읽기에 영향을 미치지 않습니다. 그러나 낮은 품질의 이미지가 제공됩니다. 저화질 이미지는 책을 읽기 어렵게 만들고 책이 나쁘다는 인상을줍니다.
따라서 파일 크기가 작은 이미지와 품질이 좋은 이미지 중 하나를 선택해야하는 경우 더 나은 품질을 선택하십시오. 실제로 Amazon 가이드 라인에는 JPEG 사진의 품질 설정이 40 이상이어야하며 사용 가능한 해상도로 사진을 제공해야한다고 명시되어 있습니다. 이렇게하면 장치를보고있는 장치의 해상도에 상관없이 이미지가 잘 보이게됩니다.
이미지의 크기는 127KB를 넘지 않아야합니다. 이미지의 해상도를 300dpi 이상으로 설정 한 다음 파일 크기를 127KB로 줄이는 데 필요한만큼만 최적화하는 것이 좋습니다. 이렇게하면 이미지가 가능한 한 좋게 보입니다.
그러나 파일 크기보다 크기가 더 있습니다. 이미지의 크기도 있습니다. 이미지가 킨들에서 최대 화면 크기를 차지하도록하려면 가로 세로 비율 9:11로 설정해야합니다. 이상적으로 너비 600 픽셀 이상 800 픽셀 이상인 사진을 게시해야합니다. 이것은 대부분의 한 페이지를 차지합니다. 사진을 더 크게 만들 수 있습니다 (예 : 655x800이 9:11 비율). 작은 사진을 만들면 더 읽기 어려워지고 300x400 픽셀보다 작은 사진은 너무 작아서 거부 될 수 있습니다.
이미지 파일 형식 및 사용시기
Kindle 장치는 콘텐츠의 GIF, BMP, JPEG 및 PNG 이미지를 지원합니다. 그러나 Amazon에서로드하기 전에 브라우저에서 HTML을 테스트하려면 GIF, JPEG 또는 PNG 만 사용해야합니다.
웹 페이지처럼 라인 아트 및 클립 아트 스타일 이미지에 GIF를 사용하고 사진에는 JPEG을 사용해야합니다. PNG도 사용할 수 있지만 위의 품질 대 파일 크기 정보를 기억하십시오. 이미지가 PNG에서 더 잘 보이는 경우 PNG를 사용하십시오. 그렇지 않으면 GIF 또는 JPEG를 사용하십시오.
애니메이션 GIF 또는 PNG 파일을 사용할 때는주의하십시오. 내 테스트에서 애니메이션은 Kindle에서 HTML을 볼 때 작동했지만 Amazon에서 처리하면 제거됩니다.
Kindle 서적에서는 SVG와 같은 벡터 그래픽을 사용할 수 없습니다.
Kindles는 흑백이지만 이미지 색상을 만듭니다.
우선 킨들의 기기보다 킨들 서적을 읽는 기기가 더 많습니다. Kindle Fire 태블릿은 풀 컬러이며 iOS, Android 및 데스크톱의 Kindle 앱은 모두 책을 컬러로 봅니다. 따라서 가능한 경우 항상 컬러 이미지를 사용해야합니다.
Kindle eInk 장치는 16 가지 회색 음영으로 이미지를 표시하므로 정확한 색상은 나타나지 않지만 뉘앙스와 대비는 다릅니다.
페이지에 이미지 배치
대부분의 웹 디자이너가 Kindle 책에 이미지를 추가 할 때 알아야 할 마지막 사항은 이미지를 배치하는 방법입니다. Kindles는 유동적 인 환경에서 전자 책을 표시하기 때문에 일부 정렬 기능은 지원되지 않습니다. 현재 CSS 또는 정렬 속성을 사용하여 이미지를 다음 키워드와 정렬 할 수 있습니다.
- top- 이미지의 상단을 현재 라인의 상단에 맞 춥니 다.
- texttop - 이미지 상단을 현재 줄의 텍스트 상단에 맞 춥니 다.
- absmiddle - 현재 행에서 이미지를 수직으로 집니다.
- 중간 - 현재 행의 텍스트 중간에 이미지를 세로로 배치합니다.
- absbottom - 이미지의 아래쪽을 현재 줄의 아래쪽에 맞 춥니 다.
- bottom- 이미지의 아래쪽을 현재 줄의 텍스트 기준선에 맞 춥니 다 (기준선과 동일).
- baseline - 이미지의 아래쪽을 현재 줄의 텍스트의 기준선에 맞 춥니 다 (하단과 동일).
그러나 왼쪽과 오른쪽의 두 가지 정렬은 지원되지 않습니다. 텍스트는 Kindle의 이미지를 둘러싸 지 않습니다. 따라서 이미지를 주변 텍스트 아래 및 위에있는 새로운 블록으로 생각해야합니다. 이미지에서 페이지 나누기가 발생하는 곳을 확인하십시오. 이미지가 너무 크면 위 또는 아래에있는 주변 텍스트의 미망인과 고아를 만들 수 있습니다.