Bookshelf | Reports | Community | KDP Select

Home » Amazon KDP Support » Ask the Community » Formatting

Thread: Getting images to be full width across kindle screen


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

Permlink Replies: 13 - Pages: 1 - Last Post: Oct 3, 2017 4:11 AM Last Post By: thehandycrowd
thehandycrowd

Posts: 6
Registered: 02/27/12
Getting images to be full width across kindle screen
Posted: Sep 29, 2017 11:55 PM
Click to report abuse...   Click to reply to this thread Reply
Hiya all.
Been struggling with this for a while (both in practice and trying to find the answer).

My images are 1300px wide but display around 3/4 of the screen width. I've tried uploading directly .docx, filtered HTML etc. to no avail. Customer help say that the images are 1300px on their system and that they are displaying properly. I disagree.

I downloaded a book the other day and her images display beautifully.
I suspect WORD somewhere, although I dive deep into the settings and 'tell' it NOT to compress images etc.

Any ideas where I'm going wrong, it's driving me bonkers?

Cheers
Ian

p.s. this is what I mean.... (my book vs Hari's)
https://www.dropbox.com/s/7cx20xsmq3pa8t5/images%20on%20kindle.jpg?dl=0
p.p.s. Who'd have thought I'd have more trouble with the eBook version over the printed one which sailed though createspace lol!
writerbn

Posts: 4,994
Registered: 05/12/12
Re: Getting images to be full width across kindle screen
Posted: Sep 30, 2017 5:15 AM   in response to: thehandycrowd in response to: thehandycrowd
Click to report abuse...   Click to reply to this thread Reply
If you set the image width to 100% in the HTML, it will display correctly.

I'm not sure if you can do this in Word (I don't use it for e-books). I've found that the best way to achieve anything close to precise control over your formatting is to upload a validated ePub file.
Tripod Solution...

Posts: 104
Registered: 05/12/14
Re: Getting images to be full width across kindle screen
Posted: Sep 30, 2017 12:06 PM   in response to: thehandycrowd in response to: thehandycrowd
Click to report abuse...   Click to reply to this thread Reply
Hi Ian,

The code in the HTML file should be like this:

"Images/flower.gif" width="100%"

Images is the subdirectory


Charles G. Koonitz

Notjohn

Posts: 22,605
Registered: 02/27/13
Re: Getting images to be full width across kindle screen
Posted: Sep 30, 2017 12:52 PM   in response to: thehandycrowd in response to: thehandycrowd
Click to report abuse...   Click to reply to this thread Reply
If you're serious about this, you must use html. It's not difficult.

Uploading 1300 pixels wide is a bit of overkill, really. I use 800 pixels wide; a few upload images 1000 pixels wide. The width instruction in html is key.

The Fire tablet HDX 8.9 inch has a screen 1600 pixels wide, so if that's what you're looking at, and you don't use the width instruction, then it will certainly not fill the available width. To be honest, I don't know what that is, because at their largest, images only fill the width of the normal text display, and there's a bit of white margin all around.But I'm sure it doesn't eat up 300 pixels!

Note that any image can be zoomed on a Fire tablet by tapping on it. I trust that every owner knows that, but trust is not a good idea when it comes to things computerish.

See my blog post on this subject (How Wide the Image?).

(Don't trust KDP to publish a print edition. Don't trust CreateSpace to publish an ebook.)

Good luck! -- NJ

Notjohn's Guide to E-Book & Print Formatting

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

Posts: 6
Registered: 02/27/12
Re: Getting images to be full width across kindle screen
Posted: Oct 1, 2017 9:08 AM   in response to: Notjohn in response to: Notjohn
Click to report abuse...   Click to reply to this thread Reply
Thanks guys,
Not scared of a little HTML, I started out learning this before I fell in love with WordPress...

So, are you suggesting I try saving the doc as HTML filtered and then open up the file in another program and edit the HTML to adjust the width code parameters?

Will also reduce pic size as this will make the file smaller! (easy enough with batch commands in irfranview).

How to stop WORD shrinking my images during the 'save to HTML filtered' is my next challenge (it shrank them to 400 something wide last time I tried), hence uploading the .docx file directly last time.

Thanks again all

p.s. good advice, the print book from createspace is lovely...
Tripod Solution...

Posts: 104
Registered: 05/12/14
Re: Getting images to be full width across kindle screen
Posted: Oct 1, 2017 5:57 PM   in response to: thehandycrowd in response to: thehandycrowd
Click to report abuse...   Click to reply to this thread Reply
Use an HTML editor or Notepad ++

Open the HTML file
Remove the HTML code related to images
Place cursor where you want to insert images
Use insert Images tool, use width=100%
Repeat the process

Good luck!

Charles G. Koonitz
thehandycrowd

Posts: 6
Registered: 02/27/12
Re: Getting images to be full width across kindle screen
Posted: Oct 2, 2017 6:00 AM   in response to: thehandycrowd in response to: thehandycrowd
Click to report abuse...   Click to reply to this thread Reply
OK, save as 'web page filtered' this puts all the images into their own folder, before saving I opened the dialogue box as told it to not compress the images.
But the problem is that it ignores that command and it resized them all to 416px wide.

So, even if I add the image instruction 100%, this will still display at 416px wide.

Plus the HTML has hundreds of lines of code that are not in the .docx (i.e. fonts and headling levels I've not used etc.), even the image folder contains images I know are not in the .docx.

Becoming totally disillusioned with MS WORD...

Cheers for the help...
Tripod Solution...

Posts: 104
Registered: 05/12/14
Re: Getting images to be full width across kindle screen
Posted: Oct 2, 2017 6:31 AM   in response to: thehandycrowd in response to: thehandycrowd
Click to report abuse...   Click to reply to this thread Reply
Word is the most preferred format for beginners during the production of a digital book. For a non-fiction book, Word is a nightmare!
You don't have the choice to learn the basics of HTML if you want to produce professional ebooks.
HTML is not so complicated.

On Google, type these words:
CSS HTML W3schools

You will find a lot of tutorials.

Charles G. Koonitz
writerbn

Posts: 4,994
Registered: 05/12/12
Re: Getting images to be full width across kindle screen
Posted: Oct 2, 2017 8:33 AM   in response to: thehandycrowd in response to: thehandycrowd
Click to report abuse...   Click to reply to this thread Reply
thehandycrowd wrote:
Becoming totally disillusioned with MS WORD...
Since you mentioned that you don't mind working with HTML, don't bother with Word. Download Sigil (a free e-book editor) and upload the ePub file (after validating it) directly to KDP. That's what I use.
Notjohn

Posts: 22,605
Registered: 02/27/13
Re: Getting images to be full width across kindle screen
Posted: Oct 2, 2017 9:12 AM   in response to: writerbn in response to: writerbn
Click to report abuse...   Click to reply to this thread Reply
I agree that Sigil is the gold standard. What I would do is run that Word doc through Word2CleanHtml dot com online, open the resulting html file in Sigil, and tweak it there as needed. Takes some learning, but easiest in the long term. You can get the latest version at https://github.com/Sigil-Ebook/Sigil/releases.

(Don't trust KDP to publish a print edition. Don't trust CreateSpace to publish an ebook.)

Good luck! -- NJ

Notjohn's Guide to E-Book & Print Formatting

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

Posts: 6
Registered: 02/27/12
Re: Getting images to be full width across kindle screen
Posted: Oct 2, 2017 9:57 AM   in response to: Notjohn in response to: Notjohn
Click to report abuse...   Click to reply to this thread Reply
Yes, I have sigil somewhere...
I just opened the WORD HTML in notepad and there are thousands of lines of stuff not needed and the book is 400 pages plus, you can imagine!

Think I might have to learn to use scrivener after all next time...

In the meantime, I'll clean this up as best as I can as you suggest, I've already batched resized the 200 images via irfranview in a flash!

Thanks again for the advice (all), appreciate it :-)
MR R J LAIDLER

Posts: 714
Registered: 09/26/16
Re: Getting images to be full width across kindle screen
Posted: Oct 2, 2017 11:46 AM   in response to: thehandycrowd in response to: thehandycrowd
Click to report abuse...   Click to reply to this thread Reply
There are other ways of doing it. I took my Word file and converted it to plain text and then imported it into Sigil. However, before doing this I "marked up" all the formatting. Word can find specific formatting such as bold or italic, so you get it to find say all the stuff in italics and enter some made up combination of characters such &i for the start of the italics and %i for the end. When you convert the file to plain text the italic formatting will be stripped out but your little combinations of characters won't be.

Once you have imported the file into Sigil you use global search and replace to change your characters into the proper html code to turn the formatting on and off. The characters you use in the Word file can be anything - providing they don't appear in the text of course. :) you could use "boldystuffon" and "boldystuffoff" for the start and end of anything in bold. :)

For images the KDP advice at the time I did it was to use the best images you have. Mine were typically about 400Kb in size and 1800 pixels wide from memory - it was a year ago. :) KDP will compress the images further so I just let them do it - the results, mostly landscapes look good to my eye, very like the originals. There are over 80 of these images in the book and the epub file was 80Mb. They display, using the 100% command of course, full width.
Notjohn

Posts: 22,605
Registered: 02/27/13
Re: Getting images to be full width across kindle screen
Posted: Oct 3, 2017 3:39 AM   in response to: MR R J LAIDLER in response to: MR R J LAIDLER
Click to report abuse...   Click to reply to this thread Reply
RJ, any word-to-clean-html will do that for you! There is even a plug-in for Word that purports to do it (and many other things), though I've never been able to get it to work.

https://www.mobileread.com/forums/showthread.php?t=213372

(Don't trust KDP to publish a print edition. Don't trust CreateSpace to publish an ebook.)

Good luck! -- NJ

Notjohn's Guide to E-Book & Print Formatting

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

Posts: 6
Registered: 02/27/12
Re: Getting images to be full width across kindle screen
Posted: Oct 3, 2017 4:11 AM   in response to: Notjohn in response to: Notjohn
Click to report abuse...   Click to reply to this thread Reply
I ended up dumping the .docx file into Calibre and converting it to epub where I can edit the code to my hearts content. Code seems clean enough and all the WORD gobbledygook has gone.

Haven't quite finished so not sure what the final file size will be in comparison.
Legend
Helpful Answer
Correct Answer

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