llamerada on Twitter: "Googleの新しい画像検索UIを少し調べてみたら、画像のサムネイルをbase64でエンコードした状態でDOMに埋め込んだ上で、表示する際にはcanvasに流し込んでいた。これだと画像のサムネイルを読み込む毎にhttpコネクションが発生することはないので非常に高速なはず。"

暮らしカテゴリーの変更を依頼記事元:

twitter.com/llamerada

17 usersがブックマークコメント

記事へのコメント4件

注目コメント
新着コメント

toton "画像のサムネイルをbase64でエンコードした状態でDOMに埋め込んだ上で、表示する際にはcanvasに流し込んでいた。これだと画像のサムネイルを読み込む毎にhttpコネクションが発生することはないので非常に高速なはず。"

performance

2010/09/22 リンク

se-mi CSSSpriteよりもさらにトリッキーだし使えるブラウザも限られるんだけど実用性あるんかな

2010/07/24 リンク

nitoyon base64エンコードからcanvasに描画。/ dataスキームじゃないのか。

2010/07/24 リンク

ninjatottori Googleの新しい画像検索UIを少し調べてみたら、画像のサムネイルをbase64でエンコードした状態でDOMに埋め込んだ上で、表示する際にはcanvasに流し込んでいた。これだと画像のサムネイルを読み込む毎にhttpコネクションが発生

2010/07/23 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

リンクを埋め込む

以下のコードをコピーしてサイトに埋め込むことができます

<iframe marginwidth="0" marginheight="0" src="https://b.hatena.ne.jp/entry.parts?url=https%3A%2F%2Ftwitter.com%2Fllamerada%2Fstatus%2F19069202092" scrolling="no" frameborder="0" height="230" width="500"><div class="hatena-bookmark-detail-info"><a href="https://twitter.com/llamerada/status/19069202092">llamerada on Twitter: "Googleの新しい画像検索UIを少し調べてみたら、画像のサムネイルをbase64でエンコードした状態でDOMに埋め込んだ上で、表示する際にはcanvasに流し込んでいた。これだと画像のサムネイルを読み込む毎にhttpコネクションが発生することはないので非常に高速なはず。"</a><a href="https://b.hatena.ne.jp/entry/s/twitter.com/llamerada/status/19069202092">はてなブックマーク - llamerada on Twitter: "Googleの新しい画像検索UIを少し調べてみたら、画像のサムネイルをbase64でエンコードした状態でDOMに埋め込んだ上で、表示する際にはcanvasに流し込んでいた。これだと画像のサムネイルを読み込む毎にhttpコネクションが発生することはないので非常に高速なはず。"</a></div></iframe>

プレビュー

規約違反を報告

llamerada on Twitter: "Googleの新しい画像検索UIを少し調べてみたら、画像のサムネイルをbase64でエンコードした状態でDOMに埋め込んだ上で、表示する際にはcanvasに流し込んでいた。これだと画像のサムネイルを読み込む毎にhttpコネクションが発生することはないので非常に高速なはず。"

Googleの新しい画像検索UIを少し調べてみたら、画像のサムネイルをbase64でエンコードした状態でDOMに埋... Googleの新しい画像検索UIを少し調べてみたら、画像のサムネイルをbase64でエンコードした状態でDOMに埋め込んだ上で、表示する際にはcanvasに流し込んでいた。これだと画像のサムネイルを読み込む毎にhttpコネクションが発生することはないので非常に高速なはず。