Bookshelf | Reports | Community | KDP Select

Home » Amazon KDP Support » Ask the Community » Formatting

Thread: Formatting Discrepencies...Which to Trust?


Reply to this Thread Reply to this Thread Search Forum Search Forum Back to Thread List Back to Thread List

Permlink Replies: 4 - Pages: 1 - Last Post: Jan 3, 2018 3:22 AM Last Post By: Notjohn
Michael S Kamin...

Posts: 2
Registered: 12/28/13
Formatting Discrepencies...Which to Trust?
Posted: Jan 2, 2018 5:01 AM
Click to report abuse...   Click to reply to this thread Reply
Hi - when I use 'Launch Previewer' my Kindle title (formatted in InDesign and output as epub) looks good. When I download the .mobi and view on my Kindle PaperWhite there is an image problem:

Embedded jpegs are stretched and distorted.

CSS is set as "Full-Width-Image"

Any advice on fixing the problem?

Thank you.

Michael

Edited by: Michael S Kaminsky on Jan 2, 2018 5:02 AM

Edited by: Michael S Kaminsky on Jan 2, 2018 5:54 AM

Edited by: Michael S Kaminsky on Jan 2, 2018 5:55 AM

Edited by: Michael S Kaminsky on Jan 2, 2018 5:56 AM

Edited by: Michael S Kaminsky on Jan 2, 2018 5:56 AM

Salamander Mall...

Posts: 861
Registered: 10/16/17
Re: Formatting Discrepencies...Which to Trust?
Posted: Jan 2, 2018 6:49 AM   in response to: Michael S Kamin... in response to: Michael S Kamin...
Click to report abuse...   Click to reply to this thread Reply
InDesign is a good tool for print editions, but not e-books. The epub is produces is flawed. Try to clean it up with Sigil.
Notjohn

Posts: 23,767
Registered: 02/27/13
Re: Formatting Discrepencies...Which to Trust?
Posted: Jan 2, 2018 7:54 AM   in response to: Michael S Kamin... in response to: Michael S Kamin...
Click to report abuse...   Click to reply to this thread Reply
CSS is set as "Full-Width-Image"

Well, that's not an accepted style. Must be an IDD thing. Can you set it to ignore?

As advised, you can surely fix this in Sigil. Grab my style sheet off my blog for a start, then play about with it until it looks right.

This is the html that calls the first image in my Guide, which you can see on the Look Inside sample:

<div class="image" id="disc">
<img alt="Sony Data Discman" src="../Images/discman.jpg" width="100%"/>
</div>

That calls the "image" style from my style sheet, but as you can see, I put the width instruction into the url (pointer). Height is an automatic adjustment, maintaining the same ratio.

(Don't trust KDP to publish a print edition. Don't trust CreateSpace to publish an ebook. Each does one thing well and the other thing poorly.)

Good luck! -- NJ

Notjohn's Guide to E-Book & Print Formatting (2018 edition)

The blog: https://notjohnkdp.blogspot.com
William Thompson

Posts: 1,135
Registered: 07/06/14
Re: Formatting Discrepencies...Which to Trust?A
Posted: Jan 2, 2018 5:29 PM   in response to: Michael S Kamin... in response to: Michael S Kamin...
Click to report abuse...   Click to reply to this thread Reply
The reason you have this image problem is probably because formatting images smaller than 100% screen width is done differently for KF7 and KF8 devices. If you format images for KF7 then you must use the actual image dimensions in pixels. But if you are formatting images less than 100% screen width for KF8 devices then you have to format the image dimensions as a percentage of screen width(not in pixels). And the only way you can resolve your issue would be to manually dual format all your images for both KF7 and KF8 using media queries in the epub stylesheet.

But if you want a much easier and quicker way to autoformat your smaller images to display correctly on both Kindle KF7(older Kindles) and KF8 devices then you should download Sigil (epub editor) from the internet and install it. Then download my Sigil plugin called AddKindleMediaQueries from The Sigil Plugin Index here:
https://www.mobileread.com/forums/showpost.php?p=2940034&postcount=1

Then do the following:

1. Install the plugin into Sigil. See the AddKindleMediaQueries plugin release notes for how-to details.

2. Export your ID doc as an epub to your desktop.

2. Then load your epub into Sigil.

3 In Sigil, click on Plugins > Edit > AddKindleMediaQueries, which runs the plugin.

After running the plugin, all images that are smaller than 100% screen width will automatically be re-formatted(dual formatted) to correctly display on both KF7 and KF8 devices. All this plugin does is automatically create the relevant media queries in the stylesheet, which will act to format your smaller images in the correct way for both KF7 and KF8 devices. There is no html coding needed -- its all done automatically when you run the plugin.

Notjohn

Posts: 23,767
Registered: 02/27/13
Re: Formatting Discrepencies...Which to Trust?A
Posted: Jan 3, 2018 3:22 AM   in response to: William Thompson in response to: William Thompson
Click to report abuse...   Click to reply to this thread Reply
That's a great solution and a great service!

I have to confess, however, that I don't use media queries. I size my "sorts" (fluerons, colophons, whatever) on the small side, so they don't blow up full page on the obsolete Kindles. I figure I'm doing their owners a service, pointing out that it's high time they upgraded. I'm sure they're not using CPM computers and probably not even a dumb phone (I have to tread easy here, because Susan uses just such a phone), and I have zero pity when a brand new Fire tablet can be had for $49.99. Crikey, there are BOOKS that cost more than that!

(Don't trust KDP to publish a print edition. Don't trust CreateSpace to publish an ebook. Each does one thing well and the other thing poorly.)

Good luck! -- NJ

Notjohn's Guide to E-Book & Print Formatting (2018 edition)

The blog: https://notjohnkdp.blogspot.com
Legend
Helpful Answer
Correct Answer

Point your RSS reader here for a feed of the latest messages in all forums