Image max-width imposed automatically in Calibre eBook viewer

aunk05 · Yesterday, 07:09 PM

I have converted a .pdf to an .epub which looks perfect in the Calibre eBook editor. However, when I open it in the VIEWER, each image has some max-width value imposed on it, squishing it down to some fraction of its intended width.

When I open the inspector and edit the "style" element so that max-width is set to either "none" or "100vw", the image is again correct - until I close the inspector, when it is immediately squished again.

To re-iterate: the file looks fine in the editor. The images are only altered in the viewer.

What is happening here, and how can I stop it?

kovidgoyal · Yesterday, 10:44 PM

In paged mode all images have a max width otherwise they will appear cut off. Use the viewer in flow mode and you wont have that issue.

aunk05 · Today, 04:49 AM

Thank you so much, Kovid - that has worked perfectly, although I really still do not understand the logic behind this.

JSWolf · Today, 05:06 AM

Put the following CSS code in your ePub's CSS and you won't have a problem.

CSS

Code:

img {
  max-height: 100%;
  max-width: 100%;
}

Yesterday, 07:09 PM	#1
aunk05 Junior Member Posts: 2 Karma: 10 Join Date: Mar 2026 Device: Kindle Paperwhite	Image max-width imposed automatically in Calibre eBook viewer I have converted a .pdf to an .epub which looks perfect in the Calibre eBook editor. However, when I open it in the VIEWER, each image has some max-width value imposed on it, squishing it down to some fraction of its intended width. When I open the inspector and edit the "style" element so that max-width is set to either "none" or "100vw", the image is again correct - until I close the inspector, when it is immediately squished again. To re-iterate: the file looks fine in the editor. The images are only altered in the viewer. What is happening here, and how can I stop it?

Today, 05:06 AM	#4
JSWolf Resident Curmudgeon Posts: 82,695 Karma: 151278869 Join Date: Nov 2006 Location: Roslindale, Massachusetts Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3	Put the following CSS code in your ePub's CSS and you won't have a problem. CSS Code: img { max-height: 100%; max-width: 100%; }

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Show info about the image in popup window of image viewer when reading an ebook	codychan	Calibre	2	06-04-2021 05:04 PM
Decreased saturation on image only in ebook-viewer	ownedbycats	Viewer	2	04-25-2021 11:40 PM
Image resizing issues while using max-height/max-width	Detroa	ePub	22	08-26-2020 06:17 PM
change img or box width for multi-column in calibre viewer	rjwse@aol.com	Calibre	2	12-02-2019 10:48 AM
Max Height in Calibre Viewer	XrXca	Calibre	3	03-14-2014 10:46 PM

Yesterday, 10:44 PM	#2
kovidgoyal creator of calibre Posts: 46,148 Karma: 29626604 Join Date: Oct 2006 Location: Mumbai, India Device: Various	In paged mode all images have a max width otherwise they will appear cut off. Use the viewer in flow mode and you wont have that issue.

Today, 04:49 AM	#3
aunk05 Junior Member Posts: 2 Karma: 10 Join Date: Mar 2026 Device: Kindle Paperwhite	Thank you so much, Kovid - that has worked perfectly, although I really still do not understand the logic behind this.

Advert