I had an idea for the epub standard, and want to know your thoughts.

[RbnJrg]

Originally Posted by Falkor

Here you go.
I also tested with 20vh – looks exactly the same.

That screenshot shows the image as expected. Why do you say that Shine 5 is not scaling the svg wrapper? The image in your screenshot is scaled.

EDIT: I attach your epub; is the same except that I added a background color so you can see the size of the div block and a red border so you can watch the size of the svg wrapper. Open again that epub in your Shine 5; the "issue" you see, actually is not an issue but a result of the proportions of the image.

[Falkor]

But it always renders the image at the same size. If I change the height of the div to 20vh, the div gets smaller, but the image doesn't.

[RbnJrg]

Originally Posted by Falkor

But it always renders the image at the same size. If I change the height of the div to 20vh, the div gets smaller, but the image doesn't.

Ahhh. You don't want a full screen image but a half screen image (or whatever) by reducing the height of the div. Ok. Set the height of the svg wrapper instead of setting the height to the div, something like:

  <div style="text-align: center; padding: 0pt; margin: 0pt; background: lightblue">
    <svg style="height: 20vh; border: 1px solid red; box-sizing: border-box" xmlns="http://www.w3.org/2000/svg" height="100%" preserveAspectRatio="xMidYMid meet" version="1.1" viewBox="0 0 960 1207" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink">
      <image width="960" height="1207" xlink:href="../Images/picture.jpg"/>
    </svg>
  </div>

[Falkor]

Originally Posted by RbnJrg

Ahhh. You don't want a full screen image but a half screen image (or whatever) by reducing the height of the div. Ok. Set the height of the svg wrapper instead of setting the height to the div, something like:

Right, I have to be able to change its size to make it work.

Setting the height for the SVG wrapper doesn't work either..

[RbnJrg]

Originally Posted by Falkor

Right, I have to be able to change its size to make it work.

Setting the height for the SVG wrapper doesn't work either..

Well, indeed that Shine 5 has a bug regarding svg wrappers. Do this last thing (this should not be done, it is an extreme resource, since the way to reduce an SVG wrapper is through setting the height in the container block):

  <div style="text-align: center; padding: 0pt; margin: 0pt; background: lightblue">
    <svg style="border: 1px solid red; box-sizing: border-box"
      xmlns="http://www.w3.org/2000/svg" 
      height="20vh"
      preserveAspectRatio="xMidYMid meet" 
      version="1.1" 
      viewBox="0 0 960 1207"
      width="100%"
      xmlns:xlink="http://www.w3.org/1999/xlink">
      <image width="960" height="1207" xlink:href="../Images/picture.jpg"/>
    </svg>
  </div>

[Falkor]

Originally Posted by RbnJrg

Well, indeed that Shine 5 has a bug regarding svg wrappers. Do this last thing (this should not be done, it is an extreme resource, since the way to reduce an SVG wrapper is through setting the height in the container block):

  <div style="text-align: center; padding: 0pt; margin: 0pt; background: lightblue">
    <svg style="border: 1px solid red; box-sizing: border-box"
      xmlns="http://www.w3.org/2000/svg" 
      height="20vh"
      preserveAspectRatio="xMidYMid meet" 
      version="1.1" 
      viewBox="0 0 960 1207"
      width="100%"
      xmlns:xlink="http://www.w3.org/1999/xlink">
      <image width="960" height="1207" xlink:href="../Images/picture.jpg"/>
    </svg>
  </div>

No luck.

I hope this really is a bug and not meant to be a feature..

[RbnJrg]

Originally Posted by Falkor

No luck.

I hope this really is a bug and not meant to be a feature..

Nooo, it's a bug; it can't be a feature. Try to apply the methods I described in the one of epubs I uploaded in one of my posts. Maybe Shine 5 doesn't reduce your image because is also configured as cover image (Sigil did all the work for you). If you open the content.opf of your epub, you'll see

    
<item id="picture.jpg" href="Images/picture.jpg" media-type="image/jpeg" properties="cover-image"/>

The fact that the image has the property "cover-image" can be forcing that Shine 5 doesn't reduce the image. For that reason try with the image in my epub, to see if there the picture is also not reduced.

[Falkor]

Originally Posted by RbnJrg

Nooo, it's a bug; it can't be a feature. Try to apply the methods I described in the one of epubs I uploaded in one of my posts. Maybe Shine 5 doesn't reduce your image because is also configured as cover image (Sigil did all the work for you). If you open the content.opf of your epub, you'll see

    
<item id="picture.jpg" href="Images/picture.jpg" media-type="image/jpeg" properties="cover-image"/>

The fact that the image has the property "cover-image" can be forcing that Shine 5 doesn't reduce the image. For that reason try with the image in my epub, to see if there the picture is also not reduced.

Nope, it won't scale an image without the "cover-image" property either – interesting how it renders this image in black and white..

Nooo, it's a bug; it can't be a feature.

I certainly hope so. But I guess someone could have thought it was a good idea to render all SVGs at a certain size to eliminate all problems with badly authored epubs?
I’ll just treat it like a bug and send a report to them