Register Guidelines E-Books Search Today's Posts Mark Forums Read

Go Back   MobileRead Forums > E-Book Formats > Kindle Formats

Notices

Reply
 
Thread Tools Search this Thread
Old 05-12-2014, 04:20 PM   #1
manfus
Junior Member
manfus began at the beginning.
 
Posts: 6
Karma: 10
Join Date: May 2014
Device: Nexus 7
Image sizing ignored by old Kindles and iOS app - please help

Hi all,

New member here with a first post asking for some help. Iíve searched the forums and canít find this specific question, but apologies in advance if itís been asked before.

Iíve created an EPUB (using Calibre which has passed validation) and have converted it to a MOBI file with Kindle Previewer and itís rendering properly on the majority of Kindle devices and the Kindle app for Android. The issue Iím having is that images are too large on the older Kindles (1 and DX, I believe) and, more importantly, on the Kindle app for iOS. Also, the same devices are ignoring the small caps opening each chapter.

Iíve attached screenshots of what itís supposed to look like (Kindle app for Android) and the unacceptable results on the old Kindle and iOS devices. The images are the decorative designs to the left and right of the chapter head, and the Persian word. Every chapter begins in this manner.

Iím using image width percentages to size the images, and the font-variant: small-caps span tag for the chapter openings. My image coding looks something like this:

<p class="chapter2"><span class="centered"><img src="leaf.jpg" alt="leaf" width="16%"/>Chapter 2<img src="leaf.jpg" alt="leaf" width="16%"/></span></p>
<p class="subhead4"><span class="centered">Virgin&mdash;<img src="virgin.jpg" alt="virgin" width="18%"/></span></p>

Is there a way to alter the coding to make the images render properly on Kindle for iOS and older Kindles? Iíve read possibly using <img hisrc> in addition to <img src> and defining the width as well as the height="auto". Also, do iOS devices use the new AZK format instead of the MOBI/KF8, and is this why they are ignoring the image width coding? Or is AZK only for previewing purposes?

The small caps are a secondary issue, but if anyone has ideas to fix that as well Iím all ears. Sorry for the novice questions. Iím hoping thereís an easy fix for this.

- M
Attached Thumbnails
Click image for larger version

Name:	Renders.jpg
Views:	126
Size:	451.5 KB
ID:	122897  
manfus is offline   Reply With Quote
Old 05-12-2014, 05:56 PM   #2
Glorfindel
Force-Aware Elf
Glorfindel ought to be getting tired of karma fortunes by now.Glorfindel ought to be getting tired of karma fortunes by now.Glorfindel ought to be getting tired of karma fortunes by now.Glorfindel ought to be getting tired of karma fortunes by now.Glorfindel ought to be getting tired of karma fortunes by now.Glorfindel ought to be getting tired of karma fortunes by now.Glorfindel ought to be getting tired of karma fortunes by now.Glorfindel ought to be getting tired of karma fortunes by now.Glorfindel ought to be getting tired of karma fortunes by now.Glorfindel ought to be getting tired of karma fortunes by now.Glorfindel ought to be getting tired of karma fortunes by now.
 
Glorfindel's Avatar
 
Posts: 2,984
Karma: 4068768
Join Date: Feb 2014
Location: Valinor
Device: Kindle 4 w/SO
Get it how you want and make it a picture is all I can think of. I am NOT experianced in this stuff though so if someone else pipes up with something better... Otherwise have you tried converting it with calibre?
Glorfindel is offline   Reply With Quote
Old 05-12-2014, 06:11 PM   #3
manfus
Junior Member
manfus began at the beginning.
 
Posts: 6
Karma: 10
Join Date: May 2014
Device: Nexus 7
Making it an image won't help because it's displaying images that I'm having difficulty with on those devices. Also, Amazon has stated that they will accept MOBI files only produced by their software for KDP, so either Kindlegen or Kindle Previewer. Thanks for the quick reply, though.
manfus is offline   Reply With Quote
Old 05-12-2014, 06:38 PM   #4
RbnJrg
Evangelist
RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.
 
Posts: 487
Karma: 318996
Join Date: Mar 2013
Location: Rosario - Santa Fe - Argentina
Device: Kindle 4 NT
In old Kindle devices you have to use pixels and not percentages in images. But even so, is very few what you can do with images in those devices. I doubt you can get what you want in Kindle 1 and Kindle DX by using only one image and pure css. The only thing I can think right now (and could work for .mobi), is that you should use a whole image for the ornaments and the text "Chapter 2". And also you should use media queries in order to not to alter the code for the .kf8 format (that is, you should write some code only visible for .kf8 and some code only visible for .mobi). It's not difficult but either very easy if you don't understand what I writing

And regarding small-caps, you have to use "fake" small-caps in older Kindle devices. Do a search in this forum about that subject and you'll find a lot of info. Read the Kindle Publishing Guidelines regarding media-queries and the supported html tags and css styles for new and old Kindles.
RbnJrg is offline   Reply With Quote
Old 05-13-2014, 05:39 PM   #5
DaleDe
Grand Sorcerer
DaleDe ought to be getting tired of karma fortunes by now.DaleDe ought to be getting tired of karma fortunes by now.DaleDe ought to be getting tired of karma fortunes by now.DaleDe ought to be getting tired of karma fortunes by now.DaleDe ought to be getting tired of karma fortunes by now.DaleDe ought to be getting tired of karma fortunes by now.DaleDe ought to be getting tired of karma fortunes by now.DaleDe ought to be getting tired of karma fortunes by now.DaleDe ought to be getting tired of karma fortunes by now.DaleDe ought to be getting tired of karma fortunes by now.DaleDe ought to be getting tired of karma fortunes by now.
 
DaleDe's Avatar
 
Posts: 9,782
Karma: 5137308
Join Date: Aug 2007
Location: Grass Valley, CA
Device: EB 1150, EZ Reader, Literati, iPad 2
To support iOS you need to use Kindle previewer to convert the files to AZK. What you are seeing is old Mobi7 format from mobipocket days displaying wrong and the things that work are for KF8 which AZK mimics. The others have given you tips on making the KF7 display better for older devices but don't expect all the formatting and special displaying to work on these older devices. KindleGen and Kindle previewer can convert modern ePub to KF7 with a lot of caveats that are spelled out in the Kindle guidelines.

Dale
DaleDe is offline   Reply With Quote
Old 05-23-2014, 05:31 PM   #6
manfus
Junior Member
manfus began at the beginning.
 
Posts: 6
Karma: 10
Join Date: May 2014
Device: Nexus 7
Thank you, RbnJrg and Dale, for your replies. I will try making the entire chapter head an image and see how that works. I'll also look into media queries and the "fake" small caps.
manfus is offline   Reply With Quote
Old 05-23-2014, 08:40 PM   #7
Hitch
Bookmaker & Cat Slave
Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.
 
Hitch's Avatar
 
Posts: 2,669
Karma: 15346071
Join Date: Apr 2010
Location: Phoenix, AZ
Device: Kindle2, iPad, KindleFire and NookColor
Quote:
Originally Posted by RbnJrg View Post
In old Kindle devices you have to use pixels and not percentages in images. But even so, is very few what you can do with images in those devices. I doubt you can get what you want in Kindle 1 and Kindle DX by using only one image and pure css. The only thing I can think right now (and could work for .mobi), is that you should use a whole image for the ornaments and the text "Chapter 2". And also you should use media queries in order to not to alter the code for the .kf8 format (that is, you should write some code only visible for .kf8 and some code only visible for .mobi). It's not difficult but either very easy if you don't understand what I writing

And regarding small-caps, you have to use "fake" small-caps in older Kindle devices. Do a search in this forum about that subject and you'll find a lot of info. Read the Kindle Publishing Guidelines regarding media-queries and the supported html tags and css styles for new and old Kindles.
Make it in a table. Put the text in a cell on the left; put the image in a cell on the right. Constrain the table SIZE within a div. This will be dicey at best on KF7, but, it can constrain the image size. (We do a lot of image-size manipulation, on this very issue, with things like fleurons. All those geniuses at the KDP forums going on and on and on about sizing images with percentages are completely and utterly ignoring the realities of the millions of e-ink Kindles still out there, the iOS devices AND the DX'es that are still on sale, and selling more and more to older populations.)

Your biggest issue is this: KF7 does not have ANY, repeat, ANY CSS. You have to be able to do everything you want in pure, 3.2 HTML. The only thing that will float an image right of text, in KF7, is a table (reliably, I mean). To constrain the size, you either need image fallbacks, using display and no-display, OR, try a table. Be warned, it's imperfect. BUT, you may want to give it a go.

Strongly recommend (we've made thousands of books) that you consider putting the number above the graphic element/glyph/ideogram, and use the display/no-display media queries to get what you want in KF7.

You can try to fake smallcaps using something like "font-size=80%," but be warned, that also go straight to hell on iOS and can be the dog's breakfast on LITB.

AZK is for previewing purposes only. You can't upload an AZK at KDP. You can sideload (via iTunes ONLY) an AZK to K4iOS and see what the book will REALLY look like, as opposed to sideloading a mobi, which will give you false results.

I hope this helps, although by now your eyes are probably glazing over like day-old doughnuts.

Hitch
Hitch is offline   Reply With Quote
Old 05-23-2014, 10:01 PM   #8
RbnJrg
Evangelist
RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.
 
Posts: 487
Karma: 318996
Join Date: Mar 2013
Location: Rosario - Santa Fe - Argentina
Device: Kindle 4 NT
Quote:
Originally Posted by Hitch View Post
Make it in a table. Put the text in a cell on the left; put the image in a cell on the right. Constrain the table SIZE within a div. This will be dicey at best on KF7, but, it can constrain the image size. (We do a lot of image-size manipulation, on this very issue, with things like fleurons. All those geniuses at the KDP forums going on and on and on about sizing images with percentages are completely and utterly ignoring the realities of the millions of e-ink Kindles still out there, the iOS devices AND the DX'es that are still on sale, and selling more and more to older populations.)

Your biggest issue is this: KF7 does not have ANY, repeat, ANY CSS. You have to be able to do everything you want in pure, 3.2 HTML. The only thing that will float an image right of text, in KF7, is a table (reliably, I mean). To constrain the size, you either need image fallbacks, using display and no-display, OR, try a table. Be warned, it's imperfect. BUT, you may want to give it a go.

Strongly recommend (we've made thousands of books) that you consider putting the number above the graphic element/glyph/ideogram, and use the display/no-display media queries to get what you want in KF7.

You can try to fake smallcaps using something like "font-size=80%," but be warned, that also go straight to hell on iOS and can be the dog's breakfast on LITB.

AZK is for previewing purposes only. You can't upload an AZK at KDP. You can sideload (via iTunes ONLY) an AZK to K4iOS and see what the book will REALLY look like, as opposed to sideloading a mobi, which will give you false results.

I hope this helps, although by now your eyes are probably glazing over like day-old doughnuts.

Hitch
But Hitch, the OP was talking about a Kindle 1! AFAIK, K1 doesn't support tables. Your idea is good, but for it we'll need a Kindle 2 or newer; with K1 I don't see any other alternative to use a full image that includes the text the OP wants.
RbnJrg is offline   Reply With Quote
Old 05-24-2014, 12:30 AM   #9
Hitch
Bookmaker & Cat Slave
Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.
 
Hitch's Avatar
 
Posts: 2,669
Karma: 15346071
Join Date: Apr 2010
Location: Phoenix, AZ
Device: Kindle2, iPad, KindleFire and NookColor
Quote:
Originally Posted by RbnJrg View Post
But Hitch, the OP was talking about a Kindle 1! AFAIK, K1 doesn't support tables. Your idea is good, but for it we'll need a Kindle 2 or newer; with K1 I don't see any other alternative to use a full image that includes the text the OP wants.
Ruben:

I should have mentioned that (although he didn't expressly say K1). That's why I recommended not trying to do what he's doing, but instead, float them vertically instead. THAT will work on a K1, he won't sacrifice the ideograms, and he can get them to resize with media-queries and display/no-display coding. Thanks for pointing that out, Ruben.

Hitch
Hitch is offline   Reply With Quote
Old 05-25-2014, 09:22 PM   #10
manfus
Junior Member
manfus began at the beginning.
 
Posts: 6
Karma: 10
Join Date: May 2014
Device: Nexus 7
Thank you again for your replies. I'm wary of using tables to fix this problem. Also, I realize there are still many people reading on the first couple generations of Kindles, but I'm more concerned with the iOS devices on the Kindle app. In terms of how they read and render the HTML and CSS, is there a solution that can be applied in order to have this display properly on iPhones, iPads and iPod Touches? (besides making the entire chapter head an image, which I still plan to experiment with)

Please let me know if that was unclear.
manfus is offline   Reply With Quote
Old 05-25-2014, 10:04 PM   #11
Hitch
Bookmaker & Cat Slave
Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.
 
Hitch's Avatar
 
Posts: 2,669
Karma: 15346071
Join Date: Apr 2010
Location: Phoenix, AZ
Device: Kindle2, iPad, KindleFire and NookColor
Quote:
Originally Posted by manfus View Post
Thank you again for your replies. I'm wary of using tables to fix this problem. Also, I realize there are still many people reading on the first couple generations of Kindles, but I'm more concerned with the iOS devices on the Kindle app. In terms of how they read and render the HTML and CSS, is there a solution that can be applied in order to have this display properly on iPhones, iPads and iPod Touches? (besides making the entire chapter head an image, which I still plan to experiment with)

Please let me know if that was unclear.
@manfus:

Either use the tables, or the vertical stack, if you're concerned about the iOS display. K4iOS is a kluge to which Amazon keeps applying fixes, but it struggles (and K4iOS on the older iPads works slightly differently than those of the iPads 2-4) as Apple very intently and deliberately doesn't cooperate. K4iOS has a very limited range of abilities, compared to the Fire, HDS, etc. Tables, however, do work.

Please understand: I'm not trying to push you toward a table solution; you'll be FAR better off with the vertical stack. But if you must have the horizontal alignment, then a table 'tis. Moreover, the table will resize the content "for" you, on the fly, and not wrap your lines, which is something I'm not sure has yet been addressed in this discussion.

HTH.
Hitch
Hitch is offline   Reply With Quote
Old 05-30-2014, 10:34 AM   #12
Notjohn
Addict
Notjohn ought to be getting tired of karma fortunes by now.Notjohn ought to be getting tired of karma fortunes by now.Notjohn ought to be getting tired of karma fortunes by now.Notjohn ought to be getting tired of karma fortunes by now.Notjohn ought to be getting tired of karma fortunes by now.Notjohn ought to be getting tired of karma fortunes by now.Notjohn ought to be getting tired of karma fortunes by now.Notjohn ought to be getting tired of karma fortunes by now.Notjohn ought to be getting tired of karma fortunes by now.Notjohn ought to be getting tired of karma fortunes by now.Notjohn ought to be getting tired of karma fortunes by now.
 
Posts: 248
Karma: 246332
Join Date: Dec 2012
Device: Kindle
>You can try to fake smallcaps using something like "font-size=80%," but be warned, that also go straight to hell on iOS and can be the dog's breakfast on LITB.

I do this (though I use 90 percent and boldface). Look Inside ignores the reduction and simply presents the boldface caps. Looks fine to me!

On my iPhone 4S running IOS 7.whatever, both the 90 percent and the bolding look just fine. Is it only on the iPad that things go pear-shaped?
Notjohn is offline   Reply With Quote
Old 05-30-2014, 10:36 AM   #13
Notjohn
Addict
Notjohn ought to be getting tired of karma fortunes by now.Notjohn ought to be getting tired of karma fortunes by now.Notjohn ought to be getting tired of karma fortunes by now.Notjohn ought to be getting tired of karma fortunes by now.Notjohn ought to be getting tired of karma fortunes by now.Notjohn ought to be getting tired of karma fortunes by now.Notjohn ought to be getting tired of karma fortunes by now.Notjohn ought to be getting tired of karma fortunes by now.Notjohn ought to be getting tired of karma fortunes by now.Notjohn ought to be getting tired of karma fortunes by now.Notjohn ought to be getting tired of karma fortunes by now.
 
Posts: 248
Karma: 246332
Join Date: Dec 2012
Device: Kindle
Quote:
Originally Posted by manfus View Post
Also, Amazon has stated that they will accept MOBI files only produced by their software for KDP, so either Kindlegen or Kindle Previewer.
Was that in an email from Support? If it's in the FAQ somewhere, can you point me to it? Thanks!
Notjohn is offline   Reply With Quote
Old 05-30-2014, 11:56 AM   #14
manfus
Junior Member
manfus began at the beginning.
 
Posts: 6
Karma: 10
Join Date: May 2014
Device: Nexus 7
Quote:
Originally Posted by Notjohn View Post
Was that in an email from Support? If it's in the FAQ somewhere, can you point me to it? Thanks!
Sure thing, I saw it here:

https://kdp.amazon.com/help?topicId=A2GF0UFHIYG9VQ

Under the MOBI heading. "MOBI files (.prc) created with the legacy program MobiPocket Creator are no longer supported. Only MOBI (.mobi) files created with Amazon tools such as KindleGen tool are supported and recommended. To learn more about using and downloading KindleGen, please visit Tools and Resources."
manfus is offline   Reply With Quote
Old 05-30-2014, 03:33 PM   #15
Hitch
Bookmaker & Cat Slave
Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.
 
Hitch's Avatar
 
Posts: 2,669
Karma: 15346071
Join Date: Apr 2010
Location: Phoenix, AZ
Device: Kindle2, iPad, KindleFire and NookColor
Quote:
Originally Posted by Notjohn View Post
Was that in an email from Support? If it's in the FAQ somewhere, can you point me to it? Thanks!
nj:

Why are you asking this? I've told you this dozens of times on the KDP forums, and I've even copy-and-pasted Amazon's own emails to people (who then come to me as clients) with that same language. ??? They've been sending that email out for the last two years+, usually about Calibre.

Hitch
Hitch is offline   Reply With Quote
Reply

Tags
image sizing, kindle, kindle app for ios, width percentages

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
Image sizing in ePub JSWolf ePub 5 01-17-2012 07:04 PM
Kindle iOS app and transparent image 1611mac Apple Devices 1 12-12-2011 12:28 PM
Kobo app v5.0, for iOS is now in Canadian app store CWPitcher Kobo Reader 26 11-13-2011 11:02 AM
Image sizing for Epubs purcelljf ePub 2 08-19-2010 06:01 PM


All times are GMT -4. The time now is 06:46 PM.


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