2011-08-24 28 views
6

私は携帯用にしたいHTML文書にいくつかの小さな画像を持っています。メールを送るときにはまだ動作します。私は素晴らしい作品これは、以下を使用します。base64の埋め込み画像を複数回使用する

<img src="data:image/png;base64,..."/> 

問題ですが、私は、ドキュメント内の同じ画像を何度も使用したいのですが、全体のbase64データ列を繰り返したくはありません。私はデータが一度にエンコードされている電子メールを見てきましたが、多くは参照しました。これはHTMLでも可能ですか?

答えて

4

CSSを使用できる場合は、代わりにクラスとして配置することができます。

次に、必要な要素にクラスを追加します。

+0

私はそれを避けることができれば(単に再設計の必要性のために)CSSを使いたくないです。しかし、それはオプションです、私はこの質問に役立ちました:http://stackoverflow.com/questions/1207190/embedding-base64-images – steveo225

+0

あなたは再設計する必要はありません。あなたは画像のためだけにCSSを使うことができます。 .repeatimage {background:url(data:...);}のようなものです。表示:インラインブロック;幅:10px;高さ:10ピクセル;}、htmlではを使用します。すべての電子メールクライアントで動作するわけではありませんが、データURLはそれよりも少なくて済みます。 – Gerben

0

コンテンツをzgip(/収縮)させるようにウェブサーバーを設定します。 Deflateは繰り返しストリングを検出して、一度だけ組み込んだ場合とほぼ同じサイズに圧縮する必要があります。この方法で帯域幅を無駄にすることはありません。電子メール、またはファイルシステムの普通のhtmlファイルでは機能しません。

関連する問題