Bookshelf | Reports | Community | KDP Select

Home » Amazon KDP Support » Ask the Community » Formatting

Thread: images cut off at the left


This question is answered.

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

Permlink Replies: 12 - Pages: 1 - Last Post: Oct 16, 2012 6:52 AM Last Post By: man2010
jayminerik

Posts: 56
Registered: 05/15/11
images cut off at the left
Posted: Oct 10, 2012 6:52 AM
 
Click to report abuse...   Click to reply to this thread Reply
I have several jpg images in my document, and most of them show up just fine when I preview it on my Kindle. But a couple of them are cut off a little at the left, and I can't figure out why. When I look at them in Word, they're centered, and the left edges don't even extend as far as the text does, so I don't know why part of it wouldn't show. Could it be they're too big? One is 87 KB (575x447) and the other is 97 KB (591x400). But I have other images that are both wider and larger overall that seem to fit just fine.
man2010

Posts: 2,048
Registered: 01/01/10
Re: images cut off at the left
Posted: Oct 10, 2012 11:40 PM   in response to: jayminerik in response to: jayminerik
Helpful
Click to report abuse...   Click to reply to this thread Reply
There are lot of pitfalls when you work with images in Word. Images can be cut off on your Kindle's screen because you tried to move them within Word (using the mouse and/or the markers on the upper ruler). Or because the paragraph style that you applied to images has a negative left indent. The pixel dimensions by themselves will not cause this problem. If your image exceeds the approximate 500 x 700 limit for in-text images, it will simply shrink within the screen of your Kindle, provided that you formatted the image correctly in Word. You can find a detailed tutorial for pictures in Word in the following post (see the chapter "If you don't want to learn HTML", section "Pictures"): https://kdp.amazon.com/community/thread.jspa?messageID=335297#335297
paulsalvette

Posts: 53
Registered: 07/10/12
Re: images cut off at the left
Posted: Oct 11, 2012 12:45 AM   in response to: man2010 in response to: man2010
 
Click to report abuse...   Click to reply to this thread Reply
Jay,

Your image specs are fine (assuming they are either JPG, GIF, or PNG). However, as Man2010 said, you need to build your eBook from HTML/CSS to get properly embedded images.

==========
Paul Salvette
http://bbebooksthailand.com
jayminerik

Posts: 56
Registered: 05/15/11
Re: images cut off at the left
Posted: Oct 11, 2012 1:04 AM   in response to: man2010 in response to: man2010
 
Click to report abuse...   Click to reply to this thread Reply
Well, it's not the paragraph style, and I don't think I did any manual moving of the images in Word. All I did was center them using the button at the top menu when I stuck them in there. (Would it make a difference if I created a style to center them instead?)

I clicked on your link, man2012, but couldn't download the document because my stupid Kindle for PC for some reason won't open it (it's been having trouble opening anything but purchased books; it still won't even let me read my own manuscript EVEN THOUGH I JUST DOWNLOADED THE LATEST VERSION FROM AMAZON. Not that I'm peeved or anything. GRRRR....) Anyway, if there are any similar resources out there in the form of Word documents or online, I'd love to hear about them. I'm extremely HTML illiterate, so any "for dummies" type suggestions or tutorials would be appreciated!
man2010

Posts: 2,048
Registered: 01/01/10
Re: images cut off at the left
Posted: Oct 11, 2012 2:56 AM   in response to: jayminerik in response to: jayminerik
Helpful
Click to report abuse...   Click to reply to this thread Reply
I am copying and pasting the section about pictures from the above tutorial:

PICTURES. Your pictures should be in the JPEG format. Before placing a picture in your Word file, make two paragraph breaks (press the "Enter" key two times), place the cursor at the beginning of the empty line, and then insert the picture as shown below. Remember that you need to insert pictures correctly in Word, using the ribbon "Insert" and the "Picture" button:

INSERT PICTURE


Don't use Copy/Paste to insert pictures because this method can cause some or all of your images to disappear from your Kindle book. Do not apply any formatting in Word (alignment, position, border, and so forth) to your pictures. Don't move or resize images within Word either. Put another way, after you have inserted an image, don't touch it. One exception: if you want to align a picture to the center of the page (horizontally), click on the picture and apply a paragraph style that has spacing “Before” and “After” set to 0.1 pt and centered alignment of text. Paragraphs surrounding a picture should also have a style with spacing “Before” and “After” set to 0.1 pt otherwise your picture may cause blank pages in the Kindle book.

You also need to increase spacing between pictures and text. Insert empty lines (line breaks) as follows. Place the cursor at the end of the paragraph above an image, hold down the "Shift" key, and press the "Enter" key. Ignore the unsightly format of the last line in that paragraph (the format will be normal in the Kindle book). Place the cursor at the beginning of the paragraph following the picture and do the same (Shift+Enter).

Side note that you can ignore:  This action will remove the first-line indent if you have it in this paragraph. In general, picture books should have the block style of paragraphs: an empty line between paragraphs and no indents. If you still need this first-line indent, then insert a line break (Shift+Enter) on the right side of the picture (at the bottom) and delete the line break from the paragraph below. Test this place later in Kindle Previewer to make sure you don't have a blank page after the picture; reduce the picture's size or scale if that happens.  — End of side note

The spacing between pictures and text should be consistent (identical) throughout your book. If necessary, you can troubleshoot the spacing by pressing the "Show/Hide" button:

SHOW/HIDE BUTTON


Examine paragraph breaks ¶ and line breaks ↵ around your images. It is best to have each image within a separate paragraph. When you're done, unpress the "Show/Hide" button.

Your pictures should be JPEG files, smaller than 500 x 700 pixels (width x height). Bigger pictures may be cut off on one side of the screen of older Kindles (Kindle 1 and 2). If you don't want an image to occupy most of the width of a Kindle screen, make it 200 to 300 pixels wide in your graphics editor, before inserting the image into your book. (Your images will never occupy the full screen of a Kindle device, except for the cover image and the zooming function of Kindles.) Image resolution (dpi or ppi) and size in kilobytes don't matter. For your own convenience, save all images with the highest JPEG quality settings (biggest size in kilobytes) in your graphics editor. Word resizes images (pixel dimensions) in unpredictable ways. To prevent this erratic behavior, right-click an image and select "Size and Position..." (if that option is unavailable, select "Format Picture..."). Select the tab "Size" and in the "Scale" section, set both height and width to 100% and select the option "Relative to original picture size." Click "OK" to close the dialog window. If you want to change a picture, then delete it from your Word document. Edit the original JPEG in a graphics editor, reinsert the picture into your text, and reset the size in Word's settings as described above.

Most Kindle devices have a higher resolution of the screen (167 pixels per inch) than your computer monitor (roughly 100 pixels per inch on average, 80-110 ppi range). Therefore, a picture on a Kindle screen will be roughly 40% smaller (size in centimeters or inches) than the same picture on a computer display. For example, if a picture is 2 inches wide (about 5 cm) on the screen of your computer, then it will be only about 1.2 inches wide (approximately 3 cm) on the screen of a Kindle. Although the latter image is sharper, this tiny size causes eye strain. Thus, it is worthwhile to make sure that your pictures occupy the largest possible area of a Kindle screen. For example, if you have inserted a JPEG image 300 x 250 pixels into your text, you need to set scaling in Word's settings (see above) to 166% relative to the original picture size. This way your picture will occupy an area of 498 x 415 pixels (width x height) within the screen of a Kindle device. In other words, your picture occupies an almost maximum width within a Kindle screen (500-pixel limit). The predominant majority of Kindles (Kindle Keyboard, Kindle Touch, and "Kindle") have a screen 600 x 800 pixels. Pictures within text can occupy an area of about 500 x 700 pixels within the Kindle screen.

If you want your pictures to be easy on the eyes of the majority of Kindle owners, make sure the JPEGs look well on your computer at 300 x 420 pixels or smaller (width x height). Insert those pictures (300 x 420 or smaller) into your Word file and set appropriate scaling in Word's options as described above, so that each picture expands either to the maximum width, 500, or maximum height, about 700 pixels, within the screen of Kindle devices. If you must include images bigger than 300 x 420, add a warning. You also have the option to instruct readers to use the "Landscape" orientation of the screen, in which case your pictures should fit the limit of 420 x 300 pixels (width x height). When you finish formatting pictures, don't forget to save your Word file. If you save your book as an .htm file, all your changes in the .docx or .doc file will be lost.

Side note that you can ignore:  The latest addition to the Kindle family, Kindle Paperwhite, has a screen 768 x 1024 pixels, but the same size of the screen, 6-inch diagonal, as older Kindles. Pixel density of the Paperwhite screen is higher than that of most other Kindles (212 ppi versus 167 ppi). This means that the area available for in-text images is about 630 x 890 pixels (width x height) within the Paperwhite screen. Nonetheless, you still need to use pictures 300 x 420 pixels or smaller and set scaling in Word's options (see above) so that each picture expands either to the maximum width of 500 pixels or maximum height of 700 pixels within the screen of older Kindles. If you apply greater magnification in Word's settings (up to 630 x 890 pixels), then some of your images may get clipped on Kindles manufactured before September 2010. If you follow my recommendations, your pictures will look smaller than usual on the screen of the Kindle Paperwhite. You can ignore this little inconvenience because the Paperwhite represents only a tiny minority of Kindle devices.  — End of side note

With line art, such as tables and formulas, you can use GIF images, if you want. They will look slightly better than JPEGs. The GIF format also allows for transparent background. Just like JPEGs your GIFs should be smaller than 300 x 420 pixels, but you need to set magnification in Word's settings to less than 450 x 650 pixels (width x height). Otherwise the transparent background may turn black on some Kindle devices, as explained by KDP user Mrlasers. If you deleted an image from Word, but later in Kindle Previewer you see a small icon with a camera in it (an empty placeholder) in this location, then you need to use the "partial nuclear method" to clean up this place (as described below).

Microsoft Word reduces quality of images by 50% or more when it converts your Word file to a "web page, filtered." (Mac users: save as a "Web Page, (.htm)" and select the option "Save only display information into HTML.") Double-click that .htm file to open it in a web browser and take a look at the pictures. If you find image quality satisfactory, then you don't have to do anything. But if you want to restore image quality to the pre-Word level, KDP user Frazfrag suggests the following method. Open the folder associated with the .htm file (has a similar name) and replace all images with your original JPEG files. Make sure file names and extensions match exactly the ones produced by Word (image001.jpg, image002.jpg, and so on). (To make file extensions visible on your PC: go to the Control Panel, double-click "Folder Options" (Windows XP, Vista, or 7), select the "View" tab, and uncheck the option "Hide extensions for known file types.") Ignore the changed pixel dimensions of the images you are replacing. After that, you can open the .htm file in a web browser and check your pictures again.

When troubleshooting the formatting of your Kindle book, you can use "a partial Nuclear Method" as described below (having made a backup copy of your Word file beforehand). Before subjecting your book to the partial Nuclear Method, press the "Show/Hide" button:

SHOW/HIDE BUTTON


and try to clean up a problem location. You can use the "partial" Nuclear Method as follows. Using the mouse, select the problem section of your book in the Word file plus one paragraph before and after. Cut and paste this portion of text into Notepad (a simple text editor found on your PC in "Start" → "Programs" → "Accessories"). After that, click Notepad's menu "Edit" → "Select All" and cut this text from Notepad and paste it back into your Word file. (Mac users can avail themselves of a similar program called "TextEdit;" to use the "partial nuclear method," you need to cut the problem section of text from Word, paste it into TextEdit, save as a "plain text" file in TextEdit, close it, then reopen the file in TextEdit and copy/paste the text back into your Word file.) Now you can apply appropriate Word paragraph styles to this "purified" text. After the partial Nuclear Method, you need to reinsert pictures and bookmarks, if you had them in that portion of the text. After that, convert your Word file to the Kindle format (as described below) and test the ebook again in Kindle Previewer or in Kindle for PC/Mac. The partial nuclear method can also screw up some special symbols if there are any in that portion of your book.

TESTING YOUR BOOK. If you haven't already done so, insert a bookmark "toc" above the title of your table of contents in the Word file. Save your Word file (the .docx or .doc file, not the .htm file). You need to convert the Word file into a Kindle book using the Kindle Direct Publishing (KDP) website as follows. You won't have to publish your ebook right away after the conversion. As described in Amazon's tutorial "Building Your Book for Kindle," save the Word file as a "web page, filtered" and click "Yes" when Word gives you a warning. (Mac users: save as a "Web Page, (.htm)" and select the option "Save only display information into HTML.") Upload the .htm file to KDP: the "Edit Book Details" web page, section 5, "Upload Your Book File." If your Word file contains pictures, then (PC users) hold down the "Ctrl" key and click on the .htm file and on the associated folder (has a similar name); after that, right-click and select "Send To" → "Compressed (zipped) Folder." (Mac users: click on the .htm file, hold down the "Shift" key and click the folder with pictures {has a similar name}; when both items are highlighted, right-click any one of them and select "Compress 2 items.") Double-click the resulting .zip file to open it and make sure you have both the .htm file and the folder with pictures inside. Close the .zip file and upload it to the KDP website (the "Edit Book Details" web page). After KDP completes the conversion, you will find the MOBI file (Kindle book) in the "Downloadable Previewer," the link "Download Book Preview File." Don't use the bug-ridden "Online Previewer." Do not download the "Previewer" program from the "Downloadable Previewer" if you already installed Kindle Previewer on your computer (same thing). Before downloading the .mobi file from the "Downloadable Previewer," don't forget to enter the book title and author name, and to upload a cover image to KDP on the same web page.

Open the .mobi file in Kindle Previewer and take a look at the formatting. Change the "Devices" menu to see what your ebook looks like on various Kindle devices.
jayminerik

Posts: 56
Registered: 05/15/11
Re: images cut off at the left
Posted: Oct 12, 2012 11:23 PM   in response to: man2010 in response to: man2010
 
Click to report abuse...   Click to reply to this thread Reply
Well, I tried that process, and it solved some of my other problems (such as inconsistent spacing before and after the images). But it didn't fix the two that were a little cut off; in fact, two more now have the same problem that were fine before! But I'm about at the point where I think I can live with that. Nothing essential is cut off - just the border - and I've resigned myself that there's probably nothing that can be done.
man2010

Posts: 2,048
Registered: 01/01/10
Re: images cut off at the left
Posted: Oct 12, 2012 11:51 PM   in response to: jayminerik in response to: jayminerik
 
Click to report abuse...   Click to reply to this thread Reply
But it didn't fix the two that were a little cut off; in fact, two more now have the same problem that were fine before!

I would understand if you don't want to deal with this issue anymore :-) But here are a few questions:

Is the width of these JPEG files less than 500 pixels?

What is the scale for these images in Word's settings (% relative to the original pictures size)?

Does the paragraph style that you are applying to images have zero inches for the left and right indent and "Special" indentation set to "none"?
jayminerik

Posts: 56
Registered: 05/15/11
Re: images cut off at the left
Posted: Oct 13, 2012 12:55 AM   in response to: man2010 in response to: man2010
 
Click to report abuse...   Click to reply to this thread Reply
No; one is 663 and the other is 629. I guess that could explain it, huh? Do I just resize the original jpgs and then stick them back in again?

Both are 100%.

Yes.
man2010

Posts: 2,048
Registered: 01/01/10
Re: images cut off at the left
Posted: Oct 13, 2012 1:21 AM   in response to: jayminerik in response to: jayminerik
Correct
Click to report abuse...   Click to reply to this thread Reply
Yes, you could delete the pictures from the Word file, resize them in your graphics editor, so that the width is less than 500 pixels and height is smaller than 700. It would be best to insert the pics back into the book using the correct procedure above.
ebookbarb7

Posts: 254
Registered: 03/06/11
Re: images cut off at the left
Posted: Oct 13, 2012 9:57 AM   in response to: man2010 in response to: man2010
 
Click to report abuse...   Click to reply to this thread Reply
FYI, it is possible to have multiple instances of Kindle for PC on one email account. I have one on my desktop and one on my laptop. They are both listed as possible destinations for file delivery when I buy a book or get a sample.

Barb
barb@ebooksbybarb.biz
man2010

Posts: 2,048
Registered: 01/01/10
Re: images cut off at the left
Posted: Oct 13, 2012 11:16 AM   in response to: ebookbarb7 in response to: ebookbarb7
 
Click to report abuse...   Click to reply to this thread Reply
Thanks, Barb, I will try that.
jayminerik

Posts: 56
Registered: 05/15/11
Re: images cut off at the left
Posted: Oct 13, 2012 8:49 PM   in response to: man2010 in response to: man2010
 
Click to report abuse...   Click to reply to this thread Reply
Thanks for all your help, Man. I resized all my images several times; even after I had them right, Word somehow changed the sizes and made them larger after I saved as a webpage, filtered, so I had to keep adjusting them, but finally they were right. They all fit beautifully on my Kindle screen now, and nothing's cut off. After I don't know how many dozen drafts (made much easier by the fact that I now know to bypass Mobipocket Creator), I finally hit "save and publish" on KDP this morning. YAY! And much of my success is due to your patient responses to so many of my (in many cases probably stupid) questions. I appreciate all your time.
man2010

Posts: 2,048
Registered: 01/01/10
Re: images cut off at the left
Posted: Oct 13, 2012 9:39 PM   in response to: jayminerik in response to: jayminerik
 
Click to report abuse...   Click to reply to this thread Reply
You're welcome :-)
Legend
Helpful Answer
Correct Answer

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