Epub Images will not fit on Nook screen

[senordustball]

Hello,

I converted a pdf through ABBYY Fine reader to epub. The problem that I have is that all the images are too big to fit on the screen of my Nook Simple touch.

I tried converting from EPUB to EPUB through Calibre to see if this would fix the problem but the problem carried through.


I tried many things to get the images to fit on the screen but none of them have worked so far. Among these I re-sized the images in the epub file to be smaller than the screen width but still they kept showing up oversized to the screen.
I am not very familiar with HTML Code so maybe there is something there that I'm overlooking, hopefully somebody can help me figure this out.

Here's the code for a image in my epub file, maybe somebody can spot what's keeping the images from fitting on the Nook's screen:


<p>...</p>
<div>
<div>
<img src= “main-13.png" alt style= “width: 399pt; height: 582pt; -webkit-column-break-inside: avoid; max-width: 466px; -webkit
column-break-before: always; max-height: 640px; display: block; calibre_f3fa75ca98eb4413a4ee413f20160226= “12”>
</div>
</div>

[jackie_w]

Calibre should automatically scale images to a suitable size for your reader during the conversion process. Look on the Convert - PageSetup page in the Output profile box and choose the option which best describes your device.

Note that using the 'Tablet' option will not rescale images at all.

[senordustball]

I tried calibre many time but it didn't work. But I've figured out the problem:

ABBYY Fine Reader sets up a "Class" which sets the image size for each individual image, and calibre just leaves those alone when it does its conversion. Here's an example of the class table:

img.sgc-48 {width:429pt;height:590pt;}
img.sgc-47 {width:426pt;height:586pt;}
img.sgc-46 {width:428pt;height:395pt;}
img.sgc-45 {width:428pt;height:582pt;}
img.sgc-44 {width:422pt;height:592pt;}
img.sgc-43 {width:246pt;height:336pt;}
img.sgc-42 {width:429pt;height:597pt;}
img.sgc-41 {width:413pt;height:586pt;}
img.sgc-40 {width:424pt;height:578pt;}


To get the images to fit I simply either the Height or the Width to 100% and the other to AUTO and that fixed the issues see below:

img.sgc-48{width:auto;height:100%;}
img.sgc-47{width:auto;height:100%;}
img.sgc-46{width:100%;height:auto;}
img.sgc-45{width:auto;height:100%;}
img.sgc-44{width:auto;height:100%;}
img.sgc-43{width:100%;height:auto;}
img.sgc-42{width:auto;height:100%;}
img.sgc-41{width:auto;height:100%;}
img.sgc-40{width:auto;height:100%;}


Worked like a charm!

[JSWolf]

Originally Posted by senordustball

I tried calibre many time but it didn't work. But I've figured out the problem:

ABBYY Fine Reader sets up a "Class" which sets the image size for each individual image, and calibre just leaves those alone when it does its conversion. Here's an example of the class table:

img.sgc-48 {width:429pt;height:590pt;}
img.sgc-47 {width:426pt;height:586pt;}
img.sgc-46 {width:428pt;height:395pt;}
img.sgc-45 {width:428pt;height:582pt;}
img.sgc-44 {width:422pt;height:592pt;}
img.sgc-43 {width:246pt;height:336pt;}
img.sgc-42 {width:429pt;height:597pt;}
img.sgc-41 {width:413pt;height:586pt;}
img.sgc-40 {width:424pt;height:578pt;}

Every one of those dimensions will fit on the screen of a nook. There is no reason for them not to fit.

[senordustball]

Well I can assure you that they didn't fit. Before I came up with the "100%" and AUTO fix I played around with the width and height values, the biggest width I could get to fit on the Nook screen was about 200pt. Maybe there is some other factor at play but the images did not fit on the screen with the original values.