Kobo: images in epubs are tiny!

Phssthpok · Yesterday, 04:13 PM

For some reason images that look perfectly fine on other devices are about half the expected size on my Kobo. I have an image which is 800px wide, the CSS says "height: auto; max-width: 100%" and it takes up about 1/3 of the screen width. Even with a 1200-ish pixel screen width it should be about 2/3 of the width, not 1/3.

Changing the CSS to "width: 150%" instead of "max-width: 100%" gives me an image which is still only about 70% of the screen width. Why should specifying 150% of the available width (~1800px) result in something which is far less than the available width? What on earth is going on, and is there any way to fix this short of editing all my books which contain images (several hundred at least, maybe thousands) and adding media-specific CSS to each one?

JSWolf · Yesterday, 06:28 PM

If this is ePub, try KePub. If this is KePub, try ePub.

DNSB · Yesterday, 06:51 PM

Are the images wrapped in <div>s with CSS that may be setting the width as well? Say, the div sets the width to 50%, the image's 100% will be limited to that 50% viewbox from the div.

Yesterday, 04:13 PM	#1
Phssthpok Age improves with wine. Posts: 563 Karma: 95229 Join Date: Nov 2014 Device: Kindle Oasis, Kobo Libra II	Kobo: images in epubs are tiny! For some reason images that look perfectly fine on other devices are about half the expected size on my Kobo. I have an image which is 800px wide, the CSS says "height: auto; max-width: 100%" and it takes up about 1/3 of the screen width. Even with a 1200-ish pixel screen width it should be about 2/3 of the width, not 1/3. Changing the CSS to "width: 150%" instead of "max-width: 100%" gives me an image which is still only about 70% of the screen width. Why should specifying 150% of the available width (~1800px) result in something which is far less than the available width? What on earth is going on, and is there any way to fix this short of editing all my books which contain images (several hundred at least, maybe thousands) and adding media-specific CSS to each one?

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Aura H2O Font size mismatch (downloaded epubs via Calibre vs. Kobo epubs & articles)	Oolong	Kobo Reader	36	01-25-2019 06:00 AM
kepubify - A standalone tool to convert ePubs into Kobo ePubs	geek1011	Kobo Reader	114	03-04-2018 10:30 AM
question about images in epubs	juliana000	Kobo Reader	6	09-27-2013 09:11 PM
Help finding tiny towers and tiny zoo	mojkadona	Kindle Fire	5	04-26-2012 07:02 PM
Touch Problem with all epubs, my epubs, or my kobo? (line clipping)	plague006	Kobo Reader	14	12-02-2011 11:32 PM

Yesterday, 06:28 PM	#2
JSWolf Resident Curmudgeon Posts: 74,964 Karma: 131375774 Join Date: Nov 2006 Location: Roslindale, Massachusetts Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3	If this is ePub, try KePub. If this is KePub, try ePub.

Yesterday, 06:51 PM	#3
DNSB Bibliophagist Posts: 37,632 Karma: 149865198 Join Date: Jul 2010 Location: Vancouver Device: Kobo Sage, Libra Colour, Lenovo M8 FHD, Paperwhite 4, Tolino epos	Are the images wrapped in <div>s with CSS that may be setting the width as well? Say, the div sets the width to 50%, the image's 100% will be limited to that 50% viewbox from the div.

Advert