Reply
Contributor
Popnfresh100
Posts: 7
Registered: ‎04-18-2013
0 Kudos

Best practices for image scaling using Nook Press editor

I am starting this thread to discuss image resolutions for use with the nook editor, and epub in general. I couldn't find a similar thread anywhere on these boards, but please point me to it if I mistaken.

 

I found these screen sizes for the various nook models in the documentation:
 
Nook: 600 x 800 pixels (B&W - eInk)       
Nook Simple Touch/Glow: 600 x 800 pixels (B&W - eInk)       
Nook Color: 600 x 1024 pixels (Color – RGB)       
Nook Tablet: 600 x 1024 pixels (Color – RGB)       
Nook HD: 900 x 1440 pixels (Color – RGB)       
Nook HD+: 1280 x 1920 pixels (Color – RGB)    

 

And I believe the standard resolution for Smartphones (using the app) is 240x320.

 

Various other device resolutions and "web safe areas" can be found here:

http://www.websitedimensions.com/

 

Since nook books might be read on any device, this creates quite a challenge! It is hard to figure out how readers will see your images, even if you have sideloaded your file on several devices.

 

http://www.websitedimensions.com/

 

If you are coding ebooks from scratch you can use CSS to keep image widths (but not heights) in check

 

http://www.websitedimensions.com/

 

But that is highly technical and I'm looking to avoid doing that unless absolutely needed.

 

It does appear that the nook apps do scale images down when they do not fit on a screen, but I still find images sometimes get cut off on certain devices.

 

Does anyone have any tips on what image sizes work best overall, or know how the nook app scales images up and down?

 

For example, does anyone know how a 600x1024 image would appear on a Nook HD (I don't have one to test on :smileywink:)

 

 

 

Distinguished Correspondent
Mrs-Smith
Posts: 780
Registered: ‎08-12-2010
0 Kudos

Re: Best practices for image scaling using Nook Press editor

If you're able to open up and edit your html file, add this and it will automatically resize the image file you use for your internal cover. It should then fit all screens.

 

<div><img alt="cover" height="100%" preserveAspectRatio="xMidYMid meet" src="../Images/cover.jpg" viewBox="0 0 1280 1920" width="auto" /></div>

 

Hope this helps :smileyhappy:

 

 

 

New User
momimage
Posts: 1
Registered: ‎05-07-2013
0 Kudos

Re: Best practices for image scaling using Nook Press editor

thank you for sharing. i will try it soon. i have been using image scaling function for a long time, really dependent on it.

Contributor
Popnfresh100
Posts: 7
Registered: ‎04-18-2013
0 Kudos

Re: Best practices for image scaling using Nook Press editor

Thank you for the code!

 

It is definitely helpful.

Distinguished Correspondent
Mrs-Smith
Posts: 780
Registered: ‎08-12-2010
0 Kudos

Re: Best practices for image scaling using Nook Press editor

You just have to remember to change /cover.jpg to the name of your cover, whatever that might be.

 

If it doesnt work, just pop back in here and I'll see if I can help :smileyhappy:

 

 

New User
Cryper
Posts: 1
Registered: ‎10-07-2013
0 Kudos

Re: Best practices for image scaling using Nook Press editor

okay, i have little coding experince but understand some of the basics. here is my code from the coverimage.xhtml in my file.

 

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>CoverImage</title>
    </head>
    <body>
        <div style="text-align:center;">
            <img src="image/DracCover_Test_Nook_10.png" alt="DracCover_Test_Nook_10.png" style="max-width:100%;" />
        </div>
    </body>
</html>

do i remove everything withing the <div> section and repalce with your code snippet to make it show up properly accross all nook platforms?

New User
cathy345
Posts: 4
Registered: ‎12-05-2013
0 Kudos

Re: Best practices for image scaling using Nook Press editor

I just wonder which image size work best? and if possible, I hope the image editor can use the best image size as default value.

Distinguished Correspondent
Mrs-Smith
Posts: 780
Registered: ‎08-12-2010
0 Kudos

Re: Best practices for image scaling using Nook Press editor

This is copied straight from one of my books. Everything in bold is what you would edit. You also need to make sure that your 'image' name matches exactly. So, if your file is .jpeg and not .jpg it needs to match. Caps also matter when it comes to the image name.

 

You should use the largest image you have so that when it is sized for an ipad or even the Nook/Kindle tablet it won't appear stretched. As you can see I used an image that was 1333x2000 it resizes quite well.

 

One more thing. Do Not use NookPress's manuscript editor. It will only cause you to scream at your computer and make more work for you in the end. Until they (BN) can remove all the bugs, it's more trouble than its worth.

 

Also, if you don't want to suffer the headache of formatting your book, I offer this service along with cover design. just let me know.

 

<

<head>

<title>TITLE</title>

<meta content="AUTHOR" name="Author" />

<link href="../Styles/page_styles.css" rel="stylesheet" type="text/css" />

 

<style type="text/css">

@page {padding: 0pt; margin:0pt}

body { text-align: center; padding:0pt; margin: 0pt; }

</style>

</head>

 

<body>

 

<div>

<svg xmlns="http://www.w3.org/2000/svg" height="100%" preserveAspectRatio="xMidYMid meet" version="1.1" viewBox="0 0 1333 2000" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink">

<image height="2000" width="1333" xlink:href="../Images/IMAGE.jpg"></image>

</svg>

</div>

</body>

</html>

<

<

 

 

New User
picsbylis
Posts: 2
Registered: ‎02-19-2014
0 Kudos

Re: Best practices for image scaling using Nook Press editor

Friendly Greetings,

 

   I am in a similar confusion with a picture book for Kids of All Ages...and have been trying to get the thrice blasted Manuscript Editor to cough up the first of my seven books that are in print into eBooks.

 

            I went with B&N as the terms seemed immensely simple and straightforward compared to the miniscule novel sized "We'll sell your book for what WE deem it worth" concept and ever-lengthening terms of Amazon. And that whole i-thing is not my thing so I shelved it for last.

 

            I have found that I apparently ask questions to which no Nook Press Chat Rep has any answers...beyond..."You'll need to contact our something or other business team." The e-mail reps I am thus forwarded to frequently repeat the same broken record track of the various Nook device specs....which was greatly appreciated the first time, but by the third time I thought the content of my inquiry was no longer just being lost in translation but outright ignored. My last inquiry has still gone unanswered (including why my personal account info has been changed in one place again).

 

            As I have been referred to this board numerous times, and did use it to get some tips and things...I come begging some insight, some sanity, some HELP!!! Please!

 

            I have seven Picture with Poetry Books in Print that I want to convert to eBooks......well rather I keep getting suggested to try; I am fond of real books, not fake books that simulate page turning....but that is another story. Can you tell I am beyond frustrated?

 

            After a number of...um...interesting "discussions" (with choice words a children's book author would never voice to anything but a computer) with that cursed Manuscript Editor I got all but one page to hold my full size images without issue. The one page is slightly down one line and there seems no sanity in its "reasoning" as to why or how to make it stop, but it still shows up as one page. After attempt after attempt (I knew about the 2mb per image limit, but not the 20mb Total till I tried to publish the first time) I got it mostly the way I wanted it with the images at 1280 x 1920 .....assuming, rather hoping, that the apps for various devices would adjust as necessary since this was what I gathered from Nook Press responses to my e-mails. Being a photographer I want the images to size down as necessary, not size for the smallest device and be stretched beyond quality for the larger ones.

 

            Oh, as I used the font and images from the printed books on full page size images. I included a full plain text version of the poem story at the end in case someone wanted or needed to adjust the font or just wanted to read the poem without the images. Like when junior is "supposed" to be going to sleep, and just listening, not looking at the pictures.

 

            Did I mention my little bunny book looked FINE in Manuscript Editor and its previews? Most of the pages, excluding just the one, fitting full frame and just so?

 

            With crossed fingers I tapped that publish button and anxiously awaited the 11 or so hours till it went online...since that is apparently the only way to view the ePUB file. I was intimidatingly excited when there was a special page created just for lil ole me my bunny book.....and then I downloaded the epub from my account....and it's pretty much junk! On my Android tablet only about 1/7 of each page is visible. On my Aunt's ipad it made a 38 page eBook 81 pages and gave her pieces and parts of each image...granted not the total of each image, just a selection.

 

*Sigh* I took it off sale and hoped no one would attempt to buy it in the 11 or so hours it took to get it down.

 

Does no one at Nook look at these things to make sure they are all right prior to publishing?!

 

I have been attempting a month's subscription to the nightmare known as Adobe Creative Cloud...just for InDesign. Apparently one cannot work with a mouse and we're back to my high school days in the '90s and keying in every command. Two weeks and I still can't even get it to create the document.

 

I am at a loss and so ready to dispose of the eBook concept and would greatly appreciate any help possible. After spending weeks creating a new version of the book with the same elements but confined to a device rather than a 8.5x11 page and adding new content to ensure the text could be read and the pictures seen...I'm ready for a meltdown.

 

I need to get at least a few of these stories published in the next couple of weeks. There seems little point to getting the books out after the snow melts and kids are spending the Spring Days outside. I truly had planned on being done with all 7 by now, not fighting with book 1 still!

 

Thank you very kindly.

Distinguished Correspondent
Mrs-Smith
Posts: 780
Registered: ‎08-12-2010
0 Kudos

Re: Best practices for image scaling using Nook Press editor

Hi there, Picsbylis.

 

If you saw my post above yours, you would have read that I said not to use the manuscript editor. It doesn't work the way they (BN) wanted it to work and neither, for that matter, does the chat system. While both are fabulous in theory, they leave a lot to be desired in reality.

 

If you want to add images to your ebook, and you want to be able to upload it to BN and other various venues, you will need to have someone (or yourself if you're able) convert your books from print to ebook. It will need to be a verified and fully functional epub.

 

Hope this helps :smileyhappy:

 

 

Contributor
Popnfresh100
Posts: 7
Registered: ‎04-18-2013
0 Kudos

Re: Best practices for image scaling using Nook Press editor

I use a wonderful little program called Sigil to produce my epub books. I found it less frustrating than the online editor.

 

https://github.com/user-none/Sigil

 

Once you have the epub file you can simply upload it whereever.

 

Perhaps you can try that out.

 

To be honest, making the image scaling work across multiple screen sizes for picture books will be a challenge with any editor. Images scale up and down, but it gets screwed up because screen sizes have different dimension ratios.

 

Here is a list of screen sizes for different smartphones and tablets. The user could be viewing ANY of these.

 

http://www.binvisions.com/articles/tablet-smartphone-resolutions-screen-size-list/

 

And you'll notice they are all taller than they are wide. Which is probably the opposite of the way your pictures are drawn.

 

A couple of tricks to make it work:

 

1. Put your text IN your pictures. I.E. lay the whole thing out the way you want it on your computer and take a screencap. Then create a chapter with just the image. Don't try to mix images and epub text on the same page because things can get pushed out of place if the user resizes the text.

 

2. Size the pictures (including the text) to fit on the tallest screen you can imagine people using, and you'll simply have letterboxing on other devices.

Contributor
Popnfresh100
Posts: 7
Registered: ‎04-18-2013
0 Kudos

Re: Best practices for image scaling using Nook Press editor

To clarify: make each chapter in your epub file ONE single jpeg image 1.3x as tall as it is wide. Put as many pixels in as your imaging program allows, the critical thing is the ratio. The image will display exactly on screens of that size (mostly smartphones), on taller screens people will see white letterboxing at the top and/or bottom of the screen. If you don't mind some smartphones cutting your image off, 1.5x width will cut down on the letterboxing for tablet users.
New User
picsbylis
Posts: 2
Registered: ‎02-19-2014
0 Kudos

Re: Best practices for image scaling using Nook Press editor

 

Thank you for your timely responses, folks. I greatly appreciate you making the time to help me out!

 

 Mrs-Smith, alas, I did read your post from above....last night, after all the aforementioned. :0( I was hoping since this was from several moons ago, that someone had figured out some sort of magic trick to get the images to rescale according to device.

 

 

Popnfresh100, thank you for the tips. Hmm, I shall have to look into Sigil.

 

 

I already downloaded a month of Adobe InDesign...and after some disagreements got it to work (sort of) and inserted my full page images. I tried just a few, exported to a trial EPub and the images were still getting cut off to only the top left corners, just like in the Manuscript Editor.

 

 

I did, during the "redesign" of the book from print to eBook design the page to 1280 x 1920 at 72dpi and spread out my text to one stanza per page and added quite a few more pictures to the design....adjusting for that new narrow portrait setup. I had so hoped that would be the extent of my worries.

 

Yes, I did do like your suggestion; the text is part of the image and placed where wanted. Some of the pictures have certain effects where that text would not be seen otherwise if it was adjustable. But I did put a full text only version at the end, in case someone wanted/needed to adjust the text.

 

 

 

I went for the biggest dimension Nook provided, the 1920, and I thought devices would adjust...you know narrower devices would just have letterboxing. I actually created a template with all the various sizes and ratios so I could allow that the text would never be cut-off and no important picture elements would be. I had, apparently mistakenly, thought each device would just fit the image within its parameters and then if it was say a smaller device the user could then zoom in.

 

 

 

Oh bugger, my original book was 300dpi but they told me 72 dpi....then I had to even try 72 dpi with that horrid Save for Web to lower the images so the total was under 20mb.

 

My first attempt I did try a new chapter every page/image, but it kept loading each image on a new spread (when in landscape mode) so I did a new chapter every 3 pages.

 

 

 

Is there a certain size for a full page image that works?

 

 

 

If one magically figures that out, would it be advisable to sell eBooks like apps...compatible for certain devices? I thought that eBook apps allowed and adjusted content better than what I've encountered.

 

 

 

I am using an Acer Tablet to preview, which according to the link you gave me (thanks) is 1280x800.

 

 

 

Distinguished Correspondent
Mrs-Smith
Posts: 780
Registered: ‎08-12-2010
0 Kudos

Re: Best practices for image scaling using Nook Press editor

Well, Good Luck!

I hope you can figure it out and have a super fabulous book to upload to BN! :smileyvery-happy:

 

If you should need any more help, just pop back in here and we'll do our best to help!