Kindle Coding Glitch - html/image problem

adam_omega · 02-12-2011, 03:17 PM

I've had a number of comics as ebooks on the Kindle for a while, but they used outdated Kindle file standards and I'm trying to update them to improve the quality. I've hit a bit of a brick wall, though, as far as the coding in concerned.

I have all my comic pages saved as JPGs now (formerly, they were GIFs, but Amazon compressed them too much, so I've resaved them as JPGs at 40% quality), and I'm using the same HTML file as before. But all of the images now display the top 1/2" of the page twice when viewed on the Kindle and cutting off the bottom 1/2" of the page (in the preview and in books I made live hoping it was just a glitch in the preview window). It's like the image is showing twice on top of each other.

There is an image display glitch that I can't figure out how to remove:
Example of the glitch: http://www.gomanga.com/_twitterpics/glitch.jpg

And here is an example of the html I'm using:

Code:

<html>
<head>
<meta name="author" content="test names" />
<title>test title</title>
</head>
<body>

<p><a name="start" /></a>
<img src="images/cover.jpg" /></p>

<p><img src="images/0005.jpg" /></p>

<p><img src="images/0006.jpg" /></p>

<p><img src="images/0007.jpg" /></p>

<p><img src="images/0008.jpg" /></p>

<p><img src="images/0009.jpg" /></p>

<p><img src="images/0010.jpg" /></p>

<p><img src="images/0011.jpg" /></p>

<p><img src="images/0012.jpg" /></p>

<p><img src="images/0013.jpg" /></p>

<p><img src="images/0014.jpg" /></p>

<p><img src="images/0015.jpg" /></p>

</body>
</html>

I've tried a number of variations of this (putting images all in the same directory, removing all the <p> tags, adding <p width="0" align="center">) and haven't had any luck removing this glitch. Any help would be greatly appreciated!

Thanks,
- Adam

DMSmillie · 02-12-2011, 03:33 PM

I haven't come across this problem before, so don't have a definite fix. I'm wondering, though, if it makes any difference if you include the height and width attributes in the img tags?

adam_omega · 02-12-2011, 04:09 PM

No, there's no change when I try:

Code:

<p align="center" height="541" width="800"><img src="images/0005.jpg" /></p>

DMSmillie · 02-12-2011, 04:33 PM

No - you need to put the height and width attributes inside the IMG tag, not the P tag. Like this:

Code:

<p align="center"><img src="images/0005.jpg" height="541" width="800" /></p>

adam_omega · 02-12-2011, 05:16 PM

Quote:

Originally Posted by DMSmillie

No - you need to put the height and width attributes inside the IMG tag, not the P tag. Like this:

Code:

<p align="center"><img src="images/0005.jpg" height="541" width="800" /></p>

It still has the same issue.

Since the issue seems to only happen with JPGs and not GIF or PNG versions of my files, it looks like I may need to reconvert all my book's image files again (to PNG this time).

Tiersten · 02-12-2011, 07:24 PM

Quote:

Originally Posted by adam_omega

Since the issue seems to only happen with JPGs and not GIF or PNG versions of my files, it looks like I may need to reconvert all my book's image files again (to PNG this time).

No idea what the problem is with the HTML but you should use PNG anyway as JPEG is meant to compress photographs only. It is very inefficient when trying to encode something like comics because of the many sharp transitions and lines so you'll see blocky artifacts unless the quality is set very high.

02-12-2011, 03:17 PM	#1
adam_omega Member Posts: 15 Karma: 10 Join Date: Jun 2009 Device: none	Kindle Coding Glitch - html/image problem I've had a number of comics as ebooks on the Kindle for a while, but they used outdated Kindle file standards and I'm trying to update them to improve the quality. I've hit a bit of a brick wall, though, as far as the coding in concerned. I have all my comic pages saved as JPGs now (formerly, they were GIFs, but Amazon compressed them too much, so I've resaved them as JPGs at 40% quality), and I'm using the same HTML file as before. But all of the images now display the top 1/2" of the page twice when viewed on the Kindle and cutting off the bottom 1/2" of the page (in the preview and in books I made live hoping it was just a glitch in the preview window). It's like the image is showing twice on top of each other. There is an image display glitch that I can't figure out how to remove: Example of the glitch: http://www.gomanga.com/_twitterpics/glitch.jpg And here is an example of the html I'm using: Code: <html> <head> <meta name="author" content="test names" /> <title>test title</title> </head> <body> <p><a name="start" /></a> <img src="images/cover.jpg" /></p> <p><img src="images/0005.jpg" /></p> <p><img src="images/0006.jpg" /></p> <p><img src="images/0007.jpg" /></p> <p><img src="images/0008.jpg" /></p> <p><img src="images/0009.jpg" /></p> <p><img src="images/0010.jpg" /></p> <p><img src="images/0011.jpg" /></p> <p><img src="images/0012.jpg" /></p> <p><img src="images/0013.jpg" /></p> <p><img src="images/0014.jpg" /></p> <p><img src="images/0015.jpg" /></p> </body> </html> I've tried a number of variations of this (putting images all in the same directory, removing all the <p> tags, adding <p width="0" align="center">) and haven't had any luck removing this glitch. Any help would be greatly appreciated! Thanks, - Adam

02-12-2011, 04:09 PM	#3
adam_omega Member Posts: 15 Karma: 10 Join Date: Jun 2009 Device: none	No, there's no change when I try: Code: <p align="center" height="541" width="800"><img src="images/0005.jpg" /></p>

02-12-2011, 04:33 PM	#4
DMSmillie Enquiring Mind Posts: 562 Karma: 42350 Join Date: Aug 2010 Location: London, UK Device: Kindle 3 (WiFi)	No - you need to put the height and width attributes inside the IMG tag, not the P tag. Like this: Code: <p align="center"><img src="images/0005.jpg" height="541" width="800" /></p>

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Problem with masthead image	kindle3reader	Kindle Formats	0	02-03-2011 04:29 PM
Troubleshooting Kindle DX Graphite html => mobi problem	carterw	Amazon Kindle	2	11-10-2010 04:46 AM
Epub Image Problem	mets	Calibre	5	09-21-2010 01:26 PM
Setting first HTML file Image as Cover?	phnord	Calibre	2	01-09-2010 03:13 AM
Image problem	mikeywilliams25	Sigil	1	10-18-2009 01:37 PM

02-12-2011, 03:33 PM	#2
DMSmillie Enquiring Mind Posts: 562 Karma: 42350 Join Date: Aug 2010 Location: London, UK Device: Kindle 3 (WiFi)	I haven't come across this problem before, so don't have a definite fix. I'm wondering, though, if it makes any difference if you include the height and width attributes in the img tags?

Advert

Advert