Register Guidelines E-Books Today's Posts Search

Go Back   MobileRead Forums > E-Book Software > Calibre > Conversion

Notices

Reply
 
Thread Tools Search this Thread
Old 07-25-2024, 02:18 PM   #1
Siavahda
Zealot
Siavahda can eat soup with a fork.Siavahda can eat soup with a fork.Siavahda can eat soup with a fork.Siavahda can eat soup with a fork.Siavahda can eat soup with a fork.Siavahda can eat soup with a fork.Siavahda can eat soup with a fork.Siavahda can eat soup with a fork.Siavahda can eat soup with a fork.Siavahda can eat soup with a fork.Siavahda can eat soup with a fork.
 
Posts: 107
Karma: 9400
Join Date: Aug 2010
Location: Helsinki
Device: Kindle Paperwhite 2018
EPUB -> AZW3 images get squished

Hey all, I'm trying to convert an EPUB file that uses small images for scene breaks. But when I convert to AZW3, those images turn huge (take up a whole page) and are squished all narrow. So it looks like a dark line down the centre of the screen.

Both the EPUB and AZW3 files look perfect when viewed using the Calibre Viewer, but when the file goes onto my Kindle (Paperwhite 3) the images get weird.

I tried changing the height and width of the image to 50% but all that got me was a shorter line.

The original image is 70 x 64 px.

I tried converting to a MOBI file and the images displayed perfectly, but I'd like to figure out what's happening in the AZW3 conversion in case it comes up again. Anyone have any thoughts? (If you do, please explain as simply as possible, I am NOT the tech-savviest!)
Siavahda is offline   Reply With Quote
Old 07-25-2024, 02:51 PM   #2
JSWolf
Resident Curmudgeon
JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.
 
JSWolf's Avatar
 
Posts: 76,963
Karma: 138588794
Join Date: Nov 2006
Location: Roslindale, Massachusetts
Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3
Quote:
Originally Posted by Siavahda View Post
Hey all, I'm trying to convert an EPUB file that uses small images for scene breaks. But when I convert to AZW3, those images turn huge (take up a whole page) and are squished all narrow. So it looks like a dark line down the centre of the screen.

Both the EPUB and AZW3 files look perfect when viewed using the Calibre Viewer, but when the file goes onto my Kindle (Paperwhite 3) the images get weird.

I tried changing the height and width of the image to 50% but all that got me was a shorter line.

The original image is 70 x 64 px.

I tried converting to a MOBI file and the images displayed perfectly, but I'd like to figure out what's happening in the AZW3 conversion in case it comes up again. Anyone have any thoughts? (If you do, please explain as simply as possible, I am NOT the tech-savviest!)
Load the converted eBook into the calibre editor and copy/post the HTML code for the scene break and the appropriate CSS so we can see what's going on.
JSWolf is offline   Reply With Quote
Old 07-25-2024, 03:37 PM   #3
Siavahda
Zealot
Siavahda can eat soup with a fork.Siavahda can eat soup with a fork.Siavahda can eat soup with a fork.Siavahda can eat soup with a fork.Siavahda can eat soup with a fork.Siavahda can eat soup with a fork.Siavahda can eat soup with a fork.Siavahda can eat soup with a fork.Siavahda can eat soup with a fork.Siavahda can eat soup with a fork.Siavahda can eat soup with a fork.
 
Posts: 107
Karma: 9400
Join Date: Aug 2010
Location: Helsinki
Device: Kindle Paperwhite 2018
<div class="_idgenobjectlayout1">
<div id="_idContainer009" class="calibre3">
<img alt="" class="_idgenobjectattribute" role="presentation" src="../images/00006.png"/>
</div>
</div>



._idgenobjectlayout1 {
border-bottom-width: 0;
border-left-width: 0;
border-right-width: 0;
border-top-width: 0;
display: block;
text-align: center;
margin: 0;
padding: 0;
}
.calibre3 {
border-bottom-width: 0;
border-left-width: 0;
border-right-width: 0;
border-top-width: 0;
display: inline-block;
height: 1em;
width: 1em;
margin: 0;
padding: 0;
}
._idgenobjectattribute {
height: 50%;
width: 50%;
}

Hope I've done that right.
Siavahda is offline   Reply With Quote
Old 07-25-2024, 04:58 PM   #4
Quoth
Reading till the spring
Quoth ought to be getting tired of karma fortunes by now.Quoth ought to be getting tired of karma fortunes by now.Quoth ought to be getting tired of karma fortunes by now.Quoth ought to be getting tired of karma fortunes by now.Quoth ought to be getting tired of karma fortunes by now.Quoth ought to be getting tired of karma fortunes by now.Quoth ought to be getting tired of karma fortunes by now.Quoth ought to be getting tired of karma fortunes by now.Quoth ought to be getting tired of karma fortunes by now.Quoth ought to be getting tired of karma fortunes by now.Quoth ought to be getting tired of karma fortunes by now.
 
Quoth's Avatar
 
Posts: 12,528
Karma: 94058919
Join Date: Jun 2017
Location: Ireland
Device: All 4 Kinds: epub eink, Kindle, android eink, NxtPaper
height or width (never both) should be auto; unless you are using correct ratio of px, so _idgenobjectattribute is wrong unless the image is 1:1 (square).

Also calibre3 likely should have no height or width setting, or should be scrapped entirely.
Quoth is offline   Reply With Quote
Old 07-25-2024, 05:45 PM   #5
Siavahda
Zealot
Siavahda can eat soup with a fork.Siavahda can eat soup with a fork.Siavahda can eat soup with a fork.Siavahda can eat soup with a fork.Siavahda can eat soup with a fork.Siavahda can eat soup with a fork.Siavahda can eat soup with a fork.Siavahda can eat soup with a fork.Siavahda can eat soup with a fork.Siavahda can eat soup with a fork.Siavahda can eat soup with a fork.
 
Posts: 107
Karma: 9400
Join Date: Aug 2010
Location: Helsinki
Device: Kindle Paperwhite 2018
Removing the height + width from calibre3 made the image a lot bigger in the editor (maybe three times the size, very rough estimate). Also set width to auto in _idgenobjectattribute, since the image isn't a square.

Went ahead and put it on the kindle - now it displays properly (as in, not a squished-together dark line, I can see it's a little spiral thing) but it still takes up about half the page.
Siavahda is offline   Reply With Quote
Old 07-25-2024, 05:48 PM   #6
JSWolf
Resident Curmudgeon
JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.
 
JSWolf's Avatar
 
Posts: 76,963
Karma: 138588794
Join Date: Nov 2006
Location: Roslindale, Massachusetts
Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3
Quote:
Originally Posted by Siavahda View Post
Removing the height + width from calibre3 made the image a lot bigger in the editor (maybe three times the size, very rough estimate). Also set width to auto in _idgenobjectattribute, since the image isn't a square.

Went ahead and put it on the kindle - now it displays properly (as in, not a squished-together dark line, I can see it's a little spiral thing) but it still takes up about half the page.
Leave width as 1em and delete the height.

Also, what's the code look like in the ePub?
JSWolf is offline   Reply With Quote
Old 07-25-2024, 05:58 PM   #7
Siavahda
Zealot
Siavahda can eat soup with a fork.Siavahda can eat soup with a fork.Siavahda can eat soup with a fork.Siavahda can eat soup with a fork.Siavahda can eat soup with a fork.Siavahda can eat soup with a fork.Siavahda can eat soup with a fork.Siavahda can eat soup with a fork.Siavahda can eat soup with a fork.Siavahda can eat soup with a fork.Siavahda can eat soup with a fork.
 
Posts: 107
Karma: 9400
Join Date: Aug 2010
Location: Helsinki
Device: Kindle Paperwhite 2018
Set the width as 1em in _idgenobjectattribute, deleted the height. It worked! The image looks fine now, it's tiny the way it's almost certainly supposed to be.

It did make everything else using _idgenobjectattribute tiny as well, but I can live with that. Thank you so much!

The CSS in the EPUB file;

<div class="_idGenObjectLayout-2">
<div id="_idContainer007">
<img alt="" class="_idGenObjectAttribute-1" role="presentation" src="image/shutterstock_81955303-2_vine2.png"/>
</div>
</div>


div._idGenObjectLayout-2 {
text-align: center;
}
img._idGenObjectAttribute-1 {
height: 100%;
min-width: 100%;
width: 100%;
}
Siavahda is offline   Reply With Quote
Reply

Tags
azw3, azw3 conversion, conversion


Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
Conversion epub to AZW3 removes images FelixKrull Conversion 1 10-17-2022 06:38 AM
AZW3 to EPUB conversion: images cropped dr_Fell Conversion 9 07-01-2018 06:17 PM
EPUB to MOBI (AZW3). Black SVG images with CSS styles uka Conversion 6 03-04-2018 10:50 PM
Calibre Epub to AZW3: Scale images to fit Voyage/PW? cw30000 Conversion 3 07-08-2017 01:10 AM
Images going from ePub tu mobi or azw3 format valegar44 Kindle Formats 2 09-09-2014 02:07 AM


All times are GMT -4. The time now is 10:22 AM.


MobileRead.com is a privately owned, operated and funded community.