画像ファイルによるクロスサイト・スクリプティング(XSS)傾向と対策
補足 この記事は旧徳丸浩の日記からの転載です（元URL、アーカイブ、はてなブックマーク1、はてなブックマーク2）。 備忘のため転載いたしますが、この記事は2007年12月6日に公開されたもので、当時の徳丸の考えを示すものを、基本的に内容を変更せずにそのまま転載するものです。 補足終わり 最近、画像ファイルを用いたクロスサイト・スクリプティングが注目されている。本稿では、画像を悪用したXSSについて説明した後、対策方法について解説する。 画像によるXSSとはどのようなものか Internet Explorer(IE)の特性として、コンテンツの種類を判別する際に、レスポンスヘッダ内のContent-Typeだけでなく、コンテンツの内容も判断基準にしている。このため、Content-Typeが例えばimage/gif(GIF画像)となっていても、中身がHTMLであればHTMLと解釈して表示する。
Google Goggles
If you are not redirected automatically, follow the link
JPEG、GIF、PNG画像選択の指針まとめ | エンタープライズ | マイコミジャーナル
SitePoint: New Articles, Fresh Thinking for Web Developers and Designers Jennifer Farley氏がSitePointにおいてGIF, PNG, JPG. Which One To Use?のタイトルのもと、Webサイトを作成するにあたってどの画像フォーマットを採用すべきかという指針を簡単にまとめている。まず氏はそれぞれの画像フォーマットの特徴を簡単に説明。 GIF - 256色のインデックス画像。写真には向かないが、ロゴであったりフラットブロックな画像には向いている。透過データを保持できるという特徴がある JPEG - クオリティによって圧縮率が変わる非可逆圧縮の画像フォーマット。透過は表現できないが、写真データの用途に向いている PNG - GIFに似ているが、GIFのようなぎざぎざを出さずに背景透過を実現
PHPで表示したjpeg画像が、IEだとbmp画像でしか保存できない問題
こんにちは、牧野です。 先日、年明けに開かれる好きなアーティストのライブのチケットを買いました。 前のライブイベントはチケットが売り切れて残念でしたが、今回は大丈夫でした。 さらに、今度はものすごくいい席（前から４列目！）になったので、今からとても楽しみです。 さて。今日は久々にPHP関係のネタです。 前、PHPでjpeg画像を出力して表示するプログラムを作ることがありました。 その時、IEでアクセスして、表示されたjpeg画像を保存しようとすると、何故かbmpと判断されるという問題が。。。次のは再現画像です。 プログラム自体はログインチェック後に読み込んだ画像を出力するようなシンプルなもので、Firefoxではちゃんとjpegと判断されます。 IEからjpeg画像ファイルに直接アクセスして表示した場合も大丈夫です。 最初、header関数でContent-Typeだけ出してContent
ロングテールな画像配信 その2 - 3,000万の画像を配信するシステム - mixi engineer blog
Squidを検索する度に最初に表示される画像検索の結果に吹き出しそうになる開発部・システム運用グループの長野です。前回のロングテールな画像配信のその2ということで、実際の画像配信システムについて書かせて頂きます。 ■プロフィール画像の配信について 前回紹介しましたが、mixiにおいてプロフィール写真を設定を設定しているユーザ数は全体の約70%、1,000万人の方が設定をされています。現在配信をしているプロフィール画像のサイズは180x180、76x76、40x40と３サイズあり、合計3,000万以上のファイル数になっています。また、もっともよく使われる76x76のサイズ1,000万件において、1日にアクセスされる画像の数は800万ファイル以上、うち97%が30回以下と非常に広範囲に渡ってアクセスされています。そのため大量の画像を配信できる仕組みが必要になります。 ■配信システムの全体像 プ
変更された画像もネットから探せる新画像検索エンジンTinEyeがプライベートベータ公開開始 | 秋元@サイボウズラボ・プログラマー・ブログ
新たな画像検索エンジンTinEyeが、希望者によるプライベートベータ公開をアナウンスした。 さっそく申し込んで、アカウントを貰うことができたので試してみた。 以下がその検索してみた例。一番上が、僕がURLを与えることで指定した「検索したい画像」 ご覧のとおり、元の画像と同じ内容が含まれていることは人間ならわかる画像ばかりなのだけれど、たとえば 髪型が変えられていたり、 全体ではなく部分だけが抜き出されていたり、 背景や文字が加えられていたり、 といった、加工されたと見られる画像も、ネットから探し出すことができている。 TinEyeは現在までに5億枚の画像のクロールしており、画像ごとに独自のパターン認識アルゴリズムを使ってコンパクトでユニークな「指紋」を作成しているのだという。 いつものakkyロゴ でも検索してみたけれど、単純すぎて特徴がない画像は検索できない、というエラーになった。 検索
Nihilogic: Compression using Canvas and PNG-embedded data
Sunday, May 4, 2008 29 comments Compression using Canvas and PNG-embedded data Labels: canvas, compression, javascript I got this idea to stuff Javascript in a PNG image and then read it out using the getImageData() method on the canvas element. Unfortunately, for now, that means only Firefox, Opera Beta and the recent WebKit nightlies work. And before anyone else points out how gzip is superior,
Google研究者ら、新しい画像検索アルゴリズムについて発表 | スラド IT
TechCrunchの記事より。北京で開かれていたWWW2008の席上、Googleの研究者らがなかなか興味深い画像検索アルゴリズムの研究成果を披露したようだ(論文PDF)。 ユーザは画像を探す時、似たような画像を探していくものだという仮定を行い、確率的なvisual-hyperlinkというリンクが様々な画像の間にあると想定する。似通った画像間にはより訪問者が多いと想定され、より大きな重み付けがなされる。これに対してPageRankアルゴリズムを適用することにより、画像のRankを計算するのだという。現在のアルゴリズムでは、単語に対して妙な画像がひっかかってしまう場合が時々あるのだが、このアルゴリズムを利用することでユーザの満足度を向上できる結果が得られたとしている。これが実際にGoogleに採用されるか、採用されるにしてもにしてもそれが何時かはまだわからないが、実にアレゲでなかなか感心
CSSで実現するスマートなロールオーバー
CSSで実現するスマートなロールオーバー 暇があればコーディングコンテストの作品を眺めているのですが、ほんと勉強になります。 長谷川賞を受信したComplexさんが行っていたロールーオーバーの手法が、JavasScriptも画像置換も使わずにと素敵だったので紹介します。 サンプルはボクの方でアレンジしていますので、オリジナルも合わせて参考にお願いします。 まずサンプルのXHTMLソース <ul> <li class="ajaBtn"><a href="/ajax/"><img src="ajax_a.gif" alt="ajax" /></a></li> <li class="amaBtn"><a href="/amazon/"><img src="amazon_a.gif" alt="amazon" /></a></li> <li class="cssBtn"><a href="/css
Faster Page Loads With Image Concatenation - BorkWeb
[[innerindex]] Introduction When designing web applications, icons and images are used to enhance the user experience, give visual cues, and simply look sexy. For complex web apps, the quantity and resulting latency of icons and images used can greatly impact page load times…and developers, in most cases, generally try to reduce page load time with a sweet web app rather than increase it. To reduc
Daniel Nolan - Home
Image Rollover Code This script is a standards compliant means of adding mouse rollover code to images in a document without the hassle of coding in extra parameters to each image in your document. This code is standards compliant and should not invalidate your document. Sample Usage To begin with you need to load the javascript into a page in the head section of your page. If you place the code
Slot Online Terpercaya - Daftar Situs Judi Online
Bandar Judi Slot Online Terpercaya Judi slot online sekarang ini menjadi pembincangan hangat di kalangan bettor dari penjuru nusantara. Permainan judi yang ada di deretan casino telah hadir di perjudian online yang dapat kita akses dengan sangat mudah dan gampang. Bagi anda yang saat ini sedang ingin melakukan taruhan judi slot online tetapi masih sedikit binggung untuk memulai, anda sudah berada
256 Pixels
What is a favicon? Favicons are the little icons that show next to bookmarks and in the address bar of most browsers. Favicons are 16 pixels square. Upload a picture and click 'Make Favicon!' to create a favicon for your website. This favicon generator supports alpha transparency. Once you create your favicon.ico file, upload it to the root directory of your website and put the following code in y
ryuzi_kambe の？Ｄ - JavaScript::onError
onError="this.src=altimage"; JavaScript 動的なコンテンツを表示する際、いざ表示する際に画像がなかったら、 そんなとき、img エレメントにこんな要素を潜ませておくと、代わりの画像を読み込んでくれます。 代替画像は、 var altimage = "http://foo/bar.jpg"; と指定しておきます。 こういうことしてくれると、JavaScript 最高！という感じだなぁ。 ※ちなみに、いつか this の使い方について語っていた id:amachang さんのエントリを思い出して連想しました。onerror, lowsrc プロパティにたどり着き、あとは Google 先生が教えてくれました。 Permalink 証明書エラー Google, Firefox 今日、Google 関係の証明書エラーがやたら出ませんか？（on Firefo
Exif JSONサービス - Ogawa::Memoranda
Posted by: Hirotaka Ogawa @ January 26, 2007 11:49 AM | デジタルカメラなどで撮影した画像ファイルに含まれるExifメタ情報を取得し、JSON形式で出力するサービスを作ってみました。 JSON形式で取得する JSON形式でExif情報を取得する場合には以下の形式のURLをGETします。 http://as-is.net/exif/json?url=<Image-URL> 戻り値はJSON形式のExif情報です。 {"FocalLengthIn35mmFormat":28,"ThumbnailOffset":8096,"WhiteBalance (1)":"Auto", "Model":"DMC-LX2","FlashpixVersion":"0100","ShutterSpeed":"1/100", "ShootingMode":"Pr
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
はてなブログ | 無料ブログを作成しよう
JavaScript から画像の存在有無を調べる|てくめも@ecoop.net
サイトの背景画像を変える時に使える7サイト - デザインウォーカー | DesignWalker - ロサンゼルスで働くウェブデザイナーの日記
GPGMail レビュー MOONGIFT
http://www.ajaxprogrammer.com/?p=9