Quote:
Originally Posted by Gregg Bell
Wow, thanks for the explanation, jhowell. I really thought I was losing my mind there for a while. I still have one question, though, how come when I took the "height" and "width" out of the html (eg. screenshot 23), the final version from KDP of the image looked right sized (roughly 200X300)?
|
When you leave out the width/height styling entirely for those images in your book the KFX coding generated becomes width:39.063%, producing a 234x351 pixel image on your 600x800 device. I can't explain why this occurs. I do not understand all of the heuristics used during KFX conversion.
Quote:
Originally Posted by Gregg Bell
Okay back to your method. So, once Amazon's done with KFXing the file, all widths of images will be displayed at 23.4375% width of the device's screen size, right? So, as you said my 200X300 image would be 140X210 in a 600X800 device. So on a 800X1200 resolution device it would be displayed as 187X281, right? On 1600X2560 devices it would be displayed as 374X561, right? So it would behoove me to have an image size of at least 400X600, right?
|
Yes.
In the
Amazon Kindle Publishing Guidelines section 9.4.2 (Image Size and Quality Standards) the minimum recommended size for a full page image is 1200x1800 pixels. So if you want your covers to occupy approximately 1/4 of the width of a screen the minimum image width should be 1200/4 = 300 pixels. Using 400 wide would be a good choice.
Quote:
Originally Posted by Gregg Bell
And would I leave out the "height" and "width" info in the html img tags (as in 23) or leave it in as in 24)?
|
In section 9.4.3 (Image Dimensions for Responsive Layouts) has guidance for how to style the images: "Amazon recommends that block and float images be styled using a percentage value for the width style attribute. This will ensure that images always occupy the same percentage of space on the screen irrespective of device resolution."
They fail to mention that this won't work well on older devices that only handle mobi7 format. For the best results across all devices I think that you should use media queries to have different coding for mobi7 (pixels) and kf8/kfx (percent) devices.