images causing blank pages in mobi on Kindle

sundog · 08-05-2012, 11:03 AM

Hi,
I produced an epub using InDesign and I'm editing in Sigil, now trying to convert to mobi for Kindle. I'm a hack at coding and I've been trying to solve this problem for hours, with no luck; hoping I can get some help here.

I have an epub that contains, among it's 28 or so chapters, 3 consecutive chapter files, each containing only a single image that is supposed to be full page. When I convert to mobi using Kindle Previewer, the output viewed on the Kindle always has a blank page inserted between these images. I made the images exactly 600x800 to start with, thinking that was the magic size for a full page. I've since tried resizing the images down, and if I make them small enough (e.g. width less than say 400), sure enough the extra blank pages disappear, but I need these images to be full page so that defeats the purpose.

I don't understand what is causing these extra empty pages to appear. The code for each of these files is the same, quite simple, e.g.:
<body>
<div class="Basic-Text-Frame-10" id="columbiamap.html" xml:lang="en-US">
<p class="illustration"><img alt="columbia.jpg" class="image" src="../Images/columbia_fmt.jpeg" width="600px" height="800px" /></p>
</div>

</body>

and the CSS entry is:
p.illustration {
font-family : "Georgia", "Times New Roman", serif;
font-weight : normal;
font-style : normal;
font-size : 0.92em;
text-decoration : none;
font-variant : normal;
line-height : 1.1;
text-align : center;
color : #000000;
text-indent : 0px;
margin : 18px 0px;
}

Anyone have an idea what I can do to fix this problem?
Thanks

Jellby · 08-06-2012, 04:07 AM

You have an image that's 600×800 pixels, plus a vertical margin of 18 pixels. This doesn't fit the screen of the Kindle, which is 600×800. The Kindle probably sends it to the next page (fortunately, it doesn't do this again and again).

Even with no margin in the CSS, there's probably some default page margin in the Kindle, which would make a 600×800 image not fit anyway.

JSWolf · 08-08-2012, 04:13 PM

I didn't know that InDesign could produce such poor code.

sundog · 08-09-2012, 12:03 PM

Thanks for the help, and good catch Jellby on the margin I had mistakenly included in the CCS. I removed that, but sure enough the 600x800 images still didn't fit, so I gradually reduced pixel dimensions on the image tag, maintaining proportionality, until no blank pages showed up.

JSWolf · 08-09-2012, 12:33 PM

What you can try is height="100%" in the img tag and see if that works on conversion to the Kindle. If it works, it won't matter the image size and you won't have to keep guessing.

sundog · 08-09-2012, 02:20 PM

Quote:

Originally Posted by JSWolf

What you can try is height="100%" in the img tag and see if that works on conversion to the Kindle. If it works, it won't matter the image size and you won't have to keep guessing.

It doesn't work in my testing. Kindle ignores the % tags; you have to specify pixel dimensions explicitly. Frustrating.

JSWolf · 08-09-2012, 07:25 PM

Quote:

Originally Posted by sundog

It doesn't work in my testing. Kindle ignores the % tags; you have to specify pixel dimensions explicitly. Frustrating.

That is a shame. The problem then becomes that you end up with smaller images on a device that has a higher resolution.

08-05-2012, 11:03 AM	#1
sundog Member Posts: 11 Karma: 10 Join Date: Mar 2012 Device: Kindle	images causing blank pages in mobi on Kindle Hi, I produced an epub using InDesign and I'm editing in Sigil, now trying to convert to mobi for Kindle. I'm a hack at coding and I've been trying to solve this problem for hours, with no luck; hoping I can get some help here. I have an epub that contains, among it's 28 or so chapters, 3 consecutive chapter files, each containing only a single image that is supposed to be full page. When I convert to mobi using Kindle Previewer, the output viewed on the Kindle always has a blank page inserted between these images. I made the images exactly 600x800 to start with, thinking that was the magic size for a full page. I've since tried resizing the images down, and if I make them small enough (e.g. width less than say 400), sure enough the extra blank pages disappear, but I need these images to be full page so that defeats the purpose. I don't understand what is causing these extra empty pages to appear. The code for each of these files is the same, quite simple, e.g.: <body> <div class="Basic-Text-Frame-10" id="columbiamap.html" xml:lang="en-US"> <p class="illustration"><img alt="columbia.jpg" class="image" src="../Images/columbia_fmt.jpeg" width="600px" height="800px" /></p> </div> </body> and the CSS entry is: p.illustration { font-family : "Georgia", "Times New Roman", serif; font-weight : normal; font-style : normal; font-size : 0.92em; text-decoration : none; font-variant : normal; line-height : 1.1; text-align : center; color : #000000; text-indent : 0px; margin : 18px 0px; } Anyone have an idea what I can do to fix this problem? Thanks

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Classic Split PDF pages into smaller pages (images into tiles)	Astro	Barnes & Noble NOOK	4	06-12-2020 10:56 AM
.epub to .mobi loses pages, images, italics	CursedRider	Conversion	9	07-05-2012 03:04 AM
Troubleshooting Kindle inserting blank pages	lpkoji	Amazon Kindle	0	12-29-2011 11:20 AM
epub -> mobi. Blank pages in Kindle 2, but not Kindle for PC	notyou	Calibre	0	06-28-2010 08:06 PM
Images on Kindle; blank pages	joubert	Kindle Formats	3	05-28-2010 03:49 PM

08-06-2012, 04:07 AM	#2
Jellby frumious Bandersnatch Posts: 7,543 Karma: 19001583 Join Date: Jan 2008 Location: Spaniard in Sweden Device: Cybook Orizon, Kobo Aura	You have an image that's 600×800 pixels, plus a vertical margin of 18 pixels. This doesn't fit the screen of the Kindle, which is 600×800. The Kindle probably sends it to the next page (fortunately, it doesn't do this again and again). Even with no margin in the CSS, there's probably some default page margin in the Kindle, which would make a 600×800 image not fit anyway.

08-08-2012, 04:13 PM	#3
JSWolf Resident Curmudgeon Posts: 79,130 Karma: 144284184 Join Date: Nov 2006 Location: Roslindale, Massachusetts Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3	I didn't know that InDesign could produce such poor code.

08-09-2012, 12:03 PM	#4
sundog Member Posts: 11 Karma: 10 Join Date: Mar 2012 Device: Kindle	Thanks for the help, and good catch Jellby on the margin I had mistakenly included in the CCS. I removed that, but sure enough the 600x800 images still didn't fit, so I gradually reduced pixel dimensions on the image tag, maintaining proportionality, until no blank pages showed up.

08-09-2012, 12:33 PM	#5
JSWolf Resident Curmudgeon Posts: 79,130 Karma: 144284184 Join Date: Nov 2006 Location: Roslindale, Massachusetts Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3	What you can try is height="100%" in the img tag and see if that works on conversion to the Kindle. If it works, it won't matter the image size and you won't have to keep guessing.

Advert

Advert