Bookshelf | Reports | Community | KDP Select

Home » Amazon KDP Support » Ask the Community » Formatting

Thread: Question about picture auto resize for different devices.


This question is answered. Helpful answers available: 1. Correct answers available: 1.

Reply to this Thread Reply to this Thread Search Forum Search Forum Back to Thread List Back to Thread List

Permlink Replies: 27 - Pages: 2 [ Previous | 1 2 ] - Last Post: Jan 10, 2017 1:27 AM Last Post By: booknookbiz
Charlie S

Posts: 2,996
Registered: 01/19/14
Re: Question about picture auto resize for different devices.
Posted: May 18, 2015 9:38 AM   in response to: Notjohn in response to: Notjohn
 
Click to report abuse...   Click to reply to this thread Reply
Redux.

Edited by: Charlie S on May 20, 2015 6:42 AM
Notjohn

Posts: 21,127
Registered: 02/27/13
Re: Question about picture auto resize for different devices.
Posted: May 20, 2015 8:29 AM   in response to: Charlie S in response to: Charlie S
 
Click to report abuse...   Click to reply to this thread Reply
Here is a typical Sigil cover html. I don't pretend to understand it, but it works except for the Nook online preview mentioned above:

<div style="text-align: center; padding: 0pt; margin: 0pt;">
<svg xmlns="http://www.w3.org/2000/svg" height="100%" preserveAspectRatio="xMidYMid meet" version="1.1" viewBox="0 0 1800 2700" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink"><image height="2700" width="1800" xlink:href="../Images/MyPrettyCover2015.jpg" /></svg>
</div>

To be completely honest, I don't even know what SVG stands for....

Good luck! -- NJ

The book: Notjohn's Guide to Kindle Publishing: Ten Steps to Formatting Your E-book for Sale on Amazon (Or Anywhere Else)

The blog: Notjohn's KDP Guide
Charlie S

Posts: 2,996
Registered: 01/19/14
Re: Question about picture auto resize for different devices.
Posted: May 20, 2015 6:26 PM   in response to: Notjohn in response to: Notjohn
 
Click to report abuse...   Click to reply to this thread Reply
Covers are handled a little differently.

SVG? I don't remember what the "S" stands for but the VG stands for vector graphics. It's basically the same thing as a Flash swf file. They work best for cartoonish looking graphics, but they also work well for lettering, numbering, and table outlines and that sort of thing. You need to construct the image in a vector image program from the beginning. As long as you do that, then you'll have an image that can grow and shrink with the screen size and not lose any detail at all, and the file size will stay the same too. If you google "raster vs vector" you'll find several web pages explaining the details.

~~~
eBook Pioneers Formatting We do print books too!

"A box without hinges, key, or lid, yet golden treasure inside is hid." ~J.R.R. Tolkien
Charlie S

Posts: 2,996
Registered: 01/19/14
Re: Question about picture auto resize for different devices.
Posted: May 20, 2015 6:29 PM   in response to: Notjohn in response to: Notjohn
 
Click to report abuse...   Click to reply to this thread Reply
Here's a pretty good page on it:

http://vector-conversions.com/vectorizing/raster_vs_vector.html

~~~
eBook Pioneers Formatting We do print books too!

"A box without hinges, key, or lid, yet golden treasure inside is hid." ~J.R.R. Tolkien
Craig Pauls

Posts: 1
Registered: 12/05/16
Re: Question about picture auto resize for different devices.
Posted: Dec 10, 2016 7:41 AM   in response to: Charlie S in response to: Charlie S
 
Click to report abuse...   Click to reply to this thread Reply
I'm trying to load a map which is in a docx file, but it comes out small. None of this helps... thanks.
agclaymore

Posts: 318
Registered: 09/11/11
Re: Question about picture auto resize for different devices.
Posted: Jan 7, 2017 3:47 PM   in response to: rex lantz in response to: rex lantz
 
Click to report abuse...   Click to reply to this thread Reply
The 100% or 98% method works fine when you want your image to take up the entire screen, but it doesn't help with smaller images.
As an example, Point-of-View-Change Glyphs - the small image you put between paras to indicate a change from one characters head to another. The older kindle format file ignores the percentages and scales the image to the screen width while the newer format displays exactly as intended, a percentage of screen width. This leaves me having to specify the size in pixels,and it comes out looking tiny on the HD and still too large on the DX.
That's what really frustrates me. I'm pretty sure the DX has a 824 pixel screen-width, so why does an image specified as 50 px take up half the width of the screen?
Coming back to the OP's question, is there a way to specify separate sizes for the two formats in your HTML prior to conversion?
Notjohn

Posts: 21,127
Registered: 02/27/13
Re: Question about picture auto resize for different devices.
Posted: Jan 7, 2017 4:07 PM   in response to: agclaymore in response to: agclaymore
 
Click to report abuse...   Click to reply to this thread Reply
why does an image specified as 50 px take up half the width of the screen?

Because the old KF7 devices (Kindle, Kindle 2, early models of Kindle 3, and the Kindle DX) ignore all sizing instructions.

is there a way to specify separate sizes for the two formats in your HTML prior to conversion?

Possibly Hitch can tell you about media calls. But the only way I know of is to upload a small image. For my colophon (publisher logo), I resized the image to 100x100 pixels. That tames the KF7 version somewhat (the image is still big, but it doesn't dominate the page) while still providing enough resolution to look okay on the hi-rez devices.

Unlike Apple, Amazon doesn't simply abandon older devices. It tries to make everything backwards-compatible. That's laudatory, but it does have its drawbacks, as in this case. The millions of people who own this old devices can still read our books, but they don't always see them the way we want them to be seen.

Good luck! -- NJ

The book: Notjohn's Guide to E-Book Formatting (revised and updated for 2017)

The blog: http://notjohnkdp.blogspot.com
agclaymore

Posts: 318
Registered: 09/11/11
Re: Question about picture auto resize for different devices.
Posted: Jan 7, 2017 4:16 PM   in response to: Notjohn in response to: Notjohn
 
Click to report abuse...   Click to reply to this thread Reply
Thanks for the quick reply, NotJohn!
I've actually come up with a workaround for POV Glyphs that should function well across the various formats. I took the antique looking image of two Templars riding a horse and added in their motto, spread across either side of the image, saving the new file as a wide but very low height jpeg.
The other option would have been for me to simply reset the camera size in Blender and render the original with no text but a few hundred pixels width of whitespace on each side.
A long, narrow jpeg should, essentially, ensure the artwork displays at the desired screenwidth in all cases.
Of course, if you don't make the images yourself, you can still add in the blank space using freeware like Gimp or Paint.net.

Edited by: agclaymore on Jan 7, 2017 4:24 PM
agclaymore

Posts: 318
Registered: 09/11/11
Re: Question about picture auto resize for different devices.
Posted: Jan 7, 2017 4:33 PM   in response to: agclaymore in response to: agclaymore
 
Click to report abuse...   Click to reply to this thread Reply
Just tried it out. Works great!
Now I have to go back and change eleven previous books in my library...
booknookbiz

Posts: 3,725
Registered: 03/04/10
Re: Question about picture auto resize for different devices.
Posted: Jan 7, 2017 7:30 PM   in response to: agclaymore in response to: agclaymore
 
Click to report abuse...   Click to reply to this thread Reply
agclaymore wrote:
Thanks for the quick reply, NotJohn!
I've actually come up with a workaround for POV Glyphs that should function well across the various formats. I took the antique looking image of two Templars riding a horse and added in their motto, spread across either side of the image, saving the new file as a wide but very low height jpeg.
The other option would have been for me to simply reset the camera size in Blender and render the original with no text but a few hundred pixels width of whitespace on each side.
A long, narrow jpeg should, essentially, ensure the artwork displays at the desired screenwidth in all cases.
Of course, if you don't make the images yourself, you can still add in the blank space using freeware like Gimp or Paint.net.

Edited by: agclaymore on Jan 7, 2017 4:24 PM


Um...ag? Have you viewed your results in Sepia or Night mode?

Hitch
We produce eBooks (with media queries!)
An Amazon Professional Conversion Service : http://amzn.to/29pWZSg
www.Booknook.Biz
agclaymore

Posts: 318
Registered: 09/11/11
Re: Question about picture auto resize for different devices.
Posted: Jan 7, 2017 7:55 PM   in response to: booknookbiz in response to: booknookbiz
 
Click to report abuse...   Click to reply to this thread Reply
Yeah, I know it's not going to look like a white band with a Templar graphic in the middle but It's not like you can do a transparent PNG, right? Anyway, it looks better than a white square with the image...
How many readers use sepia?
agclaymore

Posts: 318
Registered: 09/11/11
Re: Question about picture auto resize for different devices.
Posted: Jan 9, 2017 10:39 AM   in response to: booknookbiz in response to: booknookbiz
 
Click to report abuse...   Click to reply to this thread Reply
Alright, I admit the comment about sepia has been bugging me. I've never been able to get my PNG files from Blender to convert without the background turning black for all formats (I've been converting them to JPG before inserting into the document). I tried loading the PNG into Paint.net, widened it to 1200 pixels (leaving my 200x200 image at 1/6th of any screen width if scaled to 100%), turned off the background and saved it as a gif file.

I dropped the opf file into the previewer and the transparency was perfect for the kindle fire. On sepia mode, it just shows the image itself with no white space. I imagine it doesn't preserve the transparency in the older format but the eink models don't do sepia anyway and it appears to convert to white background.

I was on the verge of using a half baked solution until Hitch gave me that extra nudge.
Thanks!
booknookbiz

Posts: 3,725
Registered: 03/04/10
Re: Question about picture auto resize for different devices.
Posted: Jan 10, 2017 1:27 AM   in response to: agclaymore in response to: agclaymore
 
Click to report abuse...   Click to reply to this thread Reply
agclaymore wrote:
Alright, I admit the comment about sepia has been bugging me. I've never been able to get my PNG files from Blender to convert without the background turning black for all formats (I've been converting them to JPG before inserting into the document). I tried loading the PNG into Paint.net, widened it to 1200 pixels (leaving my 200x200 image at 1/6th of any screen width if scaled to 100%), turned off the background and saved it as a gif file.

I dropped the opf file into the previewer and the transparency was perfect for the kindle fire. On sepia mode, it just shows the image itself with no white space. I imagine it doesn't preserve the transparency in the older format but the eink models don't do sepia anyway and it appears to convert to white background.

I was on the verge of using a half baked solution until Hitch gave me that extra nudge.
Thanks!


I'm really pleased that this worked out so well for you. As it happens, I tend to read on Sepia relatively often, and of course, Night mode, so the more-advanced options you've chosen will work nicely. :-) Delighted to help--nudging is provided free of charge. LOL.

Hitch
We produce eBooks
An Amazon Professional Conversion Service: http://amzn.to/29pWZSg
www.Booknook.Biz
Legend
Helpful Answer
Correct Answer

Point your RSS reader here for a feed of the latest messages in all forums