如何减小Photoshop渲染的HTML电子邮件签名的大小?

问题描述 投票:0回答:1

我一直在研究我在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>
html css photoshop
1个回答
0
投票

小于50%的文件大小?

[如果是这样,您可以将文件另存为jpg,比png小得多。同样,当您在Photoshop中保存文件时,您可以转到文件>导出>保存为网络文件,然后比较不同的文件类型/大小/质量。对于诸如签名之类的东西,我将制作一个jpeg文件,其质量设置为中,并针对网络检查进行了优化。

或者..如果您正在谈论调整图片尺寸的大小。除了使用photoshop,还有https://onlinejpgtools.com/resize-jpg之类的服务,您可以在其中拖放以及图像和调整大小。

orrr ...使用CSS,如果您想缩小整个表的尺寸,则可以添加样式表{transform:scale(0.5);}

© www.soinside.com 2019 - 2024. All rights reserved.