向图像添加空格并将文件保存到服务器

Question

我有一个脚本可以为时事通讯生成一些 HTML。我使用“align=left”浮动图像并在其周围环绕文本。我使用内联 CSS 样式（在本例中为 margin-right），为图像提供一些喘息空间。 Outlook 会忽略这一点。 Outlook 也忽略填充 - 我什至尝试了 10px 右边框，它也忽略了这一点。

我无法更改布局并将图像放入表格中。我正在考虑使用 GD 来操作图像，在其右侧添加 8px 的空白。问题是，由于这是一份向数千人发送的时事通讯，因此我需要将修改后的图像保存到服务器上的某个位置，以便我可以链接到它。我不想即时生成它。

我对 GD 或使用 PHP 将文件保存到某个位置的经验为零。这是我的图像代码：

<img alt="<?php print $main2['title']; ?>" height="127" width="185" src="http://www.mydomain.com/uploads/<?php print $main2['filename']; ?>" align="left" style="margin:8px 8px 0 0;"/>

Answer 1

您当然可以依靠 CSS 来处理时事通讯 - 仅某些属性，并且是内联的。我们开展了一系列非常成功的活动，时事通讯看起来很适合每个人。

我们的网络服务器上有一个文件夹，里面有几千张经过修改的小图像，这不是问题。

我们不能改变布局，因为这是一些重要人物想要的——而这些重要人物付给我相当多的钱来实现他们想要的事情。是的，我可以对此提出很大的批评，并可能说服他们，但如果我可以相反地花几个小时让它发挥作用，为什么不呢？

FWIW，我确实设法用 GD 完成了这个工作 - 并不像我想象的那么复杂 - 如果其他人需要它，我会发布脚本：

// get image
$url = 'myimage.jpg';
$src = imagecreatefromjpeg($url);

// dimensions (just to be safe, should always be 185x127 though)
$src_wide = imagesx($src);
$src_high = imagesy($src);

// set white padding color
$clear = array('red'=>255,'green'=>255,'blue'=>255);

// new image dimensions with right padding
$dst_wide = $src_wide+8;
$dst_high = $src_high+8;

// New resource image at new size
$dst = imagecreatetruecolor($dst_wide, $dst_high);

// fill the image with the white padding color
$clear = imagecolorallocate( $dst, $clear["red"], $clear["green"], $clear["blue"]);
imagefill($dst, 0, 0, $clear);

// copy the original image on top of the new one
imagecopymerge($dst,$src,0,8,0,0,$src_wide,$src_high, 100);

// store the new image in tmp directory
$pth = 'tmp/myimage.jpg';
imagejpeg($dst, $pth, 100);

// free resources
imagedestroy($src);
imagedestroy($dst); 

Answer 2

您应该首先避免在时事通讯中使用 CSS，因为您不能依赖它，除非您制作它的纯文本版本。

对于这个简单的问题，这个方法似乎有点大材小用。另外，事实上您的图像将被永远修改。如果您将包含 CSS 的新闻通讯发送给成千上万的人，我认为您应该首先确保您的客户都能够正确检查它。

你说你不能改变布局，我能问为什么吗？

现在，要回答您的问题，您不需要 GD 来执行此操作，您只需编写一个脚本来批量“转换”您的图像，并将它们全部准备好用于您的时事通讯。

例如： http://www.imagemagick.org/Usage/thumbnails/#pad

两个建议

第一

尝试在新闻通讯中使用表格而不是 CSS，您将能够在表格中使用表格有效地进行填充。

第二

首先检查问题，设计是一个问题，如果您想正确接触到所有订阅者，这一点非常重要。看看 mailchimp 免费帐户，您可以设置所有新闻通讯模板并免费测试它，您将能够检查生成的代码。

Answer 3

您可以使用 gif 间隔符（老派 html 是的）：

<img alt="" height="127" width="8" src="http://www.mydomain.com/spacer.gif" align="left" />

间隔符是一个简单的 1x1 透明像素，
你可以用 html 属性给它指定你需要的大小，这样就可以了。

顺便说一句，你的主要问题实际上是如何构建 html/css 。以下是一些关于如何发送跨客户端 html 电子邮件的重要资源： http://www.campaignmonitor.com /设计指南/