イメージに空白を追加し、サーバーにファイルを保存します。

Question

ニュースレター用のHTMLを生成するスクリプトがあります。私は、 "align = left"を使ってイメージを浮動させ、その周りにテキストをラップします。私はインラインCSSスタイルを使用しています。この場合はmargin-rightを使用して、イメージにいくつかの呼吸ルームを与えます。 Outlookはこれを無視します。 Outlookではパディングも無視されています。私も10pxの境界線を試してみましたが、無視されました。

レイアウトを変更してイメージをテーブルに配置することはできません。 GDを使用して画像を操作し、その右側に8pxの空白を追加することを考えています。このキャッチは、これが何千人もの人々に外出するニュースレターであるため、修正されたイメージをどこかのサーバーに保存してリンクする必要があるということです。私はその場でこれを生成したくありません。

私はGDでの経験はありません。また、PHPを使用している場所にファイルを保存しています。あなたはテキスト、それの唯一のバージョンを加えた場合を除き、それに頼ることができないとしてあなたが最初のニュースレターのためのCSSを避ける​​べきである

<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を使って何千という人々にあなたのニュースレターを送るならば、まずあなたのクライアントがすべてそれを正しく確認できることを確認するべきだと思います。

あなたはレイアウトを変更できないと言ったのですが、私はなぜそれを聞くことができますか？

あなたの質問にお答えするには、GDでこれを行う必要はありません。画像をバッチで「変換」してニュースレターの準備を整えるだけのスクリプトを作成することができます。

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

2つの提案

まず

あなたのニュースレターで代わりにCSSのテーブルを使用してみてください、あなたは、テーブル内のテーブルと効果的にパッドのことができるようになります。

セカンド

問題のチェックは最初、デザインが問題であり、あなたは正確にすべてのあなたのsuscribersに到達したい場合は、それは本当に重要です。 mailchimp無料のacountsを見て、あなたはすべてのニュースレターテンプレートをセットアップし、無料ですべてをテストすることができます、あなたは生成されたコードをチェックすることができます。

Answer 2

あなたはGIFスペーサー（古い学校のHTMLええ）を使用することができます。

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

Aスペーサーは、あなたがそれを使用すると、HTML属性に必要なサイズを与え、それはトリックを行う必要があり 、シンプルな1x1の透明画素であります。

Btwあなたの主な問題は、実際にどのようにあなたのHTML/CSSを構築しているかです。クロスクライアントhtml電子メールのやり方に関するいくつかの大きなリソースがあります：http://www.campaignmonitor.com/design-guidelines/

Answer 3

確かに、ニュースレター用のCSSには確かに依存しています。私たちは非常に成功したキャンペーンを運営しており、ニュースレターはみんなにとってうまく見えます。

それは我々が数千の小さな修正画像がある弊社のWebサーバー上のフォルダを持っている問題ではありません。

それはいくつかの重要な人々が望むものですので、私たちは、よく、レイアウトを変更することはできません - そして重要な人々は、彼らが起こる欲しいものを作るために私にお金のまともな金額を支払います。ええ、私はそれについて大きな悪臭を高め、おそらく他の人たちに説得するかもしれませんが、もし逆に数時間をかけてそれを働かせることができれば、どうしてですか？

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);