我一直在研究我在 Photoshop 中设计的 HTML 电子邮件签名并将其切片并从中导出 HTML。
但现在我希望整个尺寸减小 50% 让我们说也许通过 CSS？我尽可能在所有选择器上尝试了 CSS，但它似乎没有任何效果。这是 HTML 代码。
如果有人知道一个技巧，我就不会在 Photoshop 中调整大小并再次切片。
<html><head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<style media="screen" type="text/css">
td {line-height:0; font-size:0.0cm }
img { display: block; float: left; padding: 0; align: absbottom; align: texttop; }
</style>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices (dino-01.png) -->
<table id="Table_01" width="488" height="189" border="0" cellpadding="0" cellspacing="0">
<tbody><tr>
<td rowspan="4">
<img src="https://dl.dropbox.com/s/etxa5h7fdgvvuwp/dino-01_01.png?dl=0" width="192" height="189" alt=""></td>
<td colspan="2">
<img src="https://dl.dropbox.com/s/7nu3zn0ghisccat/dino-01_02.png?dl=0" width="296" height="80" alt=""></td>
</tr>
<tr>
<td rowspan="3">
<img src="https://dl.dropbox.com/s/kixqyw291n0vod0/dino-01_03.png?dl=0" width="72" height="109" alt=""></td>
<td>
<a href="db@itfs.ly"><img src="https://dl.dropbox.com/s/4i9lelm15oqj28h/dino-01_04.png?dl=0" width="224" height="23" alt=""></a></td>
</tr>
<tr>
<td>
<a href="tel:021-722-3332 "><img src="https://dl.dropbox.com/s/n38tsk7mnwgwl4s/dino-01_05.png?dl=0" width="224" height="21" alt=""></a></td>
</tr>
<tr>
<td>
<a href="www.itfs.ly"><img src="https://dl.dropbox.com/s/ru4uplnmmxbsw90/dino-01_06.png?dl=0" width="224" height="65" alt=""></a></td>
</tr>
</tbody></table>
<!-- End Save for Web Slices -->
</body></html>
最佳答案
你是说文件大小小了 50%？
如果是这样，您可以将文件另存为 jpg，它比 png 文件小得多。 此外，当您在 photoshop 上保存文件时，您可以转到文件>导出>保存为网络并比较不同的文件类型/大小/质量。对于签名之类的东西，我会制作一个 jpeg 文件，质量设置为中等并针对 web 检查进行了优化。
或者.. 如果您正在谈论将其调整为图片尺寸。除了使用 photoshop，还有类似 https://onlinejpgtools.com/resize-jpg 的服务您可以在其中拖放图像并调整其大小。
orrr... 如果你想缩小整个表格的尺寸，你可以使用 css 添加样式 表{转换:比例(0.5)；
关于html - 如何减小 Photoshop 呈现的 HTML 电子邮件签名的大小？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/58663377/