为什么有图像的超文本产生的PDF消耗量大大高于图像本身,我如何避免这种情况?
E.g.
This image have ~1.6MB https://cdn.wallpapersafari.com/21/63/kGOzq7.jpg
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Example</title>
<style>
body {
position: relative;
width: 148mm;
height: 210mm;
margin: 0;
display: flex;
flex-direction: column;
font-family: "Times New Roman", Times, serif;
border: 1px dashed black;
user-select: none;
}
div.textarea {
position: relative;
flex-grow: 1;
margin: 12mm 15mm 20mm 15mm;
}
img {
width: 100%;
}
@media print {
@page {
size: A5;
margin: 0;
}
}
</style>
</head>
<body>
<div class="textarea odd">
<img src="https://cdn.wallpapersafari.com/21/63/kGOzq7.jpg" />
</div>
</body>
</html>
请查看这一html档案。 其中包括我以前所展示的形象。 如果我用chrom(ium)在一份pdf档案中印刷这一html,则pdf文档为5,3MB,但图像只有1.6MB。
为什么要高得多?