Ausgabe
Ich habe an einer HTML-E-Mail-Signatur gearbeitet, die ich in Photoshop entworfen und in Scheiben geschnitten und HTML daraus exportiert habe.
Aber jetzt möchte ich die gesamte Größe um 50% verkleinern, sagen wir vielleicht durch CSS? Ich habe CSS nach Möglichkeit für alle Selektoren ausprobiert, aber es scheint keine Wirkung zu haben. Hier ist der HTML-Code.
Bitte, wenn jemand einen Trick kennt, damit ich nicht in Photoshop die Größe verändere und es erneut schneide.
<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>
Lösung
50 % kleinere Dateigröße meinst du?
Wenn ja, könnten Sie die Datei als JPG speichern, was eine viel kleinere Datei als ein PNG ist. Wenn Sie eine Datei in Photoshop speichern, können Sie auch zu Datei> Exportieren> Für Web speichern gehen und verschiedene Dateitypen/Größen/Qualität vergleichen. für so etwas wie eine signatur würde ich eine jpeg-datei erstellen, deren qualität auf mittel eingestellt und für das web optimiert ist.
oder … wenn Sie davon sprechen, die Größe so weit wie die Bildabmessungen zu ändern. Abgesehen von der Verwendung von Photoshop gibt es Dienste wie https://onlinejpgtools.com/resize-jpg , wo Sie Bilder ziehen und ablegen und in der Größe ändern können.
orrr… mit css wenn du die ganze tabelle verkleinern willst kannst du die style table {transform:scale(0.5);} hinzufügen
Beantwortet von – Lucas Dearaujo
Antwort geprüft von – Terry (FixError Volunteer)
