Trouble with stretched images on my kindle devices

JHanzo · 02-07-2023, 02:57 AM

I'm creating an ebook that has illustrations using Sigil and I've tested it out on my kindle, but all of the images stretch to fit the entire page which leaves them looking distorted.

Does anyone know of any fix for this? Any help would be much appreciated. I'll even send you a copy of the book (even if it is for children).

KevinH · 02-07-2023, 07:40 AM

What css is being used to control image size?

theducks · 02-07-2023, 01:38 PM

Look at using Insert SVG PI
https://www.mobileread.com/forums/sh...d.php?t=283333
You want to maintain ASPECT ratio at the least.

Turtle91 · 02-07-2023, 10:21 PM

Welcome to MR!!

This is a recurring issue that has MANY threads discussing the different techniques with their individual pros & cons.

My technique is to use height:auto with width set at whatever % I wish (or vice-versa for landscape images) whenever I need an inline image (one that doesn’t need its own full page). I use the svg wrapper technique (which is what the plug-in theducks referred to does) for full page images.

However, you mentioned you are making a children’s book. If you are attempting a fixed layout book, then that is very difficult and beyond the help we can give you here. Talk to a professional and be willing to pay dearly for them to go down that rabbit hole.

Otherwise, just search these threads for terms like "SVG wrapper" or "aspect ratio"… you’ll find lots to digest.

02-07-2023, 02:57 AM	#1
JHanzo Junior Member Posts: 1 Karma: 10 Join Date: Feb 2023 Device: Kindle Paperwhite	Trouble with stretched images on my kindle devices I'm creating an ebook that has illustrations using Sigil and I've tested it out on my kindle, but all of the images stretch to fit the entire page which leaves them looking distorted. Does anyone know of any fix for this? Any help would be much appreciated. I'll even send you a copy of the book (even if it is for children).

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Stretched Images on Viewer	Erwinstein	Viewer	1	03-18-2021 12:13 PM
Images for Kindle devices	Dabcar	Kindle Formats	14	02-19-2020 10:36 PM
Stretched images in ebook viewer?	tiwanaku185	Calibre	0	09-06-2018 04:31 PM
Stretched out images in an ePub (textbook)	MelBr	ePub	7	11-11-2013 05:01 AM
Stretched images in ebook viewer?	ohemeffgee	Calibre	10	11-14-2012 02:12 AM

02-07-2023, 07:40 AM	#2
KevinH Sigil Developer Posts: 7,696 Karma: 5444398 Join Date: Nov 2009 Device: many	What css is being used to control image size?

02-07-2023, 01:38 PM	#3
theducks Well trained by Cats Posts: 29,902 Karma: 55267620 Join Date: Aug 2009 Location: The Central Coast of California Device: Kobo Libra2,Kobo Aura2v1, K4NT(Fixed: New Bat.), Galaxy Tab A	Look at using Insert SVG PI https://www.mobileread.com/forums/sh...d.php?t=283333 You want to maintain ASPECT ratio at the least.

02-07-2023, 10:21 PM	#4
Turtle91 A Hairy Wizard Posts: 3,117 Karma: 18727091 Join Date: Dec 2012 Location: Charleston, SC today Device: iPhone 11/X/6/iPad 1,2,Air & Air Pro/Surface Pro/Kindle PW & Fire	Welcome to MR!! This is a recurring issue that has MANY threads discussing the different techniques with their individual pros & cons. My technique is to use height:auto with width set at whatever % I wish (or vice-versa for landscape images) whenever I need an inline image (one that doesn’t need its own full page). I use the svg wrapper technique (which is what the plug-in theducks referred to does) for full page images. However, you mentioned you are making a children’s book. If you are attempting a fixed layout book, then that is very difficult and beyond the help we can give you here. Talk to a professional and be willing to pay dearly for them to go down that rabbit hole. Otherwise, just search these threads for terms like "SVG wrapper" or "aspect ratio"… you’ll find lots to digest.

Advert