MobileRead Forums - View Single Post - Sigil's "Tools > Add Cover..." not auto resizing

PhilippeBruno · 10-04-2023, 04:51 AM

I am trying to add a cover to my EPUB using Tools > Add Cover... in Sigil 2.0.

My cover image is 1000 x 1600 pixels.

It does add a cover.xhtml file to my EPUB and all seems good, but when I open my EPUB in Thorium (an EPUB viewer), the cover image does not resize nicely within the window (on my smaller laptop screen... on my larger external 4K monitor, the problem goes unnoticed) and I have to scroll up and down to see the entire image. Other EPUBs have their cover automatically resize to the Thorium window and do not require me to scroll up and down to see the entire image.

The code inserted by Sigil looks like this:

Code:

...
<body>
  <div style="text-align: center; padding: 0pt; margin: 0pt;">
    <svg xmlns="http://www.w3.org/2000/svg" height="100%" preserveAspectRatio="xMidYMid meet" version="1.1" viewBox="0 0 1000 1600" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink">
      <image width="1000" height="1600" xlink:href="etc/Cover.jpg"/>
    </svg>
  </div>
</body>
...

How can I modify the above code to make the cover page automatically resize to the Thorium's window?

10-04-2023, 04:51 AM	#1
PhilippeBruno Member Posts: 14 Karma: 10 Join Date: May 2017 Device: Android tablet	Sigil's "Tools > Add Cover..." not auto resizing I am trying to add a cover to my EPUB using Tools > Add Cover... in Sigil 2.0. My cover image is 1000 x 1600 pixels. It does add a cover.xhtml file to my EPUB and all seems good, but when I open my EPUB in Thorium (an EPUB viewer), the cover image does not resize nicely within the window (on my smaller laptop screen... on my larger external 4K monitor, the problem goes unnoticed) and I have to scroll up and down to see the entire image. Other EPUBs have their cover automatically resize to the Thorium window and do not require me to scroll up and down to see the entire image. The code inserted by Sigil looks like this: Code: ... <body> <div style="text-align: center; padding: 0pt; margin: 0pt;"> <svg xmlns="http://www.w3.org/2000/svg" height="100%" preserveAspectRatio="xMidYMid meet" version="1.1" viewBox="0 0 1000 1600" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink"> <image width="1000" height="1600" xlink:href="etc/Cover.jpg"/> </svg> </div> </body> ... How can I modify the above code to make the cover page automatically resize to the Thorium's window?