画像アップでインラインで使える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はサポートしないとかで割り切れるのなら個人的には、利用価値は高いと思います。 「画像
“共起サイテーション”がアンカーテキストに取って代わる？ 2013年のGoogleアルゴリズム大胆予想
[対象: 中〜上級] “共起サイテーション”が、“アンカーテキスト”に取って代わる重要なランキング要因に将来的になる。 SEOmozのRand Fishkin（ランド・フィッシュキン）氏によるこんな大胆な予想を今日は紹介します。 （余談ですけど、髭を剃ったのでランドを見慣れた人には別人に見えて一瞬戸惑いますね） “共起サイテーション”という言葉は、Rand Fishkin氏が使っている“co-citation”という用語を今僕が日本語にしたものです。 “co”は、「共同の」とか「共通の」、「共に」という意味を持ちます。 日本語では「共起語」として僕たちが使っている“co-occurrence”の“co”です。 “citation”は言及・参照されることです。 プレイス検索で、大きめのランキング要因になっていると考えられるあのサイテーションです。 したがって、“co-citation”、言い
個人所有のスマートフォン・タブレット端末の業務利用のあり方を整理した 『BYODの現状と特性』を発表 | JSSEC
ニュースリリース 2012年11月19日 報道関係各位 JSSEC、個人所有のスマートフォン・タブレット端末の業務利用のあり方を 整理した『BYODの現状と特性』を発表 ～利用状況を5パターン「舵取り型」「踏み出し型」「なし崩し型」「知らん振り型」「忍び型」に分類～ 日本スマートフォンセキュリティ協会 日本スマートフォンセキュリティ協会（東京都港区、以下、JSSEC、会長：安田浩）の利用部会「利用ガイドラインWG」（WGリーダー：松下 綾子）は、『スマートフォン＆タブレットの業務利用に関するセキュリティガイドライン』の補足資料として、個人所有のスマートフォンの業務利 用における現状を5つのパターンに整理して課題や現状認識を共通化した『BYODの現状と特性』を公開しました。 ■本補足資料策定の背景と目的 スマートフォンの業務利用が注目され、拡大する中、個人所有のスマートフォン・タブレット端末
意外と知らない Windows OS 標準の「ステップ記録ツール」
操作の手順を記録したいWindows 7 からアプリケーションの操作をステップごとに記録してくれる便利なツールが付属しています。それが、「ステップ記録ツール」です。 Windows 7 では、「問題ステップ記録ツール」という名称でした。Windows 8, 8.1, 10 では、「ステップ記録ツール」という名称で統一されています。 スタートメニューに表示されないため、知らない人も多いツールです。エンドユーザーで知っている人はまずいないでしょう。 このツールを利用することで、操作を記録して、その様子をまとめたレポートを作成してくれます。アプリケーションのユーザーさんから問い合わせがあったときに、手順を教えてもらったり、不具合の再現方法をいただく際に重宝します。 起動Windows の検索にて、「記録」や「ステップ」と入力してみましょう。「ステップ記録ツール」が検索結果に表示されます。 上図は
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
NIKKEI STYLEは次のステージに