How do I make sure graphics display correctly? (optimal size)

Bobosmite · 08-30-2012, 12:17 PM

What I'm trying to do is make sure a graphic and text get displayed on the same screen. For example, a picture of a train with a text description below. Is there some way to tag the graphic and text, so the reader sees it as a group (attached) and scales the graphic up or down accordingly? I can do this manually but it's a lot of work resizing and counting lines.

Jellby · 08-30-2012, 12:24 PM

The only way is to include the text in the figure, possibly in SVG format.

Another possibility is wrapping text and figure in a <div> and giving it a "page-break-inside: avoid" CSS property. But it seems few readers (if any) actually respect this, and it won't resize the image in any case, just send the whole lot to a new page (where it might not fit, anyway).

crutledge · 08-30-2012, 01:24 PM

Quote:

Originally Posted by Bobosmite

What I'm trying to do is make sure a graphic and text get displayed on the same screen. For example, a picture of a train with a text description below. Is there some way to tag the graphic and text, so the reader sees it as a group (attached) and scales the graphic up or down accordingly? I can do this manually but it's a lot of work resizing and counting lines.

The image on one page and the caption on the next is also one of my hangups. Include the caption into the image. This works for any image type. I use Photoshop but GIMP also works well.

Bobosmite · 08-30-2012, 04:33 PM

Quote:

Originally Posted by crutledge

The image on one page and the caption on the next is also one of my hangups. Include the caption into the image. This works for any image type. I use Photoshop but GIMP also works well.

I've been using the Windows Snipping Tool to make these graphic+text images. I can use any font in my library for the text and it takes seconds to snip and paste right back into the document.

Jellby · 08-31-2012, 03:25 AM

Of course, that means the caption font and size cannot be changed anymore by the reader.

08-30-2012, 12:17 PM	#1
Bobosmite Enthusiast Posts: 35 Karma: 474582 Join Date: Mar 2012 Device: Kindle-DX	How do I make sure graphics display correctly? (optimal size) What I'm trying to do is make sure a graphic and text get displayed on the same screen. For example, a picture of a train with a text description below. Is there some way to tag the graphic and text, so the reader sees it as a group (attached) and scales the graphic up or down accordingly? I can do this manually but it's a lot of work resizing and counting lines.

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Nook for PC doesn't display graphics	ButterflyBill	ePub	8	09-28-2011 04:53 PM
What is the optimal E-reader story size?	DavidKitson	General Discussions	31	01-05-2011 12:11 AM
Kindle DX optimal "page" size - PDF or Word template	guiyoforward	Amazon Kindle	12	09-28-2010 07:05 PM
Another ePub does not display correctly.	KjellM	EPUBReader	7	07-16-2010 03:31 AM
Optimal cover size	readyread	Calibre	4	12-19-2009 12:47 PM

08-30-2012, 12:24 PM	#2
Jellby frumious Bandersnatch Posts: 5,147 Karma: 2505637 Join Date: Jan 2008 Location: Spaniard in Sweden Device: Cybook Orizon	The only way is to include the text in the figure, possibly in SVG format. Another possibility is wrapping text and figure in a <div> and giving it a "page-break-inside: avoid" CSS property. But it seems few readers (if any) actually respect this, and it won't resize the image in any case, just send the whole lot to a new page (where it might not fit, anyway).

08-31-2012, 03:25 AM	#5
Jellby frumious Bandersnatch Posts: 5,147 Karma: 2505637 Join Date: Jan 2008 Location: Spaniard in Sweden Device: Cybook Orizon	Of course, that means the caption font and size cannot be changed anymore by the reader.


Advertisement Enthusiast