Kindle Books에서 이미지를 사용하는 방법에 대한 팁

파일: 또는 이미지 URL에 C : 와 같은 하드 드라이브 문자가 있어야합니다. 위의 디렉토리 구조에서 다음과 같이 image1.jpg를 참조하십시오.

URL 시작 부분에는 슬래시가 없습니다.

이미지 / 디렉토리는 그 디렉토리의 하위 디렉토리입니다.

my-book.html 파일이 있습니다.

URL이 올바른지 테스트하는 다른 방법은 책 디렉토리의 디렉토리 이름을 변경하는 것입니다

/내 책/웹 브라우저에서 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 아트 스타일 이미지에 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를 사용하여 다음 키워드로 이미지를 정렬 할 수 있습니다.

정렬하다 속성:

• 상단- 이미지의 상단을 현재 라인의 상단에 맞 춥니 다.

• 텍스트 톱- 이미지 상단을 현재 줄의 텍스트 상단에 맞 춥니 다.

• 압제하다- 현재 행에 수직으로 이미지를 표시합니다.

• 중간- 현재 줄의 텍스트 중간에 이미지를 세로로 배치합니다.

• 복근- 이미지의 아래쪽을 현재 줄의 맨 아래에 맞 춥니 다.

• 바닥- 이미지의 아래쪽을 현재 줄의 텍스트 기준선에 맞 춥니 다 (기준선과 동일).

• 기준선- 이미지의 아래쪽을 현재 줄의 텍스트의 기준선에 맞 춥니 다 (하단과 동일).

그러나 두 가지 정렬

왼쪽 과