<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Robot Comics &#187; Tutorials</title>
	<atom:link href="http://www.robotcomics.net/tag/tutorials/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.robotcomics.net</link>
	<description>Mobile comics for Android and iPhone</description>
	<lastBuildDate>Wed, 26 Jan 2011 03:20:27 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Adapting Comics for the Amazon Kindle Part 3 &#8211; Publishing Your Comic</title>
		<link>http://www.robotcomics.net/2009/11/adapting-comics-for-the-amazon-kindle-part-3-publishing-your-comic/</link>
		<comments>http://www.robotcomics.net/2009/11/adapting-comics-for-the-amazon-kindle-part-3-publishing-your-comic/#comments</comments>
		<pubDate>Sun, 15 Nov 2009 08:45:26 +0000</pubDate>
		<dc:creator>robotcomics</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[kindle]]></category>
		<category><![CDATA[kindle 2]]></category>
		<category><![CDATA[kindle comics]]></category>
		<category><![CDATA[kindle DX]]></category>
		<category><![CDATA[optimization]]></category>

		<guid isPermaLink="false">http://www.robotcomics.net/?p=1968</guid>
		<description><![CDATA[At long last!  The third and FINAL part to our Kindle Tutorial Trilogy of Terror! (no, seriously, try it, it&#8217;s terrifying&#8230;*shiver*&#8230;)
You can read PART 1: OPTIMIZING THE IMAGES by CLICKING HERE
You can read PART 2: THE HTML DOC by CLICKING HERE
So now you&#8217;ve put together your images, your text, and wrapped it all up in [...]


Related posts:<ol><li><a href='http://www.robotcomics.net/2009/07/adapting-comics-amazon-kindle-part-1-html-doc-tutorial/' rel='bookmark' title='Permanent Link: Adapting Comics for the Amazon Kindle Part 1 &#8211; Optimizing Images'>Adapting Comics for the Amazon Kindle Part 1 &#8211; Optimizing Images</a></li>
<li><a href='http://www.robotcomics.net/2009/08/adapting-comics-amazon-kindle-part-2-html-doc-tutorial/' rel='bookmark' title='Permanent Link: Adapting Comics for The Amazon Kindle Part 2 &#8211; The HTML Doc (Tutorial)'>Adapting Comics for The Amazon Kindle Part 2 &#8211; The HTML Doc (Tutorial)</a></li>
<li><a href='http://www.robotcomics.net/2009/07/robot-comics-launches-amazon-kindle/' rel='bookmark' title='Permanent Link: Robot Comics Launches on the Amazon Kindle'>Robot Comics Launches on the Amazon Kindle</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>At long last!  The third and <strong>FINAL</strong> part to our <strong>Kindle Tutorial Trilogy of Terror</strong>! (no, seriously, try it, it&#8217;s terrifying&#8230;*shiver*&#8230;)</p>
<p>You can read PART 1: OPTIMIZING THE IMAGES by <a href="../../2009/07/adapting-comics-amazon-kindle-part-1-html-doc-tutorial/">CLICKING HERE</a></p>
<p>You can read PART 2: THE HTML DOC by <a title="Adapting Comics for the Kindle Part 2" href="http://www.robotcomics.net/2009/08/adapting-comics-amazon-kindle-part-2-html-doc-tutorial/">CLICKING HERE</a></p>
<p>So now you&#8217;ve put together your images, your text, and wrapped it all up in a nice HTML bow.  Time to put this puppy up and online for<strong> Amazon</strong> shoppers everywhere to buy it!  How best to go about it?  Are there any tips you should know about?  And, heck,<strong> how exactly does</strong> <strong>publishing content on the Kindle store work</strong>?</p>
<h3>Digital Text Platform</h3>
<p><a href="http://www.robotcomics.net/wp/wp-content/uploads/2009/11/DTPhome.png" rel="lightbox[1968]"><img class="alignnone size-full wp-image-1969" title="Amazon's Digital Text Platform" src="http://www.robotcomics.net/wp/wp-content/uploads/2009/11/DTPhome.png" alt="Amazon's Digital Text Platform" width="500" height="222" /></a></p>
<p>You&#8217;ll need to sign up for a &#8220;<strong>DTP</strong>&#8221; account &#8211; the <strong><a title="Amazon's Digital Text Platform" href="http://dtp.amazon.com">DIGITAL TEXT PLATFORM</a></strong> is Amazon&#8217;s special platform for publishers (independent or otherwise).</p>
<p><span id="more-1968"></span></p>
<p>Once you have an account and are logged in, you&#8217;ll be redirected to your publishing &#8220;Dashboard&#8221;, where you&#8217;ll begin to indeed publish your first book(s)!  The information you need to fill in is broken into three sections:</p>
<ol>
<li>ENTER PRODUCT DETAILS</li>
<li>UPLOAD &amp; PREVIEW BOOK</li>
<li>ENTER PRICE.</li>
</ol>
<h3>Enter Product Details</h3>
<p><a href="http://www.robotcomics.net/wp/wp-content/uploads/2009/11/des1.png" rel="lightbox[1968]"><img class="alignnone size-full wp-image-1970" title="Enter Product Detail - First Half" src="http://www.robotcomics.net/wp/wp-content/uploads/2009/11/des1.png" alt="Enter Product Detail - First Half" width="500" height="344" /></a></p>
<p>Above you&#8217;ll see the first half (the left side of the screen) for entering your product details.</p>
<ul>
<li><strong>ISBN</strong>: This isn&#8217;t necessary, but obviously use it if you have one.</li>
<li><strong>TITLE</strong>: The full title you want on the Amazon Storefront.  We&#8217;ve found it best to add additional descriptive words to the title line so that your comic appears for searches from the Amazon homepage or a Search Engine page, and not just from inside a particular category.  For instance, instead of &#8220;The Desert Peach #2&#8243; we entered &#8220;The Desert Peach #2 (Comic) (Kindle 1 &amp; 2 Special Edition w/ Extras)&#8221;.  We originally displayed the title as just &#8220;The Desert Peach #2&#8243;, and our sales immediately increased after adding the additional descriptors.  This is due to the fact that many won&#8217;t be searching for a particular title, and indeed, putting  a book up on Amazon &#8211; especially for the Kindle &#8211; is all about finding a NEW audience, who don&#8217;t necessarily know your book exists.  What you want are folks interested in &#8220;Comics&#8221; on the &#8220;Kindle&#8221;, and you want your comic to pop up first when they search for this broad criteria.  Especially as the Kindle Store <strong>DOES NOT HAVE A COMICS CATEGORY</strong> &#8211; even though you can select such a category when publishing on the Kindle (this category exists outside the Kindle Store, and so your Kindle product will show up for &#8220;Comics&#8221; on the Amazon main store, where there is a comparatively hefty competition to get noticed, but NOT if people are searching directly inside the Kindle Store).  If people in the Kindle store want to find comics, they&#8217;re going to have to type the word &#8220;Comics&#8221; into the search bar.  Might as well have that word in your title then, eh? <img src='http://www.robotcomics.net/wp/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </li>
<li><strong>DESCRIPTION</strong>: If you have critical acclaim for your book you&#8217;d like to have posted, do it here.  Put it right at the top, and then do your product description.  There is NO HTML ALLOWED in this part.  No bolding, no links, no images, no nothing.  Just plain text.  If your book is a webcomic with a website or if there is some sort of link you want to post &#8211; such as a link to <a href="http://www.robotcomics.net/add-custom-screensavers-kindle-tutorial/">downloadable Kindle screensavers</a> (more on this in a future article) &#8211; then you can type it in as a copy-and-pasteable plain text http link.</li>
<li><strong>PUBLISHER</strong>: That&#8217;s you.  Or your company.  Even if the book was originally published in print by another company, you should put YOUR company&#8217;s name here, as you are the publisher of the digital content.  Amazon may ask for <a href="#rights">proof of digital rights</a>.</li>
<li><strong>LANGUAGE</strong>: Probably &#8220;English&#8221;, but be honest.</li>
<li><strong>PUBLICATION DATE</strong>: Choose a date 2-5 days in the future.  Amazon takes up to 5 business days to approve your submission and publish the book on the store.  Best not to have the posted publication date too far behind it&#8217;s actual posting.  In our experience, unless Amazon asks for proof of digital rights, they publish in about 2-3 business days.  If they ask for proof of rights and you respond promptly (the day of), they take 4-5.</li>
</ul>
<p><a href="http://www.robotcomics.net/wp/wp-content/uploads/2009/11/des2.png" rel="lightbox[1968]"><img class="alignnone size-full wp-image-1971" title="Digital Text Platform - Second Half" src="http://www.robotcomics.net/wp/wp-content/uploads/2009/11/des2.png" alt="Digital Text Platform - Second Half" width="500" height="311" /></a></p>
<p>And above is an image of the second half (right side of the screen).  Which includes:</p>
<ul>
<li><strong>CATEGORIES:</strong> You can select 5 categories total.  While there is a &#8220;Comics&#8221; category with a &#8220;Graphic Novel&#8221; sub-category, don&#8217;t waste too much time here, as these categories are not currently displayed inside the Kindle store proper.  I usually select &#8220;Graphic Novel&#8221; and &#8220;Comics and Cartoons&#8221; and then the other 3 selections I focus on the Fiction sub-categories that best apply.  You definitely want to spread your book into the proper niche categories, and again, find that audience that would likely be interested in your comic, but wouldn&#8217;t know to look for it &#8211; you need them to stumble upon it.</li>
<li><strong>AUTHORS</strong>: You can select more than one and do so &#8211; even if only one person worked on the comic, give them full credit, and choose them as &#8220;Author&#8221; and then again as &#8220;Illustrator&#8221;.  It&#8217;s always questionable if a book is actually a Graphic Novel/comic book or not when there is no Illustrator credit given.</li>
<li><strong>SEARCH KEYWORDS</strong>: While there is no limit listed here, Amazon will only pay attention to the first 8 that you enter.  So stick to that limit.  Put the book title, the author(s) name(s), and then terms like &#8220;comic&#8221;, &#8220;horror comic&#8221;, &#8220;graphic novel&#8221;, german military, etc. are the most useful.  In our experience, without using the book title and author name and category-like keywords, the comic does not appear in searches, or will appear surprisingly far down the list (too far!).  Put these terms in the title and <em>also</em> in the keywords, and you rise swiftly to the top.</li>
<li><strong>EDITION NUMBER</strong>: This is the digital edition number.  If it&#8217;s the first time, then 1 or 1.0 is the thing to put here.  You may (likely) re-publish to improve the digital edition after receiving reader feedback, in which case the edition will rise to 2.0, 3.0, etc.</li>
<li><strong>SERIES TITLE</strong>: The overarching title of the series.  Possibly not the same as the main Title.  For instance, &#8220;New Moon&#8221; is the Title, &#8220;Twilight&#8221; is the Series Title.  My apologies for using that as an example.</li>
<li><strong>SERIES VOLUME</strong>:  The issue number, or GN Volume number.</li>
<li><strong>PRODUCT IMAGE</strong>: The cover of the piece to be displayed on the Amazon storefront.  Can be jpeg, png, tiff, or gif.  They ask for a MINIMUM of 1200px on the longest side.  Basically, they want a print quality image.  It&#8217;ll look nicer.</li>
</ul>
<h3>Upload &amp; Preview Book</h3>
<p><a href="http://www.robotcomics.net/wp/wp-content/uploads/2009/11/pre.png" rel="lightbox[1968]"><img class="alignnone size-full wp-image-1972" title="Upload and Preview Your Book on Amazon's DTP" src="http://www.robotcomics.net/wp/wp-content/uploads/2009/11/pre.png" alt="Upload and Preview Your Book on Amazon's DTP" width="500" height="90" /></a></p>
<p>This one is pretty easy, if you&#8217;ve already followed all the instruction in the last two <strong>Kindle Tutorials</strong> <img src='http://www.robotcomics.net/wp/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>
<p>Simply click &#8220;<strong>Browse</strong>&#8221; and select the ZIP file for your <strong>Kindle-adapted comic</strong>, then upload.  This will take 5-15 minutes, so go grab a drink while you&#8217;re waiting.</p>
<p>Once the ZIP file is uploaded and converted, you&#8217;ll see the blue-ish box appear as in the image above (&#8221;Your document has been successfully converted&#8230;&#8221;).  Once that appears, you can then click on the &#8220;Preview&#8221; button to see what your final product will look like.  Like so:</p>
<p><a href="http://www.robotcomics.net/wp/wp-content/uploads/2009/11/preview2.png" rel="lightbox[1968]"><img class="alignnone size-full wp-image-1973" title="Preview feature in Amazon's DTP" src="http://www.robotcomics.net/wp/wp-content/uploads/2009/11/preview2.png" alt="Preview feature in Amazon's DTP" width="500" height="566" /></a></p>
<p>Word of warning &#8211; <strong>THE PREVIEW LIES!!!</strong> Or, well, stretches the truth.  For one thing, the image quality is much poorer on the Preview than on the Kindle itself.  However, the quality of the image on the Kindle is MUCH worse than the how the images will appear on your computer!  So in short, there&#8217;s no actual way of verifying precisely how the images will resolve on the Kindle itself, until the book is published and you buy a copy for yourself and take a look-see.  Do not &#8211; I repeat DO NOT use the preview to verify how good or poor the quality of your images are.  However, you can use the preview to make certain all the images are displaying properly and in the correct order.  And do yourself a favor &#8211; go through the whole comic and make certain of this.  Re-publishing is a bit of a pain (see below), so you&#8217;ll want to minimize how often you do that.</p>
<h3>Enter Price</h3>
<p><a href="http://www.robotcomics.net/wp/wp-content/uploads/2009/11/price.png" rel="lightbox[1968]"><img class="alignnone size-full wp-image-1974" title="Selecting Price for a Kindle Product" src="http://www.robotcomics.net/wp/wp-content/uploads/2009/11/price.png" alt="Selecting Price for a Kindle Product" width="445" height="159" /></a></p>
<p>Last but not least you&#8217;ll need to select a price for your comic.  Make certain the &#8220;Amazon Kindle Store&#8221; checkbox is checked (otherwise the comic won&#8217;t be published), and then plug in your price as you can see above.  <strong>YOU CANNOT SELECT &#8220;FREE&#8221; OR &#8220;0.00&#8243;</strong>!  Amazon allows a MINIMUM price point of $0.99  While you don&#8217;t want to ask for any price too high, remember that Amazon will take 60% of every sale (you read that right).  So you&#8217;ll only receive, before taxes, $0.30 of every dollar.</p>
<h3>Publish!</h3>
<p><a href="http://www.robotcomics.net/wp/wp-content/uploads/2009/11/publish.png" rel="lightbox[1968]"><img class="alignnone size-full wp-image-1975" title="Publish! on the Kindle!  Do it!" src="http://www.robotcomics.net/wp/wp-content/uploads/2009/11/publish.png" alt="Publish! on the Kindle!  Do it!" width="500" height="129" /></a></p>
<p>Once all that is done, scroll back up to above the &#8220;Enter Product Details&#8221; section and find that &#8220;PUBLISH&#8221; button (as circled in red above).  Click that and then there&#8217;s no turning back!  Your product will be published.  You will first see a green box appear announcing that your product is &#8220;Under Review&#8221; and will be published within 5 business days.  Simply keep coming back and logging into your DTP to see when it&#8217;s &#8220;live&#8221;.  When it is, the green box will be gone and in it&#8217;s place will be the old 3-section listing but now with the work &#8220;LIVE&#8221; next to it.  Click on &#8220;LIVE&#8221; to be taken to the product page on Amazon.com.</p>
<h3>Frequently Asked Questions</h3>
<p>You&#8217;ll have &#8216;em, trust me, here&#8217;s some answers in advance:</p>
<ol>
<li><strong>I click on &#8220;LIVE&#8221;</strong> <strong>and went to my product page &#8211; why are there no details here?</strong> It&#8217;s just an image and a bare-bones listing!!!  <strong>ANSWER</strong>: It takes almost a solid week for your Product Description Details to be added to the listing page.  For the first week your comic is Live, it&#8217;ll be a stripped down, pretty unimpressive listing.  Don&#8217;t fret, everyone has to go through that.  It&#8217;ll all pop into place eventually.</li>
<li><strong>My product&#8217;s been under review for weeks! </strong> Why won&#8217;t it go live?<strong> ANSWER:</strong> It happens.  If it doesn&#8217;t go live after a solid week has gone by, email <a href="mailto:dtp-feedback@amazon.com">dtp-feedback@amazon.com</a> They&#8217;re pretty fast with replying these days (1-2 days max), and they always fix the problem.</li>
<li><strong>Oh my god, my comic looks terrible on the Kindle! </strong>I want to republish!  <strong>ANSWER: </strong>Read below, this is a touch involved&#8230;.</li>
</ol>
<h3>Re-Publishing</h3>
<p>If you want to republish your work because you&#8217;ve become a more talented Kindle comic adapter, or your first attempt was a botched job, or for whatever reason, you have to <strong>REPUBLISH FROM SCRATCH</strong>.</p>
<p>Even though the Amazon support boards mention that you can simply click &#8220;Publish&#8221; again on the current product, this will only work if you&#8217;re updating the Product Description or Author info or anything in the DTP.  What you cannot do is upload a new ZIP file and then have that replace the currently published version.  The DTP actually allows you to upload a new version and click &#8220;Publish&#8221;, and it certainly SEEMS like it works.  But after going through the 5 day review and having the new edition supposedly published&#8230;it ain&#8217;t.</p>
<p>What you need to do is open up the &#8220;ENTER PRICE&#8221; part of the currently published edition and <strong>uncheck the &#8220;Amazon Kindle Store&#8221; checkbox</strong>.  This will unpublish the work within about 1 to 2 business days.  <strong>NOTE:</strong> 1 out of 3 times, while the unpublished version will no longer be purchasable form the Amazon Kindle Store, the listing remains.  This becomes a problem after you republish from scratch and suddenly there are two or even more listing of the same product &#8211; and only one of them the one you WANT people to buy!  If this happens, you&#8217;ll need to email <a href="mailto:dtp-feedback@amazon.com">dtp-feedback@amazon.com</a> and they&#8217;ll fix it within, on average, 1-2 business days.</p>
<p><a href="http://www.robotcomics.net/wp/wp-content/uploads/2009/11/listing.png" rel="lightbox[1968]"><img class="alignnone size-full wp-image-1977" title="Amazon Kindle listing" src="http://www.robotcomics.net/wp/wp-content/uploads/2009/11/listing.png" alt="Amazon Kindle listing" width="500" height="202" /></a></p>
<p>You&#8217;ll know that this has happened, and that it&#8217;s a problem, because your old listing will still be there on Amazon, as seen above, even though in your DTP it says that the listing is now a &#8220;Draft&#8221; instead of &#8220;Live&#8221;.  Most importantly, in that green box you see in the upper right hand corner &#8211; where normally you could purchase the digital comic &#8211; you&#8217;ll instead see (here&#8217;s a zoomed-in shot):</p>
<p><a href="http://www.robotcomics.net/wp/wp-content/uploads/2009/11/available.png" rel="lightbox[1968]"><img class="alignnone size-full wp-image-1978" title="Not Available Kindle Item!" src="http://www.robotcomics.net/wp/wp-content/uploads/2009/11/available.png" alt="Not Available Kindle Item!" width="254" height="163" /></a></p>
<p>And there you have it!  If you see that, contact Amazon support via the email above and get &#8216;em to take that puppy down!</p>
<p>THE END.</p>
<p>Yaaaaay!  You know know pretty much everything you&#8217;ll ever need to know to publish for the Kindle, at least for now.</p>
<p>But this isn&#8217;t quite the end, either, coming soon are two more Kindle articles from us:</p>
<h4>1) <strong>BONUS MATERIALS AND INTERACTIVITY With Kindle Comics!</strong></h4>
<p>and</p>
<h4>2) <strong>MOBI and ZIP FILES PUBLISHED OUTSIDE OF AMAZON</strong></h4>
<p>C&#8217;ya then, kids!</p>
<p><a name="rights">*<em>Proof of Digital Rights is defined by Amazon as:</em></a></p>
<p>Specifically if you are not the author of the title, please confirm that you have all rights necessary to distribute the title in eBook format, and provide any written documentation you have from the author or other copyright owner of the title (such as a contract or other written authorization) which gives you all rights necessary to distribute the title in eBook format, or any other documentation or evidence you have of your copyright ownership (such as a copyright registration number).</p>
<p>If you are the author of the title(s) and you have retained the eBook rights to the title(s), please confirm that you are the author of the title and that you have retained the eBook rights to the title, and provide any documentation or other evidence you may have of your ownership (such as a copyright registration number).</p>



Share this article


	<a rel="nofollow"  target="_blank" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fwww.robotcomics.net%2F2009%2F11%2Fadapting-comics-for-the-amazon-kindle-part-3-publishing-your-comic%2F&amp;title=Adapting%20Comics%20for%20the%20Amazon%20Kindle%20Part%203%20-%20Publishing%20Your%20Comic&amp;bodytext=At%20long%20last%21%C2%A0%20The%20third%20and%20FINAL%20part%20to%20our%20Kindle%20Tutorial%20Trilogy%20of%20Terror%21%20%28no%2C%20seriously%2C%20try%20it%2C%20it%27s%20terrifying...%2Ashiver%2A...%29%0D%0A%0D%0AYou%20can%20read%20PART%201%3A%20OPTIMIZING%20THE%20IMAGES%20by%20CLICKING%20HERE%0D%0A%0D%0AYou%20can%20read%20PART%202%3A%20THE%20HTML%20DOC%20by%20CLICKING%20" title="Digg"><img src="http://www.robotcomics.net/wp/wp-content/plugins/sociable/images/digg.png" title="Digg" alt="Digg" /></a>
	<a rel="nofollow"  target="_blank" href="http://delicious.com/post?url=http%3A%2F%2Fwww.robotcomics.net%2F2009%2F11%2Fadapting-comics-for-the-amazon-kindle-part-3-publishing-your-comic%2F&amp;title=Adapting%20Comics%20for%20the%20Amazon%20Kindle%20Part%203%20-%20Publishing%20Your%20Comic&amp;notes=At%20long%20last%21%C2%A0%20The%20third%20and%20FINAL%20part%20to%20our%20Kindle%20Tutorial%20Trilogy%20of%20Terror%21%20%28no%2C%20seriously%2C%20try%20it%2C%20it%27s%20terrifying...%2Ashiver%2A...%29%0D%0A%0D%0AYou%20can%20read%20PART%201%3A%20OPTIMIZING%20THE%20IMAGES%20by%20CLICKING%20HERE%0D%0A%0D%0AYou%20can%20read%20PART%202%3A%20THE%20HTML%20DOC%20by%20CLICKING%20" title="del.icio.us"><img src="http://www.robotcomics.net/wp/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" /></a>
	<a rel="nofollow"  target="_blank" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwww.robotcomics.net%2F2009%2F11%2Fadapting-comics-for-the-amazon-kindle-part-3-publishing-your-comic%2F&amp;t=Adapting%20Comics%20for%20the%20Amazon%20Kindle%20Part%203%20-%20Publishing%20Your%20Comic" title="Facebook"><img src="http://www.robotcomics.net/wp/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" /></a>
	<a rel="nofollow"  target="_blank" href="http://www.myspace.com/Modules/PostTo/Pages/?u=http%3A%2F%2Fwww.robotcomics.net%2F2009%2F11%2Fadapting-comics-for-the-amazon-kindle-part-3-publishing-your-comic%2F&amp;t=Adapting%20Comics%20for%20the%20Amazon%20Kindle%20Part%203%20-%20Publishing%20Your%20Comic" title="MySpace"><img src="http://www.robotcomics.net/wp/wp-content/plugins/sociable/images/myspace.png" title="MySpace" alt="MySpace" /></a>
	<a rel="nofollow"  target="_blank" href="http://www.mister-wong.com/addurl/?bm_url=http%3A%2F%2Fwww.robotcomics.net%2F2009%2F11%2Fadapting-comics-for-the-amazon-kindle-part-3-publishing-your-comic%2F&amp;bm_description=Adapting%20Comics%20for%20the%20Amazon%20Kindle%20Part%203%20-%20Publishing%20Your%20Comic&amp;plugin=soc" title="MisterWong"><img src="http://www.robotcomics.net/wp/wp-content/plugins/sociable/images/misterwong.png" title="MisterWong" alt="MisterWong" /></a>
	<a rel="nofollow"  target="_blank" href="http://www.mixx.com/submit?page_url=http%3A%2F%2Fwww.robotcomics.net%2F2009%2F11%2Fadapting-comics-for-the-amazon-kindle-part-3-publishing-your-comic%2F&amp;title=Adapting%20Comics%20for%20the%20Amazon%20Kindle%20Part%203%20-%20Publishing%20Your%20Comic" title="Mixx"><img src="http://www.robotcomics.net/wp/wp-content/plugins/sociable/images/mixx.png" title="Mixx" alt="Mixx" /></a>
	<a rel="nofollow"  target="_blank" href="http://ping.fm/ref/?link=http%3A%2F%2Fwww.robotcomics.net%2F2009%2F11%2Fadapting-comics-for-the-amazon-kindle-part-3-publishing-your-comic%2F&amp;title=Adapting%20Comics%20for%20the%20Amazon%20Kindle%20Part%203%20-%20Publishing%20Your%20Comic&amp;body=At%20long%20last%21%C2%A0%20The%20third%20and%20FINAL%20part%20to%20our%20Kindle%20Tutorial%20Trilogy%20of%20Terror%21%20%28no%2C%20seriously%2C%20try%20it%2C%20it%27s%20terrifying...%2Ashiver%2A...%29%0D%0A%0D%0AYou%20can%20read%20PART%201%3A%20OPTIMIZING%20THE%20IMAGES%20by%20CLICKING%20HERE%0D%0A%0D%0AYou%20can%20read%20PART%202%3A%20THE%20HTML%20DOC%20by%20CLICKING%20" title="Ping.fm"><img src="http://www.robotcomics.net/wp/wp-content/plugins/sociable/images/ping.png" title="Ping.fm" alt="Ping.fm" /></a>
	<a rel="nofollow"  target="_blank" href="http://reddit.com/submit?url=http%3A%2F%2Fwww.robotcomics.net%2F2009%2F11%2Fadapting-comics-for-the-amazon-kindle-part-3-publishing-your-comic%2F&amp;title=Adapting%20Comics%20for%20the%20Amazon%20Kindle%20Part%203%20-%20Publishing%20Your%20Comic" title="Reddit"><img src="http://www.robotcomics.net/wp/wp-content/plugins/sociable/images/reddit.png" title="Reddit" alt="Reddit" /></a>
	<a rel="nofollow"  target="_blank" href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fwww.robotcomics.net%2F2009%2F11%2Fadapting-comics-for-the-amazon-kindle-part-3-publishing-your-comic%2F&amp;title=Adapting%20Comics%20for%20the%20Amazon%20Kindle%20Part%203%20-%20Publishing%20Your%20Comic" title="StumbleUpon"><img src="http://www.robotcomics.net/wp/wp-content/plugins/sociable/images/stumbleupon.png" title="StumbleUpon" alt="StumbleUpon" /></a>
	<a rel="nofollow"  target="_blank" href="http://technorati.com/faves?add=http%3A%2F%2Fwww.robotcomics.net%2F2009%2F11%2Fadapting-comics-for-the-amazon-kindle-part-3-publishing-your-comic%2F" title="Technorati"><img src="http://www.robotcomics.net/wp/wp-content/plugins/sociable/images/technorati.png" title="Technorati" alt="Technorati" /></a>
	<a rel="nofollow"  target="_blank" href="http://buzz.yahoo.com/submit/?submitUrl=http%3A%2F%2Fwww.robotcomics.net%2F2009%2F11%2Fadapting-comics-for-the-amazon-kindle-part-3-publishing-your-comic%2F&amp;submitHeadline=Adapting%20Comics%20for%20the%20Amazon%20Kindle%20Part%203%20-%20Publishing%20Your%20Comic&amp;submitSummary=At%20long%20last%21%C2%A0%20The%20third%20and%20FINAL%20part%20to%20our%20Kindle%20Tutorial%20Trilogy%20of%20Terror%21%20%28no%2C%20seriously%2C%20try%20it%2C%20it%27s%20terrifying...%2Ashiver%2A...%29%0D%0A%0D%0AYou%20can%20read%20PART%201%3A%20OPTIMIZING%20THE%20IMAGES%20by%20CLICKING%20HERE%0D%0A%0D%0AYou%20can%20read%20PART%202%3A%20THE%20HTML%20DOC%20by%20CLICKING%20&amp;submitCategory=science&amp;submitAssetType=text" title="Yahoo! Buzz"><img src="http://www.robotcomics.net/wp/wp-content/plugins/sociable/images/yahoobuzz.png" title="Yahoo! Buzz" alt="Yahoo! Buzz" /></a>
	<a rel="nofollow"  target="_blank" href="http://posterous.com/share?linkto=http%3A%2F%2Fwww.robotcomics.net%2F2009%2F11%2Fadapting-comics-for-the-amazon-kindle-part-3-publishing-your-comic%2F&amp;title=Adapting%20Comics%20for%20the%20Amazon%20Kindle%20Part%203%20-%20Publishing%20Your%20Comic&amp;selection=At%20long%20last%21%C2%A0%20The%20third%20and%20FINAL%20part%20to%20our%20Kindle%20Tutorial%20Trilogy%20of%20Terror%21%20%28no%2C%20seriously%2C%20try%20it%2C%20it%27s%20terrifying...%2Ashiver%2A...%29%0D%0A%0D%0AYou%20can%20read%20PART%201%3A%20OPTIMIZING%20THE%20IMAGES%20by%20CLICKING%20HERE%0D%0A%0D%0AYou%20can%20read%20PART%202%3A%20THE%20HTML%20DOC%20by%20CLICKING%20" title="Posterous"><img src="http://www.robotcomics.net/wp/wp-content/plugins/sociable/images/posterous.png" title="Posterous" alt="Posterous" /></a>
	<a rel="nofollow"  target="_blank" href="http://twitter.com/home?status=Adapting%20Comics%20for%20the%20Amazon%20Kindle%20Part%203%20-%20Publishing%20Your%20Comic%20-%20http%3A%2F%2Fwww.robotcomics.net%2F2009%2F11%2Fadapting-comics-for-the-amazon-kindle-part-3-publishing-your-comic%2F" title="Twitter"><img src="http://www.robotcomics.net/wp/wp-content/plugins/sociable/images/twitter.png" title="Twitter" alt="Twitter" /></a>
	<a rel="nofollow"  target="_blank" href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http%3A%2F%2Fwww.robotcomics.net%2F2009%2F11%2Fadapting-comics-for-the-amazon-kindle-part-3-publishing-your-comic%2F&amp;title=Adapting%20Comics%20for%20the%20Amazon%20Kindle%20Part%203%20-%20Publishing%20Your%20Comic&amp;source=Robot+Comics+Mobile+comics+for+Android+and+iPhone&amp;summary=At%20long%20last%21%C2%A0%20The%20third%20and%20FINAL%20part%20to%20our%20Kindle%20Tutorial%20Trilogy%20of%20Terror%21%20%28no%2C%20seriously%2C%20try%20it%2C%20it%27s%20terrifying...%2Ashiver%2A...%29%0D%0A%0D%0AYou%20can%20read%20PART%201%3A%20OPTIMIZING%20THE%20IMAGES%20by%20CLICKING%20HERE%0D%0A%0D%0AYou%20can%20read%20PART%202%3A%20THE%20HTML%20DOC%20by%20CLICKING%20" title="LinkedIn"><img src="http://www.robotcomics.net/wp/wp-content/plugins/sociable/images/linkedin.png" title="LinkedIn" alt="LinkedIn" /></a>
	<a rel="nofollow"  target="_blank" href="http://www.propeller.com/submit/?url=http%3A%2F%2Fwww.robotcomics.net%2F2009%2F11%2Fadapting-comics-for-the-amazon-kindle-part-3-publishing-your-comic%2F" title="Propeller"><img src="http://www.robotcomics.net/wp/wp-content/plugins/sociable/images/propeller.png" title="Propeller" alt="Propeller" /></a>


<br/><br/>

<p>Related posts:<ol><li><a href='http://www.robotcomics.net/2009/07/adapting-comics-amazon-kindle-part-1-html-doc-tutorial/' rel='bookmark' title='Permanent Link: Adapting Comics for the Amazon Kindle Part 1 &#8211; Optimizing Images'>Adapting Comics for the Amazon Kindle Part 1 &#8211; Optimizing Images</a></li>
<li><a href='http://www.robotcomics.net/2009/08/adapting-comics-amazon-kindle-part-2-html-doc-tutorial/' rel='bookmark' title='Permanent Link: Adapting Comics for The Amazon Kindle Part 2 &#8211; The HTML Doc (Tutorial)'>Adapting Comics for The Amazon Kindle Part 2 &#8211; The HTML Doc (Tutorial)</a></li>
<li><a href='http://www.robotcomics.net/2009/07/robot-comics-launches-amazon-kindle/' rel='bookmark' title='Permanent Link: Robot Comics Launches on the Amazon Kindle'>Robot Comics Launches on the Amazon Kindle</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.robotcomics.net/2009/11/adapting-comics-for-the-amazon-kindle-part-3-publishing-your-comic/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Adapting Comics for The Amazon Kindle Part 2 &#8211; The HTML Doc (Tutorial)</title>
		<link>http://www.robotcomics.net/2009/08/adapting-comics-amazon-kindle-part-2-html-doc-tutorial/</link>
		<comments>http://www.robotcomics.net/2009/08/adapting-comics-amazon-kindle-part-2-html-doc-tutorial/#comments</comments>
		<pubDate>Tue, 11 Aug 2009 08:35:02 +0000</pubDate>
		<dc:creator>robotcomics</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[kindle]]></category>
		<category><![CDATA[kindle 2]]></category>
		<category><![CDATA[kindle DX]]></category>

		<guid isPermaLink="false">http://www.robotcomics.net/?p=1083</guid>
		<description><![CDATA[
UPDATE: We&#8217;ve updated the info below to better reflect the current Amazon/Kindle marketplace. 
LAST UPDATED 10/28/09
Time for Part 2 (of 3) of our vundubar CREATING COMICS FOR THE KINDLE tutorial series!
You can read PART 1: OPTIMIZING THE IMAGES by CLICKING HERE.
You&#8217;ve got your images all squared away.  It&#8217;s yea many pages in length and [...]


Related posts:<ol><li><a href='http://www.robotcomics.net/2009/07/adapting-comics-amazon-kindle-part-1-html-doc-tutorial/' rel='bookmark' title='Permanent Link: Adapting Comics for the Amazon Kindle Part 1 &#8211; Optimizing Images'>Adapting Comics for the Amazon Kindle Part 1 &#8211; Optimizing Images</a></li>
<li><a href='http://www.robotcomics.net/2009/11/adapting-comics-for-the-amazon-kindle-part-3-publishing-your-comic/' rel='bookmark' title='Permanent Link: Adapting Comics for the Amazon Kindle Part 3 &#8211; Publishing Your Comic'>Adapting Comics for the Amazon Kindle Part 3 &#8211; Publishing Your Comic</a></li>
<li><a href='http://www.robotcomics.net/2009/07/robot-comics-launches-amazon-kindle/' rel='bookmark' title='Permanent Link: Robot Comics Launches on the Amazon Kindle'>Robot Comics Launches on the Amazon Kindle</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><img class="aligncenter" src="/img/AQScreensaverad.png" alt="" /></p>
<p><strong>UPDATE: We&#8217;ve updated the info below to better reflect the current Amazon/Kindle marketplace. </strong></p>
<p><strong>LAST UPDATED 10/28/09</strong></p>
<p>Time for Part 2 (of 3) of our vundubar <strong>CREATING COMICS FOR THE KINDLE</strong> tutorial series!</p>
<p>You can read PART 1: OPTIMIZING THE IMAGES by <a href="http://www.robotcomics.net/2009/07/adapting-comics-amazon-kindle-part-1-html-doc-tutorial/">CLICKING HERE</a>.</p>
<p>You&#8217;ve got your images all squared away.  It&#8217;s yea many pages in length and they&#8217;re all lined up in the proper reading order.  Not that they have to be, but I recommend making the next part easy on yourself and make sure to call all the images something simple and obvious, like &#8220;page1.png&#8221;, &#8220;page2.png&#8221;, etc.</p>
<p>What next?  Next it&#8217;s time to create the dreaded HTML Document that acts as the actual layout for your Kindle comic.  All you need to do is have all your images in a single folder on your computer, then add an HTML doc titled &#8220;index.html&#8221;.  So long as the images and HTML doc are all within the same folder, the link to the images can be relative and so all you need to use are the image files&#8217; names.</p>
<p>For those unfamiliar with HTML, here&#8217;s a sample:</p>
<p><strong>&lt;img src=&#8221;page1.png&#8221;&gt;&lt;img src=&#8221;page2.png&#8221;&gt;&lt;img src=&#8221;page3.png&#8221;&gt;</strong>, etc, etc.  This puts all the images in the proper order when read on the Kindle when you upload the folder as a single ZIP file.<br />
<span id="more-1083"></span></p>
<h3>SUPPORTED HTML</h3>
<p>There&#8217;s very little HTML supported by the Kindle currently, nearly none that helps you in the image crafting department.  You can&#8217;t center an image with HTML, so you&#8217;ll need to do what was suggested in PART 1 of this tutorial series and center the art within a 525 x 640 white or black background (this allows every image to be the maximum 525 x 640 bar none).  You definitely shouldn&#8217;t resize the images with &#8220;width&#8221; or &#8220;height&#8221; HTML and alternate text or style elements are generally pointless.  Image-wise, the only HTML you should be using is the &lt;img src=&#8221;nameofimage.png&#8221;&gt; tag.</p>
<p>So what <em>will</em> you need HTML for?  Three major things: a <strong>Table of Contents</strong>, <strong>Special Features </strong>(an Introduction, Foreword, Afterword, etc.),   and defining your book&#8217;s <strong>Start Point.</strong></p>
<h3>TABLE OF CONTENTS</h3>
<p>Here&#8217;s where the actual HTML composing begins to come into play.  You&#8217;ll want a TOC for your comic, not just to have a nifty list of chapters and/or special features, but also for easy navigation through the comic itself.  Kindle page load times are radically slow by mobile device standards, so being able to jump easily to page 10, 20, 30, 40, etc. is key.  <em>Give your readers multiple jump-to points in the TOC</em>.</p>
<p>I&#8217;d recommend writing your HTML doc with a code editing software such as <a href="http://www.kompozer.net">KOMPOZER</a>.  It&#8217;ll automatically add missing HTML you may have left out and allow you to visually edit your doc whenever possible.  However, just to be thorough, here&#8217;s how any HTML doc should begin.  Insert the following code to begin and end the doc:</p>
<div style="border: 1px solid #000000; background: #aaaaaa;"><strong>&lt;html&gt;&lt;body&gt;&lt;/body&gt;&lt;/html&gt;</strong></div>
<p>You&#8217;ll place all the other HTML in-between the first two and the last two tags there.  To insert a Table of Contents, user the following toc div tag:</p>
<div style="border: 1px solid #000000; background: #aaaaaa;">&lt;html&gt;&lt;body&gt;<strong>&lt;div=&#8221;toc&#8221;&gt;&lt;/div&gt;</strong>&lt;/body&gt;&lt;/html&gt;</div>
<p>Then construct your Table of Contents between the &#8220;div&#8221; tags.   So if you want a TOC that looks like this:<br />
<img src="/img/tocKindle1.png" alt="" /></p>
<p>You&#8217;d type up the following in HTML:</p>
<div style="border: 1px solid #000000; background: #aaaaaa;">
<p>&lt;html&gt;&lt;body&gt;<strong> </strong></p>
<p>&lt;div=&#8221;toc&#8221;&gt;</p>
<p><strong>&lt;div style=&#8221;text-align: center;&#8221;&gt;&lt;b&gt;TABLE OF CONTENTS&lt;/b&gt;&lt;/div&gt;</strong><strong> </strong></p>
<p><strong>&lt;br&gt;</strong></p>
<p><strong>&lt;br&gt;&lt;div style=&#8221;text-align: left;&#8221;&gt;<br />
&lt;b&gt;&lt;u&gt;THE DESERT PEACH #1 Cover&lt;br&gt;<br />
Inside Cover/Copyright Page&lt;/b&gt;&lt;br&gt;<br />
&lt;br&gt;<br />
&#8220;&lt;b&gt;Who Is This Man?&lt;/b&gt;&#8221;&lt;br&gt;<br />
&lt;ul&gt;<br />
&lt;li&gt;&lt;b&gt;PAGE 1&lt;/b&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;b&gt;PAGE 11&lt;/b&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;b&gt;PAGE 21&lt;/b&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;b&gt;PAGE 31&lt;/b&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;b&gt;PAGE 41&lt;/b&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;b&gt;PAGE 51&lt;/b&gt;&lt;/li&gt;<br />
&lt;/ul&gt;<br />
&lt;b&gt;&lt;br&gt;<br />
&lt;u&gt;The Holocaust and the Boy on the Fence<br />
&lt;em&gt;(An<br />
Introduction to THE DESERT PEACH Series)&lt;/em&gt;&lt;/u&gt;</strong></p>
<p><strong> </strong></p>
<p>&lt;/div&gt;</p>
<p><strong> </strong>&lt;/body&gt;&lt;/html&gt;</div>
<p>In that example, the  <strong>&lt;b&gt;&lt;/b&gt;</strong> tags are for <strong>BOLD</strong>, the<strong> &lt;br&gt; </strong>tags are for line breaks, the <strong>&lt;li&gt;&lt;/li&gt;</strong> tags make a nice ordered indented bullet-point list for the pages, and the <strong>&lt;u&gt;&lt;/u&gt;</strong> tags make underlined text.</p>
<p>But what you&#8217;ll also want are <strong>LINKS</strong> &#8211; a list that is clickable and will properly send readers to the specified locations in the book.  To manage this, we use ANCHOR TAGS.  For the anchor link used in the TOC, use:  <strong>&lt;a href=&#8221;#name-of-anchor&#8221;&gt;&lt;/a&gt;</strong> Then for the anchor name (how we name the anchor in the first place) we place the following code around the proper point in the book: <strong>&lt;a name=&#8221;name-of-anchor&#8221;&gt;&lt;/a&gt;</strong> (note there is no pound sign used in the anchor name, just the anchor link).</p>
<p>So for instance, the above long example, with anchor links, becomes:</p>
<div style="border: 1px solid #000000; background: #aaaaaa;">
<p>&lt;html&gt;&lt;body&gt;<strong> </strong></p>
<p>&lt;div=&#8221;toc&#8221;&gt;</p>
<p>&lt;div style=&#8221;text-align: center;&#8221;&gt;&lt;b&gt;TABLE OF CONTENTS&lt;/b&gt;&lt;/div&gt;<br />
&lt;br&gt;<br />
&lt;div style=&#8221;text-align: left;&#8221;&gt;&lt;b&gt;&lt;br&gt;<strong><br />
</strong>&lt;u&gt;<strong>&lt;a href=&#8221;#cover&#8221;&gt;THE DESERT PEACH #1 Cover</strong><strong>&lt;/a&gt;</strong>&lt;/u&gt;&lt;br&gt;<strong><br />
&lt;a href=&#8221;#inside-cover&#8221;&gt;Inside Cover/Copyright Page&lt;/a&gt;</strong>&lt;/b&gt;&lt;br&gt;<br />
&lt;br&gt;<br />
&#8220;&lt;u&gt;&lt;b&gt;Who Is This Man?&#8221;&lt;/b&gt;&lt;/u&gt;&lt;br&gt;<br />
&lt;ul&gt;<br />
&lt;li&gt;&lt;b&gt;<strong>&lt;a href=&#8221;#page1&#8243;&gt;PAGE 1&lt;/a&gt;</strong>&lt;/b&gt;&lt;/li&gt;<strong><br />
</strong> &lt;li&gt;&lt;b&gt;<strong>&lt;a href=&#8221;#page11&#8243;&gt;PAGE 11&lt;/a&gt;</strong>&lt;/b&gt;&lt;/li&gt;<strong><br />
</strong> &lt;li&gt;&lt;b&gt;<strong>&lt;a href=&#8221;#page21&#8243;&gt;PAGE 21&lt;/a&gt;</strong>&lt;/b&gt;&lt;/li&gt;<strong><br />
</strong>&lt;li&gt;&lt;b&gt;<strong>&lt;a href=&#8221;#page31&#8243;&gt;PAGE 31&lt;/a&gt;</strong>&lt;/b&gt;&lt;/li&gt;<strong><br />
</strong>&lt;li&gt;&lt;b&gt;<strong>&lt;a href=&#8221;#page41&#8243;&gt;PAGE 41&lt;/a&gt;</strong>&lt;/b&gt;&lt;/li&gt;<strong><br />
</strong>&lt;li&gt;&lt;b&gt;<strong>&lt;a href=&#8221;#page51&#8243;&gt;PAGE 51&lt;/a&gt;</strong>&lt;/b&gt;&lt;/li&gt;<strong><br />
</strong>&lt;/ul&gt;<br />
&lt;b&gt;&lt;br&gt;<strong><br />
&lt;a href=&#8221;#introduction&#8221;&gt;</strong>&lt;u&gt;<strong>The Holocaust<br />
and the<br />
Boy on the Fence<br />
</strong>&lt;em&gt;<strong>(An<br />
Introduction to THE DESERT PEACH Series)</strong>&lt;/em&gt;&lt;/u&gt;<strong>&lt;/a&gt;<br />
</strong><strong></strong></p>
<p>&lt;/div&gt;</p>
<p><strong></strong>&lt;/body&gt;&lt;/html&gt;</div>
<p>And then for your images you&#8217;ll add the anchor names, so they&#8217;ll look like so (as a snippet of an example):</p>
<div style="border: 1px solid #000000; background: #aaaaaa;">
<p>&lt;html&gt;&lt;body&gt;</p>
<p>&lt;div=&#8221;toc&#8221;&gt;</p>
<p>&lt;div style=&#8221;text-align: center;&#8221;&gt;&lt;b&gt;TABLE OF CONTENTS&lt;/b&gt;&lt;/div&gt;<br />
&lt;br&gt;<br />
&lt;div style=&#8221;text-align: left;&#8221;&gt;&lt;b&gt;&lt;br&gt;<br />
&lt;u&gt;&lt;a href=&#8221;#cover&#8221;&gt;THE DESERT PEACH #1 Cover&lt;/a&gt;&lt;/u&gt;&lt;br&gt;<br />
&lt;a href=&#8221;#inside-cover&#8221;&gt;Inside Cover/Copyright Page&lt;/a&gt;&lt;/b&gt;&lt;br&gt;<br />
&lt;br&gt;<br />
&#8220;&lt;u&gt;&lt;b&gt;Who Is This Man?&#8221;&lt;/b&gt;&lt;/u&gt;&lt;br&gt;<br />
&lt;ul&gt;<br />
&lt;li&gt;&lt;b&gt;&lt;a href=&#8221;#page1&#8243;&gt;PAGE 1&lt;/a&gt;&lt;/b&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;b&gt;&lt;a href=&#8221;#page11&#8243;&gt;PAGE 11&lt;/a&gt;&lt;/b&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;b&gt;&lt;a href=&#8221;#page21&#8243;&gt;PAGE 21&lt;/a&gt;&lt;/b&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;b&gt;&lt;a href=&#8221;#page31&#8243;&gt;PAGE 31&lt;/a&gt;&lt;/b&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;b&gt;&lt;a href=&#8221;#page41&#8243;&gt;PAGE 41&lt;/a&gt;&lt;/b&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;b&gt;&lt;a href=&#8221;#page51&#8243;&gt;PAGE 51&lt;/a&gt;&lt;/b&gt;&lt;/li&gt;<strong><br />
</strong>&lt;/ul&gt;<br />
&lt;b&gt;&lt;br&gt;<strong><br />
</strong>&lt;a href=&#8221;#introduction&#8221;&gt;&lt;u&gt;The Holocaust<br />
and the<br />
Boy on the Fence<br />
&lt;em&gt;(An<br />
Introduction to THE DESERT PEACH Series)&lt;/em&gt;&lt;/u&gt;&lt;/a&gt;<strong><br />
</strong></p>
<p>&lt;/div&gt;</p>
<p><strong>&lt;a name=&#8221;cover&#8221;&gt;&lt;img src=&#8221;DP01-CVR.jpg&#8221;&gt;&lt;/a&gt;</strong></p>
<p><strong>&lt;a name=&#8221;inside-cover&#8221;&gt;&lt;img src=&#8221;DP01-insidecover.png&#8221;&gt;&lt;/a&gt;</strong></p>
<p><strong>&lt;a name=&#8221;#page1&#8243;&gt;&lt;img src=&#8221;page01.png&#8221;&gt;</strong></p>
<p><strong>&lt;img src=&#8221;page02.png&#8221;&gt;<br />
</strong></p>
<p><strong>&lt;img src=&#8221;page03.png&#8221;&gt;</strong></p>
<p><strong>&lt;img src=&#8221;page04.png&#8221;&gt;</strong></p>
<p><strong>&lt;img src=&#8221;page05.png&#8221;&gt;</strong></p>
<p><strong>&lt;img src=&#8221;page06.png&#8221;&gt;</strong></p>
<p><strong>&lt;img src=&#8221;page07.png&#8221;&gt;</strong></p>
<p><strong>&lt;img  src=&#8221;page08.png&#8221;&gt;</strong></p>
<p><strong>&lt;img src=&#8221;page09.png&#8221;&gt;</strong></p>
<p><strong>&lt;img src=&#8221;page10.png&#8221;&gt;</strong></p>
<p><strong>&lt;a name=&#8221;page11&#8243;&gt;&lt;img src=&#8221;page11.png&#8221;&gt;&lt;/a&gt;</strong></p>
<p><strong></strong>&lt;/body&gt;&lt;/html&gt;</div>
<p>And so on.   Simple wrap the <strong>&lt;a name=&#8221;"&gt;&lt;/a&gt;</strong> tags around the image or point in the comic you want the entry int he TOC to lead to, and readers will then be able to click on the line and be taken right to it.</p>
<p><strong>IMPORTANT</strong>: Amazon automatically creates a &#8220;Preview&#8221; for potential buyers to download and read before buying.  Whatever you make your &#8220;Chapter One&#8221; (the pages between the first TOC link and the second TOC link) will become this preview.  With one additional possible customization we&#8217;ll get to in a mo&#8217;.</p>
<h3>SPECIAL FEATURES</h3>
<p>When it comes to the <strong>NON-IMAGE</strong> portions of your comic, you have two options:</p>
<ol>
<li><strong>Make them images anyway</strong>.</li>
<li><strong>Make them HTML</strong>.</li>
</ol>
<p>It&#8217;s a coin-toss as to which is the better choice, depending on what you want the final result to be.  On the one hand, the HTML supported by the Kindle is exhaustively limited, meaning there&#8217;s hardly anything in the way of design that you can add to your Foreword, or Afterword, or Letter&#8217;s Page.  On the other hand, the plain text as it displays on the<strong> e-Ink Kindle scree</strong>n is beauteous in its own right.  It&#8217;s <em>crystal</em> clear and easy on the eyes.  It makes for good reading, arguably better reading than any more decorative display could offer.</p>
<p>But if you want atmosphere, you&#8217;ll need to use images.  Dice up your full-page comic-book-sized text into little Kindle-sized paragraphs with fancy fonts and art.  Basically you can have an image like so, with plain ol&#8217; rich (Kindle) text and an image tossed in:</p>
<p><img src="/img/kindleSAMP2.png" alt="" /></p>
<p>Or you can have the whole screen be <strong>an image and designed to fit the Kindle screen</strong>, like so:</p>
<p><img src="/img/screen070.jpg" alt="" /></p>
<p>As you can see, the &#8220;designed&#8221; image is much prettier, but to be 100% honest, it&#8217;ll be just that much more of a strain to read it on the Kindle screen as compared to the rich text version.  The rich text is cleaner, bigger, clearer.  The image version is, of course, more artistic.  For the image, just use the same image HTML you used in the earlier parts of this tutorial.  For rich text HTML, the above rich text example would be written like so:</p>
<div style="border: 1px solid #000000; background: #aaaaaa;"><strong>&lt;div style=&#8221;text-align: center;&#8221;&gt;&lt;img<br />
style=&#8221;width: 400px; height: 313px;&#8221;<br />
alt=&#8221;Robot Comics&#8217; Amazon Kindle Mascot&#8221; src=&#8221;amazon-final.png&#8221;&gt;&lt;br&gt;<br />
&lt;/div&gt;<br />
&lt;br&gt;<br />
&lt;div style=&#8221;text-align: left;&#8221;&gt;Bringing Donna&#8217;s work, at<br />
long last, to the forefront of the modern<br />
marketplace is just a single plan in a larger scheme of mine,<br />
tentatively referred to as &#8220;&lt;b&gt;KlLLING<br />
THE GRIZZLY COMICS&lt;/b&gt;&#8221; (head on over to</strong></div>
<p>You don&#8217;t have to worry about where the page will cut off &#8211; just write all the text in a seamless run of paragraphs (or &#8220;&lt;p&gt;&#8221; tags).  The Kindle will sweetly, automatically make the proper page breaks and make certain to display all the images properly.</p>
<p>If, however, you have a particular place you want to see a page break &#8211; for instance, if you had an AFTERWORD followed by, say, a bonus short prose story, then you won&#8217;t want the end of the Afterword to be on the same page as the beginning of the short story &#8211; too tacky.  So use this standard <strong>mobipocket code</strong> to insert a <strong>pagebreak</strong>:</p>
<div style="border: 1px solid #000000; background: #aaaaaa; margin: 0 0 20px 0;"><strong>&lt;mbp:pagebreak&gt;&lt;/mbp:pagebreak&gt;</strong></div>
<h3>START POINT</h3>
<p>The last thing you&#8217;ll use HTML for is to create a &#8220;Start&#8221; point for the comic &#8211; should it be the cover?  The Table of Contents?  The first page?  Your choice, but realize that there&#8217;s a slight flaw in how the Kindle reads the Start point: wherever you &#8220;Start&#8221;, that&#8217;s where your automatically generated &#8220;Preview&#8221; for potential buyers will start.</p>
<p><strong>UPDATED 10/28:</strong> <strong>I&#8217;ve recently learned a bit more about this flaw.</strong> Kindle support claims that any book&#8217;s &#8220;Preview&#8221; will be automatically generated using the &#8220;First 10% of the content, rounded up&#8221;.  Unfortunately, for comics, this becomes an issue because there are mostly images.  If you had ONLY images, then it would work &#8211; 10 images/pages would = 1 page preview.  However, if you include a TOC, which is text, then the Kindle goes a wee bit apes**t.  When you attempt to publish the book on the Kindle Digital Text Platform (which we&#8217;ll explore in full in PART 3), you get to preview the book before hitting &#8220;Publish&#8221;.  In the preview, you&#8217;ll note that there&#8217;s a page-count kind of counter on the bottom, that tracks what &#8220;Location&#8221; in the book you&#8217;re at depending on the page you&#8217;re on.  However, any text-based part of the book will take up a huge portion of this counter compared to the images &#8211; the TOC alone will take up 10-20%!!!</p>
<p>For whatever reason, the Kindle reads the single images/pages as being small parts of the overall book, while the text it reads as a far more weightier amount of &#8220;content&#8221;.  When trying to advance to a further Location in the DTP Preview, you&#8217;ll note that the TOC will simply advance line-by-line, showing you the same page, but with a new line added and an older one lost.  Eventually, after clicking down nearly 20% of the total Location-bar&#8217;s length, voila!  You now see the images.  So with a TOC added, your 10% preview becomes just the cover and the TOC and nothing else!  Yikes.</p>
<p>The best way to avoid this is to put the TOC at the END of the HTML document, rather than at the beginning.  Readers bring up the TOC via the &#8220;Menu&#8221; option on the Kindle, so it&#8217;s by and large unimportant to have them see it in the front.  Not to mention, you&#8217;d have to place the &#8220;Start&#8221; tag after the TOC in any event, so there is currently no way whatsoever to have the cover and TOC be the first thing readers see AND have the Kindle auto create a worthwhile preview on the Amazon marketplace.  Instead, place the TOC at the end, and have the first actual page of the comic be the &#8220;Start&#8221;.</p>
<p>How to use the start point?  A start point is created by using the word &#8220;start&#8221; as an anchor name, so:</p>
<div style="border: 1px solid #000000; background: #aaaaaa;"><strong>&lt;a name=&#8221;start&#8221;&gt;&lt;img src=&#8221;page01.png&#8221;&gt;&lt;/a&gt;<br />
</strong></div>
<p>Will make the comic start right on Page 1.  The Kindle allows users to bring up the Cover and/or Table of Contents at any time, regardless of your own Table of Contents and order of things.  So it&#8217;s truly no problem with skipping over these for the first opening of the book.  Kindle user know how to bring these up if they want to.</p>
<p>And that&#8217;s that!  Whew!</p>
<p>Part 3 is coming VERY SOON now! (looks for it around early November)</p>
<h3>NEXT: <strong>PUBLISHING</strong> your comic on the Kindle!</h3>



Share this article


	<a rel="nofollow"  target="_blank" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fwww.robotcomics.net%2F2009%2F08%2Fadapting-comics-amazon-kindle-part-2-html-doc-tutorial%2F&amp;title=Adapting%20Comics%20for%20The%20Amazon%20Kindle%20Part%202%20-%20The%20HTML%20Doc%20%28Tutorial%29&amp;bodytext=%0D%0A%0D%0AUPDATE%3A%20We%27ve%20updated%20the%20info%20below%20to%20better%20reflect%20the%20current%20Amazon%2FKindle%20marketplace.%20%0D%0A%0D%0ALAST%20UPDATED%2010%2F28%2F09%0D%0A%0D%0ATime%20for%20Part%202%20%28of%203%29%20of%20our%20vundubar%20CREATING%20COMICS%20FOR%20THE%20KINDLE%20tutorial%20series%21%0D%0A%0D%0AYou%20can%20read%20PART%201%3A%20OPTIMIZING%20T" title="Digg"><img src="http://www.robotcomics.net/wp/wp-content/plugins/sociable/images/digg.png" title="Digg" alt="Digg" /></a>
	<a rel="nofollow"  target="_blank" href="http://delicious.com/post?url=http%3A%2F%2Fwww.robotcomics.net%2F2009%2F08%2Fadapting-comics-amazon-kindle-part-2-html-doc-tutorial%2F&amp;title=Adapting%20Comics%20for%20The%20Amazon%20Kindle%20Part%202%20-%20The%20HTML%20Doc%20%28Tutorial%29&amp;notes=%0D%0A%0D%0AUPDATE%3A%20We%27ve%20updated%20the%20info%20below%20to%20better%20reflect%20the%20current%20Amazon%2FKindle%20marketplace.%20%0D%0A%0D%0ALAST%20UPDATED%2010%2F28%2F09%0D%0A%0D%0ATime%20for%20Part%202%20%28of%203%29%20of%20our%20vundubar%20CREATING%20COMICS%20FOR%20THE%20KINDLE%20tutorial%20series%21%0D%0A%0D%0AYou%20can%20read%20PART%201%3A%20OPTIMIZING%20T" title="del.icio.us"><img src="http://www.robotcomics.net/wp/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" /></a>
	<a rel="nofollow"  target="_blank" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwww.robotcomics.net%2F2009%2F08%2Fadapting-comics-amazon-kindle-part-2-html-doc-tutorial%2F&amp;t=Adapting%20Comics%20for%20The%20Amazon%20Kindle%20Part%202%20-%20The%20HTML%20Doc%20%28Tutorial%29" title="Facebook"><img src="http://www.robotcomics.net/wp/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" /></a>
	<a rel="nofollow"  target="_blank" href="http://www.myspace.com/Modules/PostTo/Pages/?u=http%3A%2F%2Fwww.robotcomics.net%2F2009%2F08%2Fadapting-comics-amazon-kindle-part-2-html-doc-tutorial%2F&amp;t=Adapting%20Comics%20for%20The%20Amazon%20Kindle%20Part%202%20-%20The%20HTML%20Doc%20%28Tutorial%29" title="MySpace"><img src="http://www.robotcomics.net/wp/wp-content/plugins/sociable/images/myspace.png" title="MySpace" alt="MySpace" /></a>
	<a rel="nofollow"  target="_blank" href="http://www.mister-wong.com/addurl/?bm_url=http%3A%2F%2Fwww.robotcomics.net%2F2009%2F08%2Fadapting-comics-amazon-kindle-part-2-html-doc-tutorial%2F&amp;bm_description=Adapting%20Comics%20for%20The%20Amazon%20Kindle%20Part%202%20-%20The%20HTML%20Doc%20%28Tutorial%29&amp;plugin=soc" title="MisterWong"><img src="http://www.robotcomics.net/wp/wp-content/plugins/sociable/images/misterwong.png" title="MisterWong" alt="MisterWong" /></a>
	<a rel="nofollow"  target="_blank" href="http://www.mixx.com/submit?page_url=http%3A%2F%2Fwww.robotcomics.net%2F2009%2F08%2Fadapting-comics-amazon-kindle-part-2-html-doc-tutorial%2F&amp;title=Adapting%20Comics%20for%20The%20Amazon%20Kindle%20Part%202%20-%20The%20HTML%20Doc%20%28Tutorial%29" title="Mixx"><img src="http://www.robotcomics.net/wp/wp-content/plugins/sociable/images/mixx.png" title="Mixx" alt="Mixx" /></a>
	<a rel="nofollow"  target="_blank" href="http://ping.fm/ref/?link=http%3A%2F%2Fwww.robotcomics.net%2F2009%2F08%2Fadapting-comics-amazon-kindle-part-2-html-doc-tutorial%2F&amp;title=Adapting%20Comics%20for%20The%20Amazon%20Kindle%20Part%202%20-%20The%20HTML%20Doc%20%28Tutorial%29&amp;body=%0D%0A%0D%0AUPDATE%3A%20We%27ve%20updated%20the%20info%20below%20to%20better%20reflect%20the%20current%20Amazon%2FKindle%20marketplace.%20%0D%0A%0D%0ALAST%20UPDATED%2010%2F28%2F09%0D%0A%0D%0ATime%20for%20Part%202%20%28of%203%29%20of%20our%20vundubar%20CREATING%20COMICS%20FOR%20THE%20KINDLE%20tutorial%20series%21%0D%0A%0D%0AYou%20can%20read%20PART%201%3A%20OPTIMIZING%20T" title="Ping.fm"><img src="http://www.robotcomics.net/wp/wp-content/plugins/sociable/images/ping.png" title="Ping.fm" alt="Ping.fm" /></a>
	<a rel="nofollow"  target="_blank" href="http://reddit.com/submit?url=http%3A%2F%2Fwww.robotcomics.net%2F2009%2F08%2Fadapting-comics-amazon-kindle-part-2-html-doc-tutorial%2F&amp;title=Adapting%20Comics%20for%20The%20Amazon%20Kindle%20Part%202%20-%20The%20HTML%20Doc%20%28Tutorial%29" title="Reddit"><img src="http://www.robotcomics.net/wp/wp-content/plugins/sociable/images/reddit.png" title="Reddit" alt="Reddit" /></a>
	<a rel="nofollow"  target="_blank" href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fwww.robotcomics.net%2F2009%2F08%2Fadapting-comics-amazon-kindle-part-2-html-doc-tutorial%2F&amp;title=Adapting%20Comics%20for%20The%20Amazon%20Kindle%20Part%202%20-%20The%20HTML%20Doc%20%28Tutorial%29" title="StumbleUpon"><img src="http://www.robotcomics.net/wp/wp-content/plugins/sociable/images/stumbleupon.png" title="StumbleUpon" alt="StumbleUpon" /></a>
	<a rel="nofollow"  target="_blank" href="http://technorati.com/faves?add=http%3A%2F%2Fwww.robotcomics.net%2F2009%2F08%2Fadapting-comics-amazon-kindle-part-2-html-doc-tutorial%2F" title="Technorati"><img src="http://www.robotcomics.net/wp/wp-content/plugins/sociable/images/technorati.png" title="Technorati" alt="Technorati" /></a>
	<a rel="nofollow"  target="_blank" href="http://buzz.yahoo.com/submit/?submitUrl=http%3A%2F%2Fwww.robotcomics.net%2F2009%2F08%2Fadapting-comics-amazon-kindle-part-2-html-doc-tutorial%2F&amp;submitHeadline=Adapting%20Comics%20for%20The%20Amazon%20Kindle%20Part%202%20-%20The%20HTML%20Doc%20%28Tutorial%29&amp;submitSummary=%0D%0A%0D%0AUPDATE%3A%20We%27ve%20updated%20the%20info%20below%20to%20better%20reflect%20the%20current%20Amazon%2FKindle%20marketplace.%20%0D%0A%0D%0ALAST%20UPDATED%2010%2F28%2F09%0D%0A%0D%0ATime%20for%20Part%202%20%28of%203%29%20of%20our%20vundubar%20CREATING%20COMICS%20FOR%20THE%20KINDLE%20tutorial%20series%21%0D%0A%0D%0AYou%20can%20read%20PART%201%3A%20OPTIMIZING%20T&amp;submitCategory=science&amp;submitAssetType=text" title="Yahoo! Buzz"><img src="http://www.robotcomics.net/wp/wp-content/plugins/sociable/images/yahoobuzz.png" title="Yahoo! Buzz" alt="Yahoo! Buzz" /></a>
	<a rel="nofollow"  target="_blank" href="http://posterous.com/share?linkto=http%3A%2F%2Fwww.robotcomics.net%2F2009%2F08%2Fadapting-comics-amazon-kindle-part-2-html-doc-tutorial%2F&amp;title=Adapting%20Comics%20for%20The%20Amazon%20Kindle%20Part%202%20-%20The%20HTML%20Doc%20%28Tutorial%29&amp;selection=%0D%0A%0D%0AUPDATE%3A%20We%27ve%20updated%20the%20info%20below%20to%20better%20reflect%20the%20current%20Amazon%2FKindle%20marketplace.%20%0D%0A%0D%0ALAST%20UPDATED%2010%2F28%2F09%0D%0A%0D%0ATime%20for%20Part%202%20%28of%203%29%20of%20our%20vundubar%20CREATING%20COMICS%20FOR%20THE%20KINDLE%20tutorial%20series%21%0D%0A%0D%0AYou%20can%20read%20PART%201%3A%20OPTIMIZING%20T" title="Posterous"><img src="http://www.robotcomics.net/wp/wp-content/plugins/sociable/images/posterous.png" title="Posterous" alt="Posterous" /></a>
	<a rel="nofollow"  target="_blank" href="http://twitter.com/home?status=Adapting%20Comics%20for%20The%20Amazon%20Kindle%20Part%202%20-%20The%20HTML%20Doc%20%28Tutorial%29%20-%20http%3A%2F%2Fwww.robotcomics.net%2F2009%2F08%2Fadapting-comics-amazon-kindle-part-2-html-doc-tutorial%2F" title="Twitter"><img src="http://www.robotcomics.net/wp/wp-content/plugins/sociable/images/twitter.png" title="Twitter" alt="Twitter" /></a>
	<a rel="nofollow"  target="_blank" href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http%3A%2F%2Fwww.robotcomics.net%2F2009%2F08%2Fadapting-comics-amazon-kindle-part-2-html-doc-tutorial%2F&amp;title=Adapting%20Comics%20for%20The%20Amazon%20Kindle%20Part%202%20-%20The%20HTML%20Doc%20%28Tutorial%29&amp;source=Robot+Comics+Mobile+comics+for+Android+and+iPhone&amp;summary=%0D%0A%0D%0AUPDATE%3A%20We%27ve%20updated%20the%20info%20below%20to%20better%20reflect%20the%20current%20Amazon%2FKindle%20marketplace.%20%0D%0A%0D%0ALAST%20UPDATED%2010%2F28%2F09%0D%0A%0D%0ATime%20for%20Part%202%20%28of%203%29%20of%20our%20vundubar%20CREATING%20COMICS%20FOR%20THE%20KINDLE%20tutorial%20series%21%0D%0A%0D%0AYou%20can%20read%20PART%201%3A%20OPTIMIZING%20T" title="LinkedIn"><img src="http://www.robotcomics.net/wp/wp-content/plugins/sociable/images/linkedin.png" title="LinkedIn" alt="LinkedIn" /></a>
	<a rel="nofollow"  target="_blank" href="http://www.propeller.com/submit/?url=http%3A%2F%2Fwww.robotcomics.net%2F2009%2F08%2Fadapting-comics-amazon-kindle-part-2-html-doc-tutorial%2F" title="Propeller"><img src="http://www.robotcomics.net/wp/wp-content/plugins/sociable/images/propeller.png" title="Propeller" alt="Propeller" /></a>


<br/><br/>

<p>Related posts:<ol><li><a href='http://www.robotcomics.net/2009/07/adapting-comics-amazon-kindle-part-1-html-doc-tutorial/' rel='bookmark' title='Permanent Link: Adapting Comics for the Amazon Kindle Part 1 &#8211; Optimizing Images'>Adapting Comics for the Amazon Kindle Part 1 &#8211; Optimizing Images</a></li>
<li><a href='http://www.robotcomics.net/2009/11/adapting-comics-for-the-amazon-kindle-part-3-publishing-your-comic/' rel='bookmark' title='Permanent Link: Adapting Comics for the Amazon Kindle Part 3 &#8211; Publishing Your Comic'>Adapting Comics for the Amazon Kindle Part 3 &#8211; Publishing Your Comic</a></li>
<li><a href='http://www.robotcomics.net/2009/07/robot-comics-launches-amazon-kindle/' rel='bookmark' title='Permanent Link: Robot Comics Launches on the Amazon Kindle'>Robot Comics Launches on the Amazon Kindle</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.robotcomics.net/2009/08/adapting-comics-amazon-kindle-part-2-html-doc-tutorial/feed/</wfw:commentRss>
		<slash:comments>15</slash:comments>
		</item>
		<item>
		<title>Adapting Comics for the Amazon Kindle Part 1 &#8211; Optimizing Images</title>
		<link>http://www.robotcomics.net/2009/07/adapting-comics-amazon-kindle-part-1-html-doc-tutorial/</link>
		<comments>http://www.robotcomics.net/2009/07/adapting-comics-amazon-kindle-part-1-html-doc-tutorial/#comments</comments>
		<pubDate>Thu, 30 Jul 2009 07:49:07 +0000</pubDate>
		<dc:creator>robotcomics</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[kindle]]></category>
		<category><![CDATA[kindle 2]]></category>
		<category><![CDATA[kindle comics]]></category>
		<category><![CDATA[kindle DX]]></category>
		<category><![CDATA[optimization]]></category>

		<guid isPermaLink="false">http://www.robotcomics.net/?p=1075</guid>
		<description><![CDATA[UPDATE: We&#8217;ve updated the info below to better reflect the current Amazon/Kindle marketplace. 
LAST UPDATED 10/26/09
Time for a handy-dandy tutorial on adapting comics for the Kindle!
The Lowdown

Anyone can sign up to publish books on the Kindle.  Just register an account at Amazon&#8217;s Digital Text Platform site, and then you&#8217;re ready to begin uploading your [...]


Related posts:<ol><li><a href='http://www.robotcomics.net/2009/11/adapting-comics-for-the-amazon-kindle-part-3-publishing-your-comic/' rel='bookmark' title='Permanent Link: Adapting Comics for the Amazon Kindle Part 3 &#8211; Publishing Your Comic'>Adapting Comics for the Amazon Kindle Part 3 &#8211; Publishing Your Comic</a></li>
<li><a href='http://www.robotcomics.net/2009/08/adapting-comics-amazon-kindle-part-2-html-doc-tutorial/' rel='bookmark' title='Permanent Link: Adapting Comics for The Amazon Kindle Part 2 &#8211; The HTML Doc (Tutorial)'>Adapting Comics for The Amazon Kindle Part 2 &#8211; The HTML Doc (Tutorial)</a></li>
<li><a href='http://www.robotcomics.net/2009/07/desert-peach-1-amazon-kindle-2/' rel='bookmark' title='Permanent Link: The Desert Peach #1 for Amazon Kindle 1 &amp; 2'>The Desert Peach #1 for Amazon Kindle 1 &amp; 2</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p><strong>UPDATE: We&#8217;ve updated the info below to better reflect the current Amazon/Kindle marketplace. </strong></p>
<p><strong>LAST UPDATED 10/26/09</strong></p>
<p>Time for a handy-dandy tutorial on adapting comics for the <strong>Kindle</strong>!</p>
<h3>The Lowdown</h3>
<p style="text-align: left;"><img class="aligncenter" src="/img/azOPT.png" alt="" /><br />
Anyone can sign up to publish books on the Kindle.  Just register an account at Amazon&#8217;s <a title="Amazon's Digital Text Platform" href="https://dtp.amazon.com">Digital Text Platform</a> site, and then you&#8217;re ready to begin uploading your finished <strong>Kindle</strong>-adapted product!</p>
<p>Er&#8230;whoops, how does someone adapt a comic for the <strong>Kindle</strong>?  Just resize some pages and submit?</p>
<p>Wouldn&#8217;t that be nice.  No, alas, there&#8217;s lots to know, and a plethora of misinformation bread-crumbed across the internet to confuse the issue as much as it possibly could be.  But here&#8217;s the full skinny as it currently stands with optimizing for the <strong>Kindle 2</strong> device, and we&#8217;ll additionally touch upon the possibilities of adapting for the DX and First Generation devices as we go.</p>
<h3>Zip file with HTML</h3>
<p>The final file for uploading to Amazon should be a ZIP file, containing all the images/pages of the comic, alongside an HTML document included inside the zip, informing Amazon the order and style in which the contents will be displayed.</p>
<p>We&#8217;ll go over the HTML in detail in part 2 of this tutorial series, but for now, let&#8217;s focus on optimizing the images.</p>
<p><span id="more-1075"></span></p>
<h3>Size and centering</h3>
<p>The screen resolution of the <strong>Kindle 2</strong> is 600px x 800px, but this is not the actual display area when a book is reformatted and purchased via the official Amazon marketplace.  You can upload a comic directly from your computer and still have it display &#8220;Full Screen&#8221;, but if you sell through Amazon, your final page display area is, maximum, 525px 640px.</p>
<p>If you make the image smaller than this, it&#8217;ll be automatically resized to fill in the remaining area, and the enlargement will cause the quality of the image to suffer.  If you make it too big, it&#8217;ll be downsized and what you thought was legible and large enough to read likely won&#8217;t be anymore.  The good news is that only ONE side needs to be at the maximum, because Amazon won&#8217;t change your images&#8217; width/height ratio.  So for example, if an image is 500 x 600, Amazon will auto resize it to 525 x 630 &#8211; the full width but not the full height, because only one side needs to reach the maximum.  Keeping the ratio the same between the original width and height, the image reaches 525 in width when the height is only 630.  Ergo: 525 x 630.</p>
<p>On the other hand, if your image is 450 x 640, or say 525 x 525, the image will not be resized at all, because one side is already at the maximum.</p>
<p>For any comics you release unofficially through venues other than the Amazon marketplace, the full size of the Kindle screen and therefore your images can be as big as 600px x 800px.</p>
<p>Due to this, most comic pages need to be broken down into smaller than page-sized screenshots.</p>
<p>And lest you think the <strong>Kindle DX</strong> will be the great saving grace on this point, currently, Amazon has no software in place to determine if a book is being downloaded for a Kindle 1, 2, or DX, and so all images are automatically resized to fit the device &#8211; upsized for the DX, downsized for the K2.  There is no one-size-fits-all, although you do have the option to publish the book twice, one completely different adaptation for each Kindle model.  Seeing as how most Kindle users are still K2 users, so much for that idea, eh?</p>
<p>One final but important note: you cannot center images with HTML on the Kindle (you can horizontally but not vertically).  To work around this, and make absolutely certain your image is never resized after it&#8217;s optimized, cut and paste your final screenshot into the center of a 525 x 640 background.  Voila!  Now your images are all the fullest size possible, and always centered perfectly.</p>
<p>So instead of this:</p>
<p><img class="aligncenter" src="/img/page03.png" alt="" /></p>
<p>Create this (Black background added for obvious separation between original image and the newly added space):</p>
<p><img class="aligncenter" src="/img/page3a.png" alt="" /></p>
<h3>Optimizing the Image Quality on the Kindle 2</h3>
<p>Size isn&#8217;t everything, and you&#8217;ll need to follow these very important guidelines to get the best resolution possible on the Kindle 2 16-shade screen.  Make sure you&#8217;re using as high quality an original image as possible, and then:</p>
<ol>
<li>RESIZE the image first!  Do not do any of the below until you&#8217;ve completed that very important step.  If you resize later you&#8217;ll be left with some very ugly images indeed.  Resize to 72-96dpi (300dpi is unnecessary when speaking of digital, and makes overly-large file-sizes, which the Kindle doesn&#8217;t handle so well)</li>
<li>CROP ALL EXTRANEOUS MARGINS.  You&#8217;re already downsizing to fit a small-ish screen.  Why let any precious space be taken up by white or black margins?</li>
<li>SHARPEN your image.  If you&#8217;re using Photoshop, the best thing to do is use the Filter &#8220;Sharpen Edges&#8221;.  If the text is hand-drawn or overly tiny (unable to by resized), then also use plain ol&#8217; vanilla &#8220;Sharpen&#8221; to boot.  The image will look overly crisp on your computer monitor, but it&#8217;ll make a huge difference on the fuzzier Kindle screen.  <strong>UPDATE: This will depend entirely on the original art itself.  Some art will not require this sharpening and indeed look pixelated and horrible with it, and some will depend entirely upon it, appearing as if behind a veil of digital fog without it.  Fun, eh?  We highly, <span style="text-decoration: underline;">highly</span> recommend that you find someone with a Kindle to test your art for you before you publish.  It&#8217;s necessary.</strong></li>
<li>INCREASE THE CONTRAST TO 100% &#8211; or if not 100%, increase it to where the white and black (or dark and light) areas are extra separated from each other.  Since the Kindle is actually shades of GRAY and not at all black-and-white, it needs whatever help in can get to help divvy up the shades and keep your picture sharp and crystal clear.</li>
<li>BRIGHTEN OR DARKEN the image.  Depending on the original art, and what occurs when the Contrast is increased, it will likely be best to increase the Brightness or decrease it.  If the image is overly dark, brighten.  If it&#8217;s overly white/bright, darken.</li>
<li>Save as a PNG-8, 16 Colors, &#8220;Perceptual&#8221; color reduction algorithm, and &#8220;Noise&#8221; Dithering.  PNG-8 because anything more is lost on the Kindle&#8217;s 16-shade only screen, and would simply create an overly large file with zero gained result.  16 Colors to match the 16 shades of Kindle 2 e-Ink.  &#8220;Perceptual&#8221; and &#8220;Noise&#8221; because they toss in additional very small specks of shade that help fool the Kindle into believing there are more shades of gray than there actually are.</li>
</ol>
<p>And that&#8217;s it!  You&#8217;ve got a perfectly adapted-for-the-Kindle comic image!</p>
<p>Please note that the image maylook terrible on your PC or Mac.  The level of Sharpness, the low-quality PNG-8 with extra contrast, Noise, etc., etc., will all combine to make a god-awful looking thing starting back at you.  But after it goes through the Amazon process and gets spat back out as an azw, you&#8217;ll see the final result for yourself.</p>
<p>Here&#8217;s a sample of an image screenshot not optimized:</p>
<p><img class="aligncenter" src="/img/nonOPT.png" alt="" width="525" /></p>
<p>And here it is optimized:</p>
<p><img class="aligncenter" src="/img/page45.png" alt="" /></p>
<p>Pretty damn ugly, eh?  Or, at least it&#8217;s quite different than what one expects an &#8220;optimized&#8221; page of art to look like.  <strong>Again, however, if your art is already large, thick-lined, and light on the detail, this may be unnecessary.</strong></p>
<p>If you don&#8217;t have a <strong>Kindle</strong> to test the final product, you can publish, wait for the book to go up, purchase a copy, and have Amazon send the azw file to your computer.  Then use a free online program such as <a href="http://www.mobipocket.com/en/DownloadSoft/ProductDetailsReader.asP">Mobipocket eReader</a> to check it out.</p>
<p>Next in part 2: the HTML document (Now up!  <a href="http://www.robotcomics.net/2009/08/adapting-comics-amazon-kindle-part-2-html-doc-tutorial/">CLICK HERE</a>).</p>



Share this article


	<a rel="nofollow"  target="_blank" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fwww.robotcomics.net%2F2009%2F07%2Fadapting-comics-amazon-kindle-part-1-html-doc-tutorial%2F&amp;title=Adapting%20Comics%20for%20the%20Amazon%20Kindle%20Part%201%20-%20Optimizing%20Images&amp;bodytext=UPDATE%3A%20We%27ve%20updated%20the%20info%20below%20to%20better%20reflect%20the%20current%20Amazon%2FKindle%20marketplace.%20%0D%0A%0D%0ALAST%20UPDATED%2010%2F26%2F09%0D%0A%0D%0ATime%20for%20a%20handy-dandy%20tutorial%20on%20adapting%20comics%20for%20the%20Kindle%21%0D%0AThe%20Lowdown%0D%0A%0D%0AAnyone%20can%20sign%20up%20to%20publish%20books%20on%20the%20K" title="Digg"><img src="http://www.robotcomics.net/wp/wp-content/plugins/sociable/images/digg.png" title="Digg" alt="Digg" /></a>
	<a rel="nofollow"  target="_blank" href="http://delicious.com/post?url=http%3A%2F%2Fwww.robotcomics.net%2F2009%2F07%2Fadapting-comics-amazon-kindle-part-1-html-doc-tutorial%2F&amp;title=Adapting%20Comics%20for%20the%20Amazon%20Kindle%20Part%201%20-%20Optimizing%20Images&amp;notes=UPDATE%3A%20We%27ve%20updated%20the%20info%20below%20to%20better%20reflect%20the%20current%20Amazon%2FKindle%20marketplace.%20%0D%0A%0D%0ALAST%20UPDATED%2010%2F26%2F09%0D%0A%0D%0ATime%20for%20a%20handy-dandy%20tutorial%20on%20adapting%20comics%20for%20the%20Kindle%21%0D%0AThe%20Lowdown%0D%0A%0D%0AAnyone%20can%20sign%20up%20to%20publish%20books%20on%20the%20K" title="del.icio.us"><img src="http://www.robotcomics.net/wp/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" /></a>
	<a rel="nofollow"  target="_blank" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwww.robotcomics.net%2F2009%2F07%2Fadapting-comics-amazon-kindle-part-1-html-doc-tutorial%2F&amp;t=Adapting%20Comics%20for%20the%20Amazon%20Kindle%20Part%201%20-%20Optimizing%20Images" title="Facebook"><img src="http://www.robotcomics.net/wp/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" /></a>
	<a rel="nofollow"  target="_blank" href="http://www.myspace.com/Modules/PostTo/Pages/?u=http%3A%2F%2Fwww.robotcomics.net%2F2009%2F07%2Fadapting-comics-amazon-kindle-part-1-html-doc-tutorial%2F&amp;t=Adapting%20Comics%20for%20the%20Amazon%20Kindle%20Part%201%20-%20Optimizing%20Images" title="MySpace"><img src="http://www.robotcomics.net/wp/wp-content/plugins/sociable/images/myspace.png" title="MySpace" alt="MySpace" /></a>
	<a rel="nofollow"  target="_blank" href="http://www.mister-wong.com/addurl/?bm_url=http%3A%2F%2Fwww.robotcomics.net%2F2009%2F07%2Fadapting-comics-amazon-kindle-part-1-html-doc-tutorial%2F&amp;bm_description=Adapting%20Comics%20for%20the%20Amazon%20Kindle%20Part%201%20-%20Optimizing%20Images&amp;plugin=soc" title="MisterWong"><img src="http://www.robotcomics.net/wp/wp-content/plugins/sociable/images/misterwong.png" title="MisterWong" alt="MisterWong" /></a>
	<a rel="nofollow"  target="_blank" href="http://www.mixx.com/submit?page_url=http%3A%2F%2Fwww.robotcomics.net%2F2009%2F07%2Fadapting-comics-amazon-kindle-part-1-html-doc-tutorial%2F&amp;title=Adapting%20Comics%20for%20the%20Amazon%20Kindle%20Part%201%20-%20Optimizing%20Images" title="Mixx"><img src="http://www.robotcomics.net/wp/wp-content/plugins/sociable/images/mixx.png" title="Mixx" alt="Mixx" /></a>
	<a rel="nofollow"  target="_blank" href="http://ping.fm/ref/?link=http%3A%2F%2Fwww.robotcomics.net%2F2009%2F07%2Fadapting-comics-amazon-kindle-part-1-html-doc-tutorial%2F&amp;title=Adapting%20Comics%20for%20the%20Amazon%20Kindle%20Part%201%20-%20Optimizing%20Images&amp;body=UPDATE%3A%20We%27ve%20updated%20the%20info%20below%20to%20better%20reflect%20the%20current%20Amazon%2FKindle%20marketplace.%20%0D%0A%0D%0ALAST%20UPDATED%2010%2F26%2F09%0D%0A%0D%0ATime%20for%20a%20handy-dandy%20tutorial%20on%20adapting%20comics%20for%20the%20Kindle%21%0D%0AThe%20Lowdown%0D%0A%0D%0AAnyone%20can%20sign%20up%20to%20publish%20books%20on%20the%20K" title="Ping.fm"><img src="http://www.robotcomics.net/wp/wp-content/plugins/sociable/images/ping.png" title="Ping.fm" alt="Ping.fm" /></a>
	<a rel="nofollow"  target="_blank" href="http://reddit.com/submit?url=http%3A%2F%2Fwww.robotcomics.net%2F2009%2F07%2Fadapting-comics-amazon-kindle-part-1-html-doc-tutorial%2F&amp;title=Adapting%20Comics%20for%20the%20Amazon%20Kindle%20Part%201%20-%20Optimizing%20Images" title="Reddit"><img src="http://www.robotcomics.net/wp/wp-content/plugins/sociable/images/reddit.png" title="Reddit" alt="Reddit" /></a>
	<a rel="nofollow"  target="_blank" href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fwww.robotcomics.net%2F2009%2F07%2Fadapting-comics-amazon-kindle-part-1-html-doc-tutorial%2F&amp;title=Adapting%20Comics%20for%20the%20Amazon%20Kindle%20Part%201%20-%20Optimizing%20Images" title="StumbleUpon"><img src="http://www.robotcomics.net/wp/wp-content/plugins/sociable/images/stumbleupon.png" title="StumbleUpon" alt="StumbleUpon" /></a>
	<a rel="nofollow"  target="_blank" href="http://technorati.com/faves?add=http%3A%2F%2Fwww.robotcomics.net%2F2009%2F07%2Fadapting-comics-amazon-kindle-part-1-html-doc-tutorial%2F" title="Technorati"><img src="http://www.robotcomics.net/wp/wp-content/plugins/sociable/images/technorati.png" title="Technorati" alt="Technorati" /></a>
	<a rel="nofollow"  target="_blank" href="http://buzz.yahoo.com/submit/?submitUrl=http%3A%2F%2Fwww.robotcomics.net%2F2009%2F07%2Fadapting-comics-amazon-kindle-part-1-html-doc-tutorial%2F&amp;submitHeadline=Adapting%20Comics%20for%20the%20Amazon%20Kindle%20Part%201%20-%20Optimizing%20Images&amp;submitSummary=UPDATE%3A%20We%27ve%20updated%20the%20info%20below%20to%20better%20reflect%20the%20current%20Amazon%2FKindle%20marketplace.%20%0D%0A%0D%0ALAST%20UPDATED%2010%2F26%2F09%0D%0A%0D%0ATime%20for%20a%20handy-dandy%20tutorial%20on%20adapting%20comics%20for%20the%20Kindle%21%0D%0AThe%20Lowdown%0D%0A%0D%0AAnyone%20can%20sign%20up%20to%20publish%20books%20on%20the%20K&amp;submitCategory=science&amp;submitAssetType=text" title="Yahoo! Buzz"><img src="http://www.robotcomics.net/wp/wp-content/plugins/sociable/images/yahoobuzz.png" title="Yahoo! Buzz" alt="Yahoo! Buzz" /></a>
	<a rel="nofollow"  target="_blank" href="http://posterous.com/share?linkto=http%3A%2F%2Fwww.robotcomics.net%2F2009%2F07%2Fadapting-comics-amazon-kindle-part-1-html-doc-tutorial%2F&amp;title=Adapting%20Comics%20for%20the%20Amazon%20Kindle%20Part%201%20-%20Optimizing%20Images&amp;selection=UPDATE%3A%20We%27ve%20updated%20the%20info%20below%20to%20better%20reflect%20the%20current%20Amazon%2FKindle%20marketplace.%20%0D%0A%0D%0ALAST%20UPDATED%2010%2F26%2F09%0D%0A%0D%0ATime%20for%20a%20handy-dandy%20tutorial%20on%20adapting%20comics%20for%20the%20Kindle%21%0D%0AThe%20Lowdown%0D%0A%0D%0AAnyone%20can%20sign%20up%20to%20publish%20books%20on%20the%20K" title="Posterous"><img src="http://www.robotcomics.net/wp/wp-content/plugins/sociable/images/posterous.png" title="Posterous" alt="Posterous" /></a>
	<a rel="nofollow"  target="_blank" href="http://twitter.com/home?status=Adapting%20Comics%20for%20the%20Amazon%20Kindle%20Part%201%20-%20Optimizing%20Images%20-%20http%3A%2F%2Fwww.robotcomics.net%2F2009%2F07%2Fadapting-comics-amazon-kindle-part-1-html-doc-tutorial%2F" title="Twitter"><img src="http://www.robotcomics.net/wp/wp-content/plugins/sociable/images/twitter.png" title="Twitter" alt="Twitter" /></a>
	<a rel="nofollow"  target="_blank" href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http%3A%2F%2Fwww.robotcomics.net%2F2009%2F07%2Fadapting-comics-amazon-kindle-part-1-html-doc-tutorial%2F&amp;title=Adapting%20Comics%20for%20the%20Amazon%20Kindle%20Part%201%20-%20Optimizing%20Images&amp;source=Robot+Comics+Mobile+comics+for+Android+and+iPhone&amp;summary=UPDATE%3A%20We%27ve%20updated%20the%20info%20below%20to%20better%20reflect%20the%20current%20Amazon%2FKindle%20marketplace.%20%0D%0A%0D%0ALAST%20UPDATED%2010%2F26%2F09%0D%0A%0D%0ATime%20for%20a%20handy-dandy%20tutorial%20on%20adapting%20comics%20for%20the%20Kindle%21%0D%0AThe%20Lowdown%0D%0A%0D%0AAnyone%20can%20sign%20up%20to%20publish%20books%20on%20the%20K" title="LinkedIn"><img src="http://www.robotcomics.net/wp/wp-content/plugins/sociable/images/linkedin.png" title="LinkedIn" alt="LinkedIn" /></a>
	<a rel="nofollow"  target="_blank" href="http://www.propeller.com/submit/?url=http%3A%2F%2Fwww.robotcomics.net%2F2009%2F07%2Fadapting-comics-amazon-kindle-part-1-html-doc-tutorial%2F" title="Propeller"><img src="http://www.robotcomics.net/wp/wp-content/plugins/sociable/images/propeller.png" title="Propeller" alt="Propeller" /></a>


<br/><br/>

<p>Related posts:<ol><li><a href='http://www.robotcomics.net/2009/11/adapting-comics-for-the-amazon-kindle-part-3-publishing-your-comic/' rel='bookmark' title='Permanent Link: Adapting Comics for the Amazon Kindle Part 3 &#8211; Publishing Your Comic'>Adapting Comics for the Amazon Kindle Part 3 &#8211; Publishing Your Comic</a></li>
<li><a href='http://www.robotcomics.net/2009/08/adapting-comics-amazon-kindle-part-2-html-doc-tutorial/' rel='bookmark' title='Permanent Link: Adapting Comics for The Amazon Kindle Part 2 &#8211; The HTML Doc (Tutorial)'>Adapting Comics for The Amazon Kindle Part 2 &#8211; The HTML Doc (Tutorial)</a></li>
<li><a href='http://www.robotcomics.net/2009/07/desert-peach-1-amazon-kindle-2/' rel='bookmark' title='Permanent Link: The Desert Peach #1 for Amazon Kindle 1 &amp; 2'>The Desert Peach #1 for Amazon Kindle 1 &amp; 2</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.robotcomics.net/2009/07/adapting-comics-amazon-kindle-part-1-html-doc-tutorial/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

