04-10-2014, 01:29 PM | #46 |
Grand Sorcerer
Posts: 11,470
Karma: 13095790
Join Date: Aug 2007
Location: Grass Valley, CA
Device: EB 1150, EZ Reader, Literati, iPad 2 & Air 2, iPhone 7
|
If the title page as an image contains only text letting it change the ratio may be better than having bars on the edges of the screen. It all depends on which you prefer. Fat letters or tall skinny ones might be ok. For an actual picture then maintain aspect ratio is more important as to not distort the image.
Dale |
04-10-2014, 02:13 PM | #47 |
Village idiot
Posts: 157
Karma: 519566
Join Date: Mar 2014
Location: Belgium
Device: sony PRS T-1
|
Toxaris
Tried your code: Code:
<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" height="100%" preserveAspectRatio="xMidYMid meet" version="1.1" viewBox="0 0 992 1403" width="100%"> <image height="992" width="1403" xlink:href="Titelblad.png"/> </svg> Result: The text does not fit in the screen. It's all in the upper right corner. I also lose some text at the bottom, even though the titlepage seems smaller than the viewscreen. Where do I go wrong? Height and width is exactly the same aspect ratio as I saved the png in. |
Advert | |
|
04-10-2014, 03:15 PM | #48 | |
Wizard
Posts: 1,542
Karma: 6613969
Join Date: Mar 2013
Location: Rosario - Santa Fe - Argentina
Device: Kindle 4 NT
|
Quote:
https://www.mobileread.com/forums/sho...7&postcount=42 Just do a try and tell us your results. |
|
04-11-2014, 02:20 AM | #49 | |
Wizard
Posts: 4,520
Karma: 121692313
Join Date: Oct 2009
Location: Heemskerk, NL
Device: PRS-T1, Kobo Touch, Kobo Aura
|
Quote:
Code:
<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" height="100%" preserveAspectRatio="xMidYMid meet" version="1.1" viewBox="0 0 992 1403" width="100%"> <image height="1403" width="992" xlink:href="Titelblad.png"/> </svg> |
|
04-11-2014, 02:32 AM | #50 |
Village idiot
Posts: 157
Karma: 519566
Join Date: Mar 2014
Location: Belgium
Device: sony PRS T-1
|
RbnJrg: Tried yours at first, but didn't work either.
Just now discoverd that the png didn't fit the screen either when I opened it in windows. Tried saving it with 'interlaced' disabled (don't know what that is), and now your code worked just fine, thank you! Toxaris: your code still does not. What's the advantage of your svg wrap? |
Advert | |
|
04-11-2014, 02:34 AM | #51 |
Village idiot
Posts: 157
Karma: 519566
Join Date: Mar 2014
Location: Belgium
Device: sony PRS T-1
|
Toxaris: my bad, good call :-)
What's the advantage of that svg wrap as oposed to RbnJrg's? |
04-11-2014, 02:57 AM | #52 |
Village idiot
Posts: 157
Karma: 519566
Join Date: Mar 2014
Location: Belgium
Device: sony PRS T-1
|
I'll answer that one myself: it's the preserve ratio isn't it.
|
04-11-2014, 03:07 AM | #53 |
Village idiot
Posts: 157
Karma: 519566
Join Date: Mar 2014
Location: Belgium
Device: sony PRS T-1
|
I 've learned a lot, yet again. Thanks all!
|
04-11-2014, 04:20 AM | #54 |
Wizard
Posts: 4,520
Karma: 121692313
Join Date: Oct 2009
Location: Heemskerk, NL
Device: PRS-T1, Kobo Touch, Kobo Aura
|
|
04-11-2014, 06:23 AM | #55 |
Village idiot
Posts: 157
Karma: 519566
Join Date: Mar 2014
Location: Belgium
Device: sony PRS T-1
|
I'll do that for my covers also then. Calibre, by default, inserts "none" for the aspectratio.
|
04-11-2014, 07:31 AM | #56 |
Wizard
Posts: 1,542
Karma: 6613969
Join Date: Mar 2013
Location: Rosario - Santa Fe - Argentina
Device: Kindle 4 NT
|
The svg wrapper has a lot of properties, do a search in this forum and you'll find a lot of info. But in this case, if the image is used without a svg wrapper (as I told you) it also maintains the ratio because the "height" of the image is set to "100%" and the "width" is set to "auto". Do the try by setting your device reader in portrait and landscape mode and you'll always see the whole image and with its ratio preserved. But don't take this as if I don't want you to use svg wrappers Personally I use them a lot and that was my first conceil to you (but to use text ) You gave me your reasons to use a image as title page and at this case I think that a svg wrapper could not help significantly (especially if you didn't understand its operation). Unless that your title page has arranged the text of that way that you can use the svg property "preserveAspectRatio" with different values than "meet" (that is "slice") and "xMidYMid" (for example "xMidYMax"). Then, the svg wrapper will have a lot of meaning and you should used it without thinking a lot
Regards Rubén Last edited by RbnJrg; 04-11-2014 at 07:34 AM. |
04-11-2014, 06:08 PM | #57 |
Grand Sorcerer
Posts: 11,470
Karma: 13095790
Join Date: Aug 2007
Location: Grass Valley, CA
Device: EB 1150, EZ Reader, Literati, iPad 2 & Air 2, iPhone 7
|
One advantage is that is scales better than just a bitmap image. It can also maintain image ratio although setting width to 100% in a bitmap will often do the job. It can scale without maintaining aspect ratio. It also permits cropping the image which can be useful if you hate bars at the top/bottom or sides when the screen aspect ratio doesn't match the picture. It can also permit captions or text to be placed with the image or canvas area and still be searchable. This will also stop the caption or text from moving to another page.
|
04-11-2014, 06:30 PM | #58 | |
Well trained by Cats
Posts: 29,801
Karma: 54830978
Join Date: Aug 2009
Location: The Central Coast of California
Device: Kobo Libra2,Kobo Aura2v1, K4NT(Fixed: New Bat.), Galaxy Tab A
|
Quote:
Preferences:Output Options: (tick box) Remember, this only applies to the first time conversion unless you use the defaults tick box on the individual books) |
|
04-14-2014, 12:52 AM | #59 |
Wizard
Posts: 2,608
Karma: 3000161
Join Date: Jan 2009
Device: Kindle PW3 (wifi)
|
@RbnJrg
One friend reported to me a jumbled output (akin to the one of ADE 1.7.3) of your "title page", both for Kindle4 and Paperwhite1. Have you the same information? Is yes, how do you explain it? |
04-14-2014, 02:01 PM | #60 | |
Wizard
Posts: 1,542
Karma: 6613969
Join Date: Mar 2013
Location: Rosario - Santa Fe - Argentina
Device: Kindle 4 NT
|
Quote:
I did the try in my K4NT and all looks ok; here you can see the respective screenshots (in portrait and landscape mode): Below you can see the respective .azw3 file. If you open it with Kindle Previewer, you'll see that the KPW preview is also ok. Maybe your friend compiled my original epub with Calibre instead of kindlegen/Kindle Previewer and for that reason he got what he got. Send the .azw3 attached to this post to your friend to know how this file appears in his Kindles. Regards Rubén |
|
Tags |
css, epub, font-size, headings |
|
Similar Threads | ||||
Thread | Thread Starter | Forum | Replies | Last Post |
Problem changing font size using font size key | Waylander | Conversion | 0 | 10-02-2013 03:30 PM |
Determine font and font size on incoming epub? | peaceridge | Calibre | 4 | 01-30-2012 03:35 PM |
PRS-300 Med font size too big, but small font size too small | eli2k | Sony Reader | 4 | 05-28-2010 09:47 AM |
Different font for headings | bremler | ePub | 4 | 03-11-2010 06:03 AM |