为Kindle书籍使用图像的最佳方式

获得伟大的图形的事实

要知道的内容

  • 为Kindle Book创建一个目录,并将HTML放在那里,然后将一个子目录放入图像中。
  • 尽可能高的分辨率提供照片。设置具有9:11的宽高比的图像,理想地是至少600像素宽,800高。
  • 使用GIF,JPEG或PNG格式。尽可能使用彩色图像。使用align属性关键字:最佳底部中间剩下, 和正确的

本文介绍了如何通过HTML向您的Kindle书籍添加图像。虽然该过程与将图像添加到网页时,请记住您的图像相对于HTML存储的位置,您的文件格式是多大的,无论是线条艺术还是照片,以及它们是'黑色和白色或颜色。

在哪里存储木头书的图像

当您正在编写HTML以创建Kindle书时,您将其写成一个大型HTML文件,但您应该在哪里放置图像?最好为您的书创建一个目录并将其HTML放在那里,然后将一个子目录内部用于图像。这将具有目录结构:

我的书
Book.html.
style.css.
图片
image1.jpg.
image2.jpg.
image3.jpg.

当您引用图像时,必须使用相对路径,而不是指向硬盘驱动器上图像的位置。这意味着您应该相对于“我的书”文件夹引用它们。例如:


图像文件的路径不会在硬盘驱动器中一直启动。相反,它假定一切都在“我的书”文件夹中,您的HTML文件所在的文件夹,并遵循从那里的路径。

本次公约在这里,因为您的书将分发给数千(希望)的设备,并且他们都有不同的目录结构,这意味着您的书所在的完整路径将会发生变化。但是,您的图像和根“My-Book”文件夹之间的相对路径将保持不变,无论它最终都在何处。

然后当您的书完成后,您已准备好发布您将把整个“我的书”目录zip zip到一个zip文件(如何在Windows 7中zip文件)并将其上传到亚马逊Kindle直接发布。

图像的大小

就像用网络图像一样,文件大小你的Kindle书籍图像很重要。更大的图像将使您的书更大,更慢地下载。请记住,下载只会发生一次(在大多数情况下),一旦下载了书籍,图像文件大小将不会影响读数,而是一个低质量的图像。低质量的图像将使您的书更难以阅读并给予您的书的印象。

因此,如果您必须在较小的文件大小图像和更好的质量之间进行选择,请选择更好的质量。事实上,亚马逊指南明确说明了这一点JPEG.照片应具有至少40的质量设置,您应该在您提供的高度分辨率中提供照片。无论查看它的设备的分辨率如何,这将确保您的图像看起来很好。

您的图像的大小不应超过127kb。这将确保您的图像尽可能好。

但是,只有只是文件大小的规模。还有图像的尺寸。如果您希望图像占用Kindle上的最大屏幕房地产,则应将其设置为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书籍而不是Kindle设备本身。Kindle Fire Tablet是全彩色和Kindle应用程序iOS.,Android和桌面都查看颜色的书籍。所以你应该始终在可能的情况下使用彩色图像。

Kindle EINK设备在16个灰色色调中显示图像,因此当您的精确颜色不显示,细微差别和对比度。

将图像放在页面上

最近大多数网页设计师想知道在他们的Kindle书籍中时想知道的是如何定位它们。因为点燃了电子书在流体环境中,不支持一些对准特征。现在,您可以使用CSS或“alpion”属性将图像与以下关键字对齐。使用它看起来像这样:



对齐属性接受以下值:

  • 最佳
  • 底部
  • 中间
  • 剩下
  • 正确的

如果您需要更多控制,CSS就是去的方式。

文本不会在Kindle上缠绕图像。因此,您应该将您的图像视为下面和周围文本之上的新块。请务必查看图像中的何处。如果您的图像太大,它们可以在它们之上或下方创建周围文本的寡妇和孤儿。

此页面是否有帮助?