如何减小 Photoshop 呈现的 HTML 电子邮件签名的大小？

Question

我一直在研究我在 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>

Answer 1

你是说文件大小小了 50%？

如果是这样，您可以将文件另存为 jpg，它比 png 文件小得多。此外，当您在 photoshop 上保存文件时，您可以转到文件>导出>保存为网络并比较不同的文件 types/sizes/quality。对于签名之类的东西，我会制作一个质量设置为中等并针对网络进行优化的 jpeg 文件。

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

orrr... css 如果你想缩小整个 table 你可以添加样式 table{变换：比例（0.5）；}

如何减小 Photoshop 呈现的 HTML 电子邮件签名的大小？

How to decrease size of a Photoshop rendered HTML email signature?

html

css

photoshop