Images Sizes - Page 2

Karellen · 09-06-2024, 06:48 AM

Quote:

Originally Posted by m610

Please cut me some slack. This is my first ebook project and I am learning it all sitting here by myself at my desk.

Yep, sure no problems. That is exactly how I started out 4+ years ago, and just like you, ended up here.

But do provide what is asked for which is the quickest way to get help.

The epub is malformed because you have deleted html sheets, so without some major editing, we can't test this on a Kindle. (why don't you just scramble the book and give it to us complete?)

So, a couple of comments...

1. Don't use as a spacer. It is not meant to be used that way. Either use a   or a class="parabreak" that will force a space.

2. Why do you have your stylesheet in your html file? I assume you have the stylesheet repeated in every html file? Create one stylesheet the same way you created the font.css file.

3. Some paragraphs have a line return after the opening tag, others don't. You should keep it consistent. (without the line return)

4. TOC should have it's own file, or even better is use the ncx file, instead of an in-line toc.

6. Don't leave spaces in filenames. eBook Version of BFAD.htm should be eBook_Version_of_BFAD.htm. Also, the extension should be .html or even better - .xhtml

7. Maybe use epub3?

8. Good practice to use <h(1-6)> tags for your headings.

Hope that gives you some pointers.

BetterRed · 09-06-2024, 07:39 AM

@Karellen - elsewhere the OP mentions using Wordperfect ==>> My First Conversion Attempt

If that thread is related to this one its likely the EPUB code stems from WP.

BR

m610 · 09-06-2024, 12:46 PM

I wrote the book using WordPerfect, (I've been using WP since DOS days.) and was about to go to print when I decided to try creating an ebook version as well. I steadied myself for a challenging adventure, figuring I'd be starting from scratch, but then I noticed WP could export as a EPUB document. I tried it, and using Calibre I started reviewing it. I made a lot of changes, mostly to clean up the code, but other than that it all seemed to have gone well. The previews of the epub and azw3 files in calibre looked great, but on the kindle, some things did not come through, like the images in question here, and fonts. Perhaps it is the first few lines in the main document file that is causing this:

Code:

<?xml version='1.0' encoding='utf-8'?>
<html xmlns="http://www.w3.org/1999/xhtml"><head>

Just guessing, but maybe my Kindle sees this and this and says, "Oh, that was before we supported fonts, etc, so I'll use default fonts."

That still would not explain why some, but not all, images are not displayed correctly.

m610 · 09-06-2024, 12:59 PM

This is what one such image looks like in Calibre's viewer. The width of the image and captions are the same. On my Kindle the image extends to the margins.

theducks · 09-06-2024, 01:58 PM

Welcome to the world of Individual manufactures

(Each does it their way )

Calibres viewer and previewer are very forgiving and allow most things that are fine in a web page, but not on various ereaders.

Some publishers make different versions JUST BECAUSE they want a look and have to work tricks to get it.
Others dumb it down as a compromise, so it just basically works on a variety of devices.

m610 · 09-06-2024, 03:11 PM

I figured that was the case when I started shopping for an e-reader and they were all listing which files formatted they supported. Maybe I should have just stuck with creating an Acrobat PDF file.

theducks · 09-06-2024, 03:31 PM

Quote:

Originally Posted by m610

I figured that was the case when I started shopping for an e-reader and they were all listing which files formatted they supported. Maybe I should have just stuck with creating an Acrobat PDF file.

Know your audience. Is this a coffee table book, where a large tablet will be use (also great where great COLOR is wanted).?

PDF locks the document. If the device does not allow movement <->
then lots of customers will be lost .

EPUB reflows to fit the words on the screen into however many lines it takes to get them done.

What is more important? The Visual Presentation or the Content.

DNSB · 09-06-2024, 03:56 PM

The book is pretty much a mess. All the chapters in a single file with the styles in style tags. The fonts were not correctly located in the css. Correcting that helped the ePub but not the azw3. I added h2/h3 headers to allow generating the ToC automatically and removed the embedded Linotype font body font.

After a quick and dirty cleanup on the file, I've attached the ePub and azw3 versions here.

BetterRed · 09-06-2024, 07:06 PM

Quote:

Originally Posted by m610

I wrote the book using WordPerfect, (I've been using WP since DOS days.) and was about to go to print when I decided to try creating an ebook version as well.
. . .

Did you use WP's Styles, or style each paragraph individually?

David's reply suggests the latter. In-line styling is a no-no for DOCX->EPUB conversions, I would imagine the same would hold true for creating EPUBs in WP.

BR

skil-phil · 09-07-2024, 08:36 AM

Quote:

Originally Posted by Karellen

Don't use as a spacer. It is not meant to be used that way. Either use a   or a class="parabreak" that will force a space.

Thanks, Nice tip.

jackm8 · 09-08-2024, 10:11 AM

Quote:

Originally Posted by m610

I'm beginning to think the problem is in the Kindle itself. I'll do a few experiments.

It is Kindle's problem. Styles and custom fonts don't work in azw3 format. Convert epub into kfx format, then all should work.

DNSB · 09-08-2024, 04:25 PM

Quote:

Originally Posted by jackm8

It is Kindle's problem. Styles and custom fonts don't work in azw3 format. Convert epub into kfx format, then all should work.

I find that styles and custom fonts work well in azw3 format. If you were mentioning mobi, that does have issues but azw3 is very similar to the ePub that it is based on.

m610 · 09-11-2024, 10:04 PM

I've been out with COVID so I have not been keeping on top of this project, but I am back now.

Thank you all very much for the time and effort put into helping me improve my ebook, but as far as it being a mess goes, I am going to push back a little by saying that I fully realize that every programmer has his/her style and inclinations, and the industry itself has conventions, and often there are good reasons for them, and sometimes not. In this case, I put the whole book, style settings and all, in one file, and it seemed to work just fine for me. I can see advantages to putting each chapter in a different file, but then again each of those files will have to have the same header, which means extra code, so I went with the single-file approach. For my next project I might go with the file-per-chapter approach unless there are compelling reasons to do that now.

I do like putting the styles in a separate file. That makes it a lot easier for me to bounce back and forth between the style settings and the body of the book.

I'll fix the thing. Thank you for the tip.

That said, none of this has helped with the couple of problems I am trying to fix.

Images larger than 50% width displaying as full-width.
The current fonts not showing up on my Kindle.
The book opening to the title page, rather than the cover.
Not being able to center a block of text, or images, vertically on a page.

Any help would be greatly appreciated. The book itself is done and ready for print. I just need to get this ebook version done.

Mike

DNSB · 09-12-2024, 12:06 AM

Quote:

Originally Posted by m610

That said, none of this has helped with the couple of problems I am trying to fix.

Images larger than 50% width displaying as full-width.
The current fonts not showing up on my Kindle.
The book opening to the title page, rather than the cover.
Not being able to center a block of text, or images, vertically on a page.

Any help would be greatly appreciated. The book itself is done and ready for print. I just need to get this ebook version done.

Mike

When I generated an azw3 in calibre and sent it to my Kindle PW4, the header font showed. The images sized properly. I also tried using Kindle previewer to generate it's dual mobi output (a mobi and a azw3 in the same file). I split the mobi and azw3 in calibre using KindleUnpack. The azw3 worked okay on my PW4 but the mobi showed the image oddities and lack of fonts that you were mentioning.

Vertical centering text generally ends up needing to use a table. To vertical center an image alone on a page, you can use a svg wrapper. There are other techniques but they depend on having the renderer support that code.

You may need to manually edit the content.opf file in the ePub to change the start page. If I am remembering correctly, in the epub you originally attached, there was a line pointing to the title page which read:

Code:

<reference type="text" title="Beginning" href="Text/eBook%20Version%20of%20BFAD.htm#start"/>

You would need to change that to:

Code:

<reference type="text" title="Beginning" href="Text/cover.xhtml"/>

m610 · 09-12-2024, 03:08 PM

Thanks. I'll try the table thing. Kind of funny how early websites used the table structure to lay out a page, then all of a sudden that became something to ridicule.

I noticed the title="Beginning" thing and was thinking of trying it.

The first two thumbnails show the photos correctly sized, but the other two, not so much. The left margin of the airplane photo should line up with the caption below it, for example. Again, the problem is only for photos displayed over 50% width. I did an experiment earlier using 10, 25, 40, 50 60, 70, and 90% widths and only those 50% and smaller displayed correctly.

I'm using a Kindle 11, and I've began to think that it is the problem with fonts and photo sizes. One would think that being this far along in the ebook universe that the various incompatibilities people are constantly pointing out would be a thing of the past by now.

Mike

09-06-2024, 12:46 PM	#18
m610 Enthusiast Posts: 35 Karma: 10 Join Date: Jun 2024 Location: Esparto, CA Device: Kindle 11	I wrote the book using WordPerfect, (I've been using WP since DOS days.) and was about to go to print when I decided to try creating an ebook version as well. I steadied myself for a challenging adventure, figuring I'd be starting from scratch, but then I noticed WP could export as a EPUB document. I tried it, and using Calibre I started reviewing it. I made a lot of changes, mostly to clean up the code, but other than that it all seemed to have gone well. The previews of the epub and azw3 files in calibre looked great, but on the kindle, some things did not come through, like the images in question here, and fonts. Perhaps it is the first few lines in the main document file that is causing this: Code: <?xml version='1.0' encoding='utf-8'?> <html xmlns="http://www.w3.org/1999/xhtml"><head> Just guessing, but maybe my Kindle sees this and this and says, "Oh, that was before we supported fonts, etc, so I'll use default fonts." That still would not explain why some, but not all, images are not displayed correctly.

09-11-2024, 10:04 PM	#28
m610 Enthusiast Posts: 35 Karma: 10 Join Date: Jun 2024 Location: Esparto, CA Device: Kindle 11	I've been out with COVID so I have not been keeping on top of this project, but I am back now. Thank you all very much for the time and effort put into helping me improve my ebook, but as far as it being a mess goes, I am going to push back a little by saying that I fully realize that every programmer has his/her style and inclinations, and the industry itself has conventions, and often there are good reasons for them, and sometimes not. In this case, I put the whole book, style settings and all, in one file, and it seemed to work just fine for me. I can see advantages to putting each chapter in a different file, but then again each of those files will have to have the same header, which means extra code, so I went with the single-file approach. For my next project I might go with the file-per-chapter approach unless there are compelling reasons to do that now. I do like putting the styles in a separate file. That makes it a lot easier for me to bounce back and forth between the style settings and the body of the book. I'll fix the < /br> thing. Thank you for the tip. That said, none of this has helped with the couple of problems I am trying to fix. Images larger than 50% width displaying as full-width. The current fonts not showing up on my Kindle. The book opening to the title page, rather than the cover. Not being able to center a block of text, or images, vertically on a page. Any help would be greatly appreciated. The book itself is done and ready for print. I just need to get this ebook version done. Mike

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Recipe fails to download some images due to slow loading of the images	itssudipok	Recipes	2	07-05-2022 02:05 PM
Remove background images from pdfs? perhaps all images?	MarjaE	PDF	2	10-17-2018 04:30 PM
How to change the Sigil Images folder name to images	davidspring	Sigil	29	02-12-2018 06:00 AM
Cover sizes vs. cover file sizes	writerkit	Calibre	1	05-13-2013 11:32 PM

09-06-2024, 07:39 AM	#17
BetterRed null operator (he/him) Posts: 21,009 Karma: 27620706 Join Date: Mar 2012 Location: Sydney Australia Device: none	@Karellen - elsewhere the OP mentions using Wordperfect ==>> My First Conversion Attempt If that thread is related to this one its likely the EPUB code stems from WP. BR

09-06-2024, 12:59 PM	#19
m610 Enthusiast Posts: 35 Karma: 10 Join Date: Jun 2024 Location: Esparto, CA Device: Kindle 11	This is what one such image looks like in Calibre's viewer. The width of the image and captions are the same. On my Kindle the image extends to the margins.

09-06-2024, 01:58 PM	#20
theducks Well trained by Cats Posts: 30,454 Karma: 58055868 Join Date: Aug 2009 Location: The Central Coast of California Device: Kobo Libra2,Kobo Aura2v1, K4NT(Fixed: New Bat.), Galaxy Tab A	Welcome to the world of Individual manufactures (Each does it their way ) Calibres viewer and previewer are very forgiving and allow most things that are fine in a web page, but not on various ereaders. Some publishers make different versions JUST BECAUSE they want a look and have to work tricks to get it. Others dumb it down as a compromise, so it just basically works on a variety of devices.

09-06-2024, 03:11 PM	#21
m610 Enthusiast Posts: 35 Karma: 10 Join Date: Jun 2024 Location: Esparto, CA Device: Kindle 11	I figured that was the case when I started shopping for an e-reader and they were all listing which files formatted they supported. Maybe I should have just stuck with creating an Acrobat PDF file.

09-12-2024, 03:08 PM	#30
m610 Enthusiast Posts: 35 Karma: 10 Join Date: Jun 2024 Location: Esparto, CA Device: Kindle 11	Thanks. I'll try the table thing. Kind of funny how early websites used the table structure to lay out a page, then all of a sudden that became something to ridicule. I noticed the title="Beginning" thing and was thinking of trying it. The first two thumbnails show the photos correctly sized, but the other two, not so much. The left margin of the airplane photo should line up with the caption below it, for example. Again, the problem is only for photos displayed over 50% width. I did an experiment earlier using 10, 25, 40, 50 60, 70, and 90% widths and only those 50% and smaller displayed correctly. I'm using a Kindle 11, and I've began to think that it is the problem with fonts and photo sizes. One would think that being this far along in the ebook universe that the various incompatibilities people are constantly pointing out would be a thing of the past by now. Mike