我一直在研究我在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="[email protected]"><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文件,其质量设置为中,并针对网络检查进行了优化。
或者..如果您正在谈论调整图片尺寸的大小。除了使用photoshop,还有https://onlinejpgtools.com/resize-jpg之类的服务,您可以在其中拖放以及图像和调整大小。
orrr ...使用CSS,如果您想缩小整个表的尺寸,则可以添加样式表{transform:scale(0.5);}