画像アップでインラインで使えるbase64形式に変換してくれる「Duri.me」:phpspot開発日誌
Duri.me - A beautifully simple image-to-DataURI converter. 画像アップでインラインで使えるbase64形式に変換してくれる「Duri.me」 HTTPのコネクションを減らして未ロードの画像を高速に表示できるdataURLですが、実際ページの作成でやるとなると、面倒でやらない場合が多かったりしますが、このツールで手間を軽減できそう。 Chrome等のブラウザであればドラッグ＆ドロップすれば速攻で変換してくれます。 ファイルをアップすると３つの選択肢が現われます。<img>タグでもらうか、CSSでもらうか、base64データのみをもらうかの選択をします。 選択肢を選ぶとクリップボードにコピーできます これは便利。 <img>でやると毎回ロードが発生するのでCSSにしてCSSをexpiresでキャッシュするのが良さげですね 関連エントリ
[提供終了]画像をBase64に変換するツール (data URI scheme) – シングスブログ
Google のウェブ検索結果でウェブページのスクリーンショットに使われている data URI scheme。 data:[<mediatype>][;base64],<data> 形式のデータ (data URI scheme) を生成してウェブページに埋め込むことで HTTP リクエストを減らせるメリットがある。ただ、バイナリデータより3割ほどデータサイズが増える。 ファイルサイズが小さいアイコンを直接埋め込んだり、ブラウザが PC より対応しているスマートフォンでも使われ出している。ということで、画像のバイナリデータを Base64 にエンコードするツールをつくった。出力形式も HTML の img、CSS、JavaScript、生データに対応。 ツールの提供は終了しました。 data URI scheme がサポートしている HTML タグは object (images onl
日記 | ヨモツネット
blog移行しました。新しいblogで更新を続けています。 XMLェ… text ja 2012-07-08 http://www.yomotsu.net/wp/?p=603 XMLェ… 日々の出来事2012年7月8日日曜日 ブログ作りなおそうかなーと思って、この Webサイト をみなおしてたら、Web ページのメタ情報としてダブリンコア (RDF) を混在させていたことを思い出した。バリデーターにかければ、グラフも取り出せて みたいな感じになる。でも結局あまり意味なかったです多分。いまは OGP とかありますしね。 Web ページは XHTML にしてたけど、ブログのコメントで参照先のない数値参照とか混ぜられると XML パースエラーになるし、XML だから他の語彙混在できるけど、RDF くらいしか混ぜてなかったし、XHTML 意味なかったです多分。いまは HTML に SVG 混在でき
簡単★ブログ表示の高速化の為に「小さい画像にbase64」をかける 【data URI scheme】 | 某氏の猫空
簡単★ブログ表示の高速化の為に「小さい画像にbase64」をかける 【data URI scheme】投稿 : 2012-08-02更新 : 2013-05-16 「画像をbase64に」と「CSSスプライト」の2種類小さい画像対策に、CSSスプライトを使う手法があります。CSSスプライトに関しては、「一番簡単なCSS Spriteのやり方 」を参考にしてください。 「画像をbase64に」のほうは、かなり簡単です。 IE(IE8以降）をはじめ、その他のブラウザや、Android、iOS(iPhone)など対応しています。 ※IE7以前は対応していない CSS Spriteはメンテナンスが大変ですし、クライアント側にメモリーや処理関係で負荷がかかります。 IE7でその画像が表示されなくても支障がない、IE7はサポートしないとかで割り切れるのなら個人的には、利用価値は高いと思います。 「画像
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
