Hi all,
New member here with a first post asking for some help. Ive searched the forums and cant find this specific question, but apologies in advance if its been asked before.
Ive created an EPUB (using Calibre which has passed validation) and have converted it to a MOBI file with Kindle Previewer and its rendering properly on the majority of Kindle devices and the Kindle app for Android. The issue Im 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.
Ive attached screenshots of what its 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.
Im 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—<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? Ive 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 Im all ears. Sorry for the novice questions. Im hoping theres an easy fix for this.
- M
New member here with a first post asking for some help. Ive searched the forums and cant find this specific question, but apologies in advance if its been asked before.
Ive created an EPUB (using Calibre which has passed validation) and have converted it to a MOBI file with Kindle Previewer and its rendering properly on the majority of Kindle devices and the Kindle app for Android. The issue Im 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.
Ive attached screenshots of what its 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.
Im 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—<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? Ive 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 Im all ears. Sorry for the novice questions. Im hoping theres an easy fix for this.
- M