Memes with reusable images in ePub and mobi

Walljumper · 06-23-2016, 12:31 AM

My idea is to use a single image for every meme picture and put text on top and bottom.

So, one image for every meme and text to display multiple meme quotes.

This is going to save space dramatically and make memes on e-readers possible.

For this I need to force the top text, meme picture and bottom text to appear on the same screen.

Is this possible? How would I go about implementing this?

Turtle91 · 06-23-2016, 09:35 AM

This problem happens to a lot of people - you're in good company!

Unfortunately, the answer is that you can't guarantee the captions and image will stick together on every device.

The problem is that not all devices/apps are compliant with the ePub specifications, or just don't render the same code the same way...

My recommendation would be to try putting the text-image-text in an svg wrapper. For those devices that respect svg (I don't think kindle does except for the cover page) that should keep the image and captions together on the same page and scale it all correctly to fit the size of the screen. (Search for svg image here on MR and you'll find several threads)

If you are putting this on a kindle, or other device that doesn't respect svg, you can try wrapping them in a <div> instead with a page-break-inside:avoid in the css...but that may not be honored on all devices either.

The only way I've heard to guarantee it doesn't break is to embed the text into the image with photoshop or somesuch....but that defeats your space saving intent.

Cheers,

jcsalomon · 06-23-2016, 10:01 PM

Kindle puts SVG images on their own page. Always. See the thread, adding text after svg (not caption) on single page.

Turtle91 · 06-24-2016, 12:04 AM

Quote:

Originally Posted by jcsalomon

Kindle puts SVG images on their own page. Always. See the thread, adding text after svg (not caption) on single page.

Ah yes, that was it. Thanks!

It would be kinda cool if someone posted a table of all the standard issues publishers can find with the different devices/apps...but I imagine that would be a very lengthy table!

dgatwood · 06-24-2016, 01:22 AM

Of course, you can always put the caption in the SVG.

dgatwood · 06-24-2016, 01:25 AM

Quote:

Originally Posted by Turtle91

Ah yes, that was it. Thanks!

It would be kinda cool if someone posted a table of all the standard issues publishers can find with the different devices/apps...but I imagine that would be a very lengthy table!

There's a very lengthy set of tips for EPUB here:

https://wiki.mobileread.com/wiki/EPub#General_Tips

and another one for Kindle MOBI7 here:

https://wiki.mobileread.com/wiki/Mobi..._MOBI_creation

and another one for Kindle KF8 here:

https://wiki.mobileread.com/wiki/KF8#General_Tips

Feel free to contribute things you discover.

06-23-2016, 12:31 AM	#1
Walljumper Junior Member Posts: 6 Karma: 10 Join Date: Apr 2014 Device: Kindle paperwhite	Memes with reusable images in ePub and mobi My idea is to use a single image for every meme picture and put text on top and bottom. So, one image for every meme and text to display multiple meme quotes. This is going to save space dramatically and make memes on e-readers possible. For this I need to force the top text, meme picture and bottom text to appear on the same screen. Is this possible? How would I go about implementing this?

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Some images shrinking when converting for epub to mobi	primaverasol	Conversion	1	12-21-2012 07:52 AM
problem with images - epub to mobi conversion	LynnGHughes	Kindle Formats	18	04-17-2012 09:56 AM
Problem with images from epub to mobi	taskforsome	Kindle Formats	9	03-01-2012 12:38 PM
Calibre ePUB to mobi conversion help (with images)	anamardoll	Conversion	6	02-19-2012 10:53 PM
epub to mobi error when including images	HarrisS	Conversion	1	02-08-2011 08:57 AM

06-23-2016, 09:35 AM	#2
Turtle91 A Hairy Wizard Posts: 3,095 Karma: 18727053 Join Date: Dec 2012 Location: Charleston, SC today Device: iPhone 11/X/6/iPad 1,2,Air & Air Pro/Surface Pro/Kindle PW & Fire	This problem happens to a lot of people - you're in good company! Unfortunately, the answer is that you can't guarantee the captions and image will stick together on every device. The problem is that not all devices/apps are compliant with the ePub specifications, or just don't render the same code the same way... My recommendation would be to try putting the text-image-text in an svg wrapper. For those devices that respect svg (I don't think kindle does except for the cover page) that should keep the image and captions together on the same page and scale it all correctly to fit the size of the screen. (Search for svg image here on MR and you'll find several threads) If you are putting this on a kindle, or other device that doesn't respect svg, you can try wrapping them in a <div> instead with a page-break-inside:avoid in the css...but that may not be honored on all devices either. The only way I've heard to guarantee it doesn't break is to embed the text into the image with photoshop or somesuch....but that defeats your space saving intent. Cheers,

06-23-2016, 10:01 PM	#3
jcsalomon Zealot Posts: 100 Karma: 1204 Join Date: Jun 2012 Device: Bookari (née Mantano Reader) on Android; Kindle Fire HD	Kindle puts SVG images on their own page. Always. See the thread, adding text after svg (not caption) on single page.

06-24-2016, 01:22 AM	#5
dgatwood Curmudgeon Posts: 629 Karma: 1623086 Join Date: Jan 2012 Device: iPad, iPhone, Nook Simple Touch	Of course, you can always put the caption in the SVG.

Advert

Advert