Как уменьшить размер фотошопа, отображаемого в HTML-подписи? - PullRequest
Новая
       15

Как уменьшить размер фотошопа, отображаемого в HTML-подписи?

1 голос
/ 01 ноября 2019

Я работал над электронной подписью HTML, которую я разработал в Photoshop, нарезал ее и экспортировал из нее 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>

1 Ответ

0 голосов
/ 09 ноября 2019

на 50% меньше размер файла?

Если это так, вы можете сохранить файл в формате jpg, который намного меньше, чем png. Также, когда вы сохраняете файл в фотошопе, вы можете перейти к файлу> экспорт> сохранить для Интернета и сравнить различные типы файлов / размеры / качество. для чего-то вроде подписи я бы сделал jpeg-файл с качеством, установленным на среднее и оптимизированным для веб-проверок.

или .., если вы говорите об изменении его размера до размеров изображения. кроме использования photoshop, есть такие сервисы, как https://onlinejpgtools.com/resize-jpg, где вы можете перетаскивать и отображать изображения и изменять их размер.

orrr ... с помощью css, если вы хотите уменьшить размер всей таблицы, вы можете добавитьтаблица стилей {transform: scale (0.5);}

...