src のない画像を含める有効な方法は何ですか? 質問する

src のない画像を含める有効な方法は何ですか? 質問する

後で JavaScript を使用して src を動的に埋め込む画像がありますが、簡単にするために、ページの読み込み時に画像タグが存在するようにして、何も表示しないようにしたいと考えています。<img src='' />無効であることはわかっているので、これを行う最善の方法は何ですか?

ベストアンサー1

もう一つの選択肢は、空白の画像を埋め込むことです。目的に合った画像であれば何でも構いませんが、次の例では26バイトのGIFをエンコードしています。http://probablyprogramming.com/2009/03/15/the-tiniest-gif-ever

<img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" width="0" height="0" alt="" />

以下のコメントに基づいて編集します:

もちろん、ブラウザのサポート要件を考慮する必要があります。IE7 以下はサポートされていないことに注意してください。http://caniuse.com/datauri

おすすめ記事