Image resizing in Calibre

cassieflin · 05-22-2022, 01:35 PM

Hello. I'm new to the publishing community and I'm trying to get my images smaller. I formatted in microsoft word, and when I convert in calibre from a .docx to an epub, my images end up taking up half of the screen.

I used the online instructions for resizing in the Edit tool, but my images are still huge and I'm not sure how to fix it.

Please help lol. Thank you.

theducks · 05-22-2022, 04:05 PM

Images have a physical size: px
But you code (CSS) may specify a percentage (of screen), causing the image to blow up to meet the setting.

Specifying Height & Width (CSS) values in px (instead of % or Auto) exerts tight control
Or Limiting the range with an additional max-height or max-width value

Using a SVG wrapper allows you to maintain Aspect ratio (the basic CSS will allow the image to distort to reach a limit

Time to learn the basics of HTML/CSS (as applies to EPUB). 97% of what you need is basic, it is only when you get tricky that you need Guru level CSS

Quoth · 05-23-2022, 06:42 AM

using auto for either height or width when the other is set as % or px in the CSS will keep aspect ratio. Also % may apply to what container the image is used in in the HTML scope rather than screen.

05-22-2022, 01:35 PM	#1
cassieflin Junior Member Posts: 1 Karma: 10 Join Date: May 2022 Device: Kindle	Image resizing in Calibre Hello. I'm new to the publishing community and I'm trying to get my images smaller. I formatted in microsoft word, and when I convert in calibre from a .docx to an epub, my images end up taking up half of the screen. I used the online instructions for resizing in the Edit tool, but my images are still huge and I'm not sure how to fix it. Please help lol. Thank you.

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
Svg wrapper and image resizing	Nabodita	ePub	24	05-02-2014 12:21 AM
Image not resizing in some readers	Gramlin	Workshop	8	12-13-2013 05:49 PM
Image resizing - how to disable?	ATimson	Calibre	2	04-05-2012 12:08 AM
Image resizing	Falcao	Feedback	7	10-28-2010 04:32 AM
any better ideas ? (image resizing)	zelda_pinwheel	IMP	20	03-30-2008 01:10 AM

05-22-2022, 04:05 PM	#2
theducks Well trained by Cats Posts: 30,903 Karma: 60358908 Join Date: Aug 2009 Location: The Central Coast of California Device: Kobo Libra2,Kobo Aura2v1, K4NT(Fixed: New Bat.), Galaxy Tab A	Images have a physical size: px But you code (CSS) may specify a percentage (of screen), causing the image to blow up to meet the setting. Specifying Height & Width (CSS) values in px (instead of % or Auto) exerts tight control Or Limiting the range with an additional max-height or max-width value Using a SVG wrapper allows you to maintain Aspect ratio (the basic CSS will allow the image to distort to reach a limit Time to learn the basics of HTML/CSS (as applies to EPUB). 97% of what you need is basic, it is only when you get tricky that you need Guru level CSS

05-23-2022, 06:42 AM	#3
Quoth Still reading Posts: 13,696 Karma: 103837201 Join Date: Jun 2017 Location: Ireland Device: All 4 Kinds: epub eink, Kindle, android eink, NxtPaper	using auto for either height or width when the other is set as % or px in the CSS will keep aspect ratio. Also % may apply to what container the image is used in in the HTML scope rather than screen.

Advert