MobileRead Forums - View Single Post - Help with images in EPUB conversions, please

jackie_w · 10-29-2009, 10:53 PM

Please can anyone help me with an aggravation I'm having displaying some images in EPUB on my PRS-505?

The source ebook is HTML/CSS and each image (none are inline images) has HTML code something like :
<p class=aligncentre><img src="images/mypic.png"></p>

This works fine most of the time. However, if the image is too large to display on the PRS-505 then it doesn't display at all. So far I've solved the problem by manually looking for the big images and physically reducing the size before importing to Calibre.

I would like to know whether there is a generic way I can code the HTML and/or CSS such that:-
1. Images which are small enough display at their correct full size.

2. Images which are "too big" are automatically displayed at a reduced size which is guaranteed to display on the PRS-505.

3. Naturally I want the aspect ratio to be preserved in all cases.

4. I don't want to have to manually edit each individual <img> tag.

Any suggestions gratefully received.

Regards, Jackie

P.S. A conversion to LRF seems to scale the big images correctly without taking any special action.

10-29-2009, 10:53 PM	#1
jackie_w Grand Sorcerer Posts: 6,212 Karma: 16534894 Join Date: Sep 2009 Location: UK Device: Kobo: KA1, ClaraHD, Forma, Libra2, Clara2E. PocketBook: TouchHD3	Help with images in EPUB conversions, please Please can anyone help me with an aggravation I'm having displaying some images in EPUB on my PRS-505? The source ebook is HTML/CSS and each image (none are inline images) has HTML code something like : <p class=aligncentre><img src="images/mypic.png"></p> This works fine most of the time. However, if the image is too large to display on the PRS-505 then it doesn't display at all. So far I've solved the problem by manually looking for the big images and physically reducing the size before importing to Calibre. I would like to know whether there is a generic way I can code the HTML and/or CSS such that:- 1. Images which are small enough display at their correct full size. 2. Images which are "too big" are automatically displayed at a reduced size which is guaranteed to display on the PRS-505. 3. Naturally I want the aspect ratio to be preserved in all cases. 4. I don't want to have to manually edit each individual <img> tag. Any suggestions gratefully received. Regards, Jackie P.S. A conversion to LRF seems to scale the big images correctly without taking any special action.