Overlapping Images

bradonomics · 12-30-2021, 12:27 PM

I'm getting some overlapping images in mobi files. Attached is a photo of what I'm seeing on a Kindle. This is happening if I use the `ebook-convert` command via the terminal or using the Calibre GUI. Any ideas how to fix this?

PeterT · 12-30-2021, 01:04 PM

Maybe more info would help.

What are you converting?
What version of calibre?
What o/s are you using?

Sent from my Pixel 4a using Tapatalk

bradonomics · 12-30-2021, 01:19 PM

1. What are you converting?

It's a zip of HTML files. The full command is: ebook-convert input.zip output.mobi

2. What version of calibre?

5.34

3. What o/s are you using?

LinuxMint 20.2

jhowell · 12-30-2021, 01:50 PM

The cause is likely to be something in your html/css that Kindle does not support. We would need to see the actual html coding to be more specific.

bradonomics · 12-30-2021, 01:53 PM

Do you mean the whole HTML file? The image code in this case is this:

Code:

<figure><img src="moving-to-new-york-city-during-covid/one.jpg"></figure>

There is no CSS included in the the zip.

jhowell · 12-30-2021, 02:51 PM

I guess I was wrong. I do remember seeing something like this before but it was a long time ago. In that case the doubling was actually present in the images for some unknown reason. Some sort of problem during image conversion.

bradonomics · 12-30-2021, 03:00 PM

In my case, it is only on the Kindle. When I use Calibre to view the mobi file it is skewed to fit the width, but there is no doubling/overlapping.

theducks · 12-30-2021, 04:06 PM

I suspect <figure> is the culprit (is that even allowed in EPUB?)

bradonomics · 12-30-2021, 04:11 PM

As a test I added some CSS as an inline style tag in the head of the HTML document.

Code:

<style>img{max-width:100%;height:auto;}</style>

It made no difference viewing via Calibre or on the Kindle.

bradonomics · 12-30-2021, 04:22 PM

Quote:

Originally Posted by theducks

I suspect <figure> is the culprit (is that even allowed in EPUB?)

I striped the figure tags. No difference.

JSWolf · 12-30-2021, 05:12 PM

Given that it's a website converted to ePub, (I do not have the URL), can you just post a copy of the ePub?

bradonomics · 12-30-2021, 05:36 PM

The issue is with a mobi file on a Kindle, but attached is a zip-to-ePub of the same zip-to-mobi document described earlier.

The web page I've scraped is https://embracesomeplace.com/moving-...-during-covid/, though this image doubling/overlapping happens on almost all web pages I do this with.

jhowell · 12-30-2021, 06:10 PM

I converted the above EPUB to old MOBI using calibre and sideloaded it to my Kindle Oasis. All images displayed properly.

Since the problem is with MOBI files perhaps you could post a MOBI you have created that exhibits the problem for you.

PS: Have you tried restarting your Kindle. Sometimes that can clear up odd problems.

bradonomics · 12-30-2021, 06:21 PM

Attached is the mobi.

Rebooting my Kindle 4 made no difference in the display of the images.

P.S. What is "old" mobi?

jhowell · 12-30-2021, 06:30 PM

Quote:

Originally Posted by bradonomics

Attached is the mobi

It worked fine on my Kindle. See attached.

Quote:

Originally Posted by bradonomics

P.S. What is "old" mobi?

Calibre supports three options for conversion to MOBI: old, new, and both. Your file was created using the old option as was mine done previously.

12-30-2021, 12:27 PM	#1
bradonomics Member Posts: 10 Karma: 10 Join Date: Aug 2012 Location: Alabama Device: Kindle 4	Overlapping Images I'm getting some overlapping images in mobi files. Attached is a photo of what I'm seeing on a Kindle. This is happening if I use the `ebook-convert` command via the terminal or using the Calibre GUI. Any ideas how to fix this? Attached Thumbnails

12-30-2021, 01:19 PM	#3
bradonomics Member Posts: 10 Karma: 10 Join Date: Aug 2012 Location: Alabama Device: Kindle 4	1. What are you converting? It's a zip of HTML files. The full command is: ebook-convert input.zip output.mobi 2. What version of calibre? 5.34 3. What o/s are you using? LinuxMint 20.2 Last edited by bradonomics; 12-30-2021 at 01:20 PM. Reason: Fix list

12-30-2021, 01:53 PM	#5
bradonomics Member Posts: 10 Karma: 10 Join Date: Aug 2012 Location: Alabama Device: Kindle 4	Do you mean the whole HTML file? The image code in this case is this: Code: <figure><img src="moving-to-new-york-city-during-covid/one.jpg"></figure> There is no CSS included in the the zip. Last edited by bradonomics; 12-30-2021 at 01:57 PM.

12-30-2021, 04:11 PM	#9
bradonomics Member Posts: 10 Karma: 10 Join Date: Aug 2012 Location: Alabama Device: Kindle 4	As a test I added some CSS as an inline style tag in the head of the HTML document. Code: <style>img{max-width:100%;height:auto;}</style> It made no difference viewing via Calibre or on the Kindle.

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Overlapping tap zones	3m2vinatohr04	KOReader	6	04-18-2021 02:45 PM
Overlapping Text Upon Conversion	jrett	Kindle Formats	5	02-20-2017 01:45 PM
Text overlapping images in Nook, Aldiko	djkmann	Conversion	0	05-05-2013 04:22 PM
Overlapping	Quantumer	Calibre	2	07-21-2012 09:17 AM
Overlapping text	jeeperz	Kobo Reader	23	09-26-2011 09:03 PM

12-30-2021, 01:04 PM	#2
PeterT Grand Sorcerer Posts: 13,527 Karma: 78910202 Join Date: Nov 2007 Location: Toronto Device: Libra H2O, Libra Colour	Maybe more info would help. What are you converting? What version of calibre? What o/s are you using? Sent from my Pixel 4a using Tapatalk

12-30-2021, 01:50 PM	#4
jhowell Grand Sorcerer Posts: 7,073 Karma: 91577715 Join Date: Nov 2011 Location: Charlottesville, VA Device: Kindles	The cause is likely to be something in your html/css that Kindle does not support. We would need to see the actual html coding to be more specific.

12-30-2021, 02:51 PM	#6
jhowell Grand Sorcerer Posts: 7,073 Karma: 91577715 Join Date: Nov 2011 Location: Charlottesville, VA Device: Kindles	I guess I was wrong. I do remember seeing something like this before but it was a long time ago. In that case the doubling was actually present in the images for some unknown reason. Some sort of problem during image conversion.

12-30-2021, 03:00 PM	#7
bradonomics Member Posts: 10 Karma: 10 Join Date: Aug 2012 Location: Alabama Device: Kindle 4	In my case, it is only on the Kindle. When I use Calibre to view the mobi file it is skewed to fit the width, but there is no doubling/overlapping.

12-30-2021, 04:06 PM	#8
theducks Well trained by Cats Posts: 31,062 Karma: 60358908 Join Date: Aug 2009 Location: The Central Coast of California Device: Kobo Libra2,Kobo Aura2v1, K4NT(Fixed: New Bat.), Galaxy Tab A	I suspect <figure> is the culprit (is that even allowed in EPUB?)

12-30-2021, 05:12 PM	#11
JSWolf Resident Curmudgeon Posts: 79,758 Karma: 145864619 Join Date: Nov 2006 Location: Roslindale, Massachusetts Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3	Given that it's a website converted to ePub, (I do not have the URL), can you just post a copy of the ePub?

12-30-2021, 06:10 PM	#13
jhowell Grand Sorcerer Posts: 7,073 Karma: 91577715 Join Date: Nov 2011 Location: Charlottesville, VA Device: Kindles	I converted the above EPUB to old MOBI using calibre and sideloaded it to my Kindle Oasis. All images displayed properly. Since the problem is with MOBI files perhaps you could post a MOBI you have created that exhibits the problem for you. PS: Have you tried restarting your Kindle. Sometimes that can clear up odd problems.