Image sizing for Epubs

purcelljf · 08-19-2010, 03:22 PM

Hi,
I am converting some Adobe pdfs to epubs. My only hand-held device for reading is an Ipod Touch with Stanza as the E-reader. I can see the day where I might want to read this epub on a different device such as an Ipad or dedicated E-reader, so I was looking for general guidelines. If anyone has a favorite link that goes in depth, I would appreciate it.

In an ideal situation I would like many of these images to resize themselves automatically based on whether I am holding the IPOD screen vertically or horizontally without spilling the image over onto another page, even though it may be hard to read them. I have an image of a map of Europe for instance that scales down to fit on one screen when I hold the IPOD vertically (albeit very small) but spills over onto another screen when I hold it horizontally. In the horizontal positions it fills the entire screen based on the width of the image but then I have to turn the page to see the bottom portion of the image.

My question is 1.) Short of resizing the image in photoshop for the specific dimensions of my device, do I have any control over these images, besides specifying a width property in CSS, to prevent them from having to be viewed on multiple pages?

Thanks.

AnemicOak · 08-19-2010, 04:37 PM

Quote:

Originally Posted by purcelljf

Hi,
I am converting some Adobe pdfs to epubs. My only hand-held device for reading is an Ipod Touch with Stanza as the E-reader. I can see the day where I might want to read this epub on a different device such as an Ipad or dedicated E-reader, so I was looking for general guidelines. If anyone has a favorite link that goes in depth, I would appreciate it.

In an ideal situation I would like many of these images to resize themselves automatically based on whether I am holding the IPOD screen vertically or horizontally without spilling the image over onto another page, even though it may be hard to read them. I have an image of a map of Europe for instance that scales down to fit on one screen when I hold the IPOD vertically (albeit very small) but spills over onto another screen when I hold it horizontally. In the horizontal positions it fills the entire screen based on the width of the image but then I have to turn the page to see the bottom portion of the image.

My question is 1.) Short of resizing the image in photoshop for the specific dimensions of my device, do I have any control over these images, besides specifying a width property in CSS, to prevent them from having to be viewed on multiple pages?

Thanks.

You'd need to use SVG to have the images scale, but Stanza doesn't support SVG (iBooks does AFAIK).

JSWolf · 08-19-2010, 05:01 PM

What you could do is specify a height or width property in % so it will display properly on whatever device.

100% would be for the full height or width. But on say an iPad or your computer, it may be too large. So just specify what works on the larger screens and it will be ok enough on your smaller screen.

08-19-2010, 03:22 PM	#1
purcelljf Enthusiast Posts: 29 Karma: 10 Join Date: Aug 2010 Device: ipod touch	Image sizing for Epubs Hi, I am converting some Adobe pdfs to epubs. My only hand-held device for reading is an Ipod Touch with Stanza as the E-reader. I can see the day where I might want to read this epub on a different device such as an Ipad or dedicated E-reader, so I was looking for general guidelines. If anyone has a favorite link that goes in depth, I would appreciate it. In an ideal situation I would like many of these images to resize themselves automatically based on whether I am holding the IPOD screen vertically or horizontally without spilling the image over onto another page, even though it may be hard to read them. I have an image of a map of Europe for instance that scales down to fit on one screen when I hold the IPOD vertically (albeit very small) but spills over onto another screen when I hold it horizontally. In the horizontal positions it fills the entire screen based on the width of the image but then I have to turn the page to see the bottom portion of the image. My question is 1.) Short of resizing the image in photoshop for the specific dimensions of my device, do I have any control over these images, besides specifying a width property in CSS, to prevent them from having to be viewed on multiple pages? Thanks.

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Help: Font Sizing Irregularities	wolfdown	Amazon Kindle	4	09-24-2010 08:01 PM
Cover art sizing issue.... any help appreciated!	centhena	Sigil	1	07-06-2010 02:59 AM
Can ePubs be merged?	Elfwreck	ePub	10	03-12-2010 07:08 PM
Why do professional epubs look so different from each other?	ficbot	News	30	12-22-2009 05:02 PM
PDF Text Font Sizing	Cactusgod	Calibre	3	11-27-2009 01:50 AM

08-19-2010, 05:01 PM	#3
JSWolf Resident Curmudgeon Posts: 78,956 Karma: 144284074 Join Date: Nov 2006 Location: Roslindale, Massachusetts Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3	What you could do is specify a height or width property in % so it will display properly on whatever device. 100% would be for the full height or width. But on say an iPad or your computer, it may be too large. So just specify what works on the larger screens and it will be ok enough on your smaller screen.