Quote:
Originally Posted by DNSB
You could try wrapping the images in an svg wrapper. Adjust the 1000 width and 1500 height to match the images you are using in both places where they are used.
Code:
<style type="text/css">
@page {padding: 0; margin:0;}
body { text-align: center; padding:0; margin: 0; }
</style>
</head>
<body>
<div>
<svg xmlns="http://www.w3.org/2000/svg" height="100%" preserveAspectRatio="xMidYMid meet" version="1.1" viewBox="0 0 1000 1500" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink"><image height="1500" width="1000" xlink:href="../Images/image001.jpeg"/></svg>
</div>
|
What that may do is making the images fuzzy as you increase the resolution of the low-res images.