tag:blogger.com,1999:blog-8917601577161181396.post7240178164527372286..comments2023-05-07T18:46:11.680+07:00Comments on Paul Salvette in Bangkok: Working with Images on the Kindle FirePaul Salvettehttp://www.blogger.com/profile/11818202201018195312noreply@blogger.comBlogger10125tag:blogger.com,1999:blog-8917601577161181396.post-67844375030407628412013-12-21T11:13:55.877+07:002013-12-21T11:13:55.877+07:00You can use both the attributes inside the img ele...You can use both the attributes inside the img element (for MOBI) and the CSS. For KF8 the CSS will override whatever is in the image attribute.Paul Salvettehttps://www.blogger.com/profile/11818202201018195312noreply@blogger.comtag:blogger.com,1999:blog-8917601577161181396.post-12610244028086798102013-12-21T06:05:43.849+07:002013-12-21T06:05:43.849+07:00I am sorry, I was not entirely clear.
Since some ...I am sorry, I was not entirely clear. <br />Since some Kindles will resize images, we put the dimensions in the tag:<br />< i m g <br />src="mysource.jpg" <br />alt="a picture" <br />width="314px" <br />height="272px"<br />><br />But can we override this using a kf8 media rule to make it 50% and float:right? Would it work to use !important? Or has the resizing problem been old news (one problem with learning epub stuff online--it is very important to pay attention to publishing dates).friar Charleshttp://www.academyoftheimmaculate.comnoreply@blogger.comtag:blogger.com,1999:blog-8917601577161181396.post-32427773970362062022013-12-20T21:40:47.988+07:002013-12-20T21:40:47.988+07:00Friar Charles,
Yes, using CSS works well from KF8...Friar Charles,<br /><br />Yes, using CSS works well from KF8 images. You can do something like this<br /><br />img.someimageclass<br />{<br />width: 50;<br />}Paul Salvettenoreply@blogger.comtag:blogger.com,1999:blog-8917601577161181396.post-24091894010328938692013-12-20T21:07:07.456+07:002013-12-20T21:07:07.456+07:00Thank you for these resources!
I was wondering if ...Thank you for these resources!<br />I was wondering if defining the height and width of an image is still necessary? Could one define it in the HTML but then use the amzn-kf8 media rule to assign <br />"width=50% !important;float:right"<br />in the css?<br />Or are the numbers of mobi readers dwindling enough to omit these work-arounds?friar Charleshttp://www.academyoftheimmaculate.comnoreply@blogger.comtag:blogger.com,1999:blog-8917601577161181396.post-29124206267578216232013-05-11T10:37:21.733+07:002013-05-11T10:37:21.733+07:00The images are embedded into a EPUB package, which...The images are embedded into a EPUB package, which is basically a zip file. You need to reference the images in the manifest section of the OPF file: that is how the eReading software/device knows where to find them. Please feel free to email me separately if you would like a quote on your project.Paul Salvettehttps://www.blogger.com/profile/11818202201018195312noreply@blogger.comtag:blogger.com,1999:blog-8917601577161181396.post-88061571005341068412013-05-11T02:30:45.873+07:002013-05-11T02:30:45.873+07:00By embedding my images into the eBook package as y...By embedding my images into the eBook package as you say, does that mean creating a compressed zip file of my html document and all of my images? I am unsure of how to src my images in my html document in such a way that they will be able to be found by the reader's device. I know how to src them for my computer, but if I leave it sourced that way in my html file, won't that make it so the reader's device is looking in THEIR c: for the image file?Lindsayhttps://www.blogger.com/profile/12456234504271237090noreply@blogger.comtag:blogger.com,1999:blog-8917601577161181396.post-59510182761606328492013-05-07T15:01:03.702+07:002013-05-07T15:01:03.702+07:00Hi Linds,
For images, you need to embed them into...Hi Linds,<br /><br />For images, you need to embed them into the eBook package as eBooks must be standalone files. I don't think referencing them like you do on a website from the src attribute will work (may be wrong on that since we haven't tried). Paul Salvettehttps://www.blogger.com/profile/11818202201018195312noreply@blogger.comtag:blogger.com,1999:blog-8917601577161181396.post-17404828588588417772013-05-07T14:46:26.541+07:002013-05-07T14:46:26.541+07:00Your tutorials are exactly what I was looking for!...Your tutorials are exactly what I was looking for! Thank you so much. The ebook I am working on coding includes a lot of pictures. I am uploading the pictures to photobucket and then referencing the direct link as my src in my HTML. How will doing this impact the size of my final ebook that I publish on KDP? Will those images be included in that final size or not? I was unsure how to src my images in a way that will make it so any reader's device will be able to find them, so I used the internet. I'm pretty sure that this way the images in my book will only be visible to the reader if they are connected to the internet, otherwise it will just show my alt name, correct? I'm new to this... :)Lindsayhttps://www.blogger.com/profile/12456234504271237090noreply@blogger.comtag:blogger.com,1999:blog-8917601577161181396.post-38409815213820948622013-02-28T02:31:12.436+07:002013-02-28T02:31:12.436+07:00Very helpful tips, thanks!Very helpful tips, thanks!Anonymousnoreply@blogger.comtag:blogger.com,1999:blog-8917601577161181396.post-11019021615875898352012-05-05T06:31:29.633+07:002012-05-05T06:31:29.633+07:00This was useful. Thanks! One point: because of the...This was useful. Thanks! One point: because of the delivery cost for a large file, it can make more sense to select the 35% option, which gives you free delivery.Will Shetterlyhttps://www.blogger.com/profile/08539053268352597627noreply@blogger.com