2013-03-30 画像の一部にモザイクをかけてGIFアニメにする http://the.mohayonao.com/mosaic/ 画像をドラッグ＆ドロップする トリミングする モザイクをかけたい場所をマスクする アニメ枚数とスピードを設定する 処理する 右クリックで保存 こんなのがつくれる... 続きを読む

• mohayonao.hatenablog.com
• テクノロジー

昨年からちょこちょこコードを書いていて、たまに思い立ったように機能を追加していた画像最適化ツールのlightpngに1.0のタグを打ちました。だいたいやりたい機能は入ったかな、ということで。時間的にはこんな感じで進化してきました。 2012/5/17: ファースト... 続きを読む

• blog.shibu.jp
• テクノロジー

Use Cases and Requirements for Standardizing Responsive Images W3C Working Draft 26 February 2013 This Version: http://www.w3.org/TR/2013/WD-respimg-usecases-20130226/ Latest version: http://www.w3.org/TR/respimg-usecases/ Previous version: N... 続きを読む

• www.w3.org
• テクノロジー

12月16 PNG 画像の解析と最適化ツール はじめに この記事は Graphical Web Advent Calendar の 16 日目の記事として書かれました。 Graphical Web ということで、PNG フォーマットの簡単な説明と Web ブラウザ上で動作する PNG 解析ツールを作ったので使い方と... 続きを読む

• blog.livedoor.jp:imaya_js
• テクノロジー

はじめまして、クライアント基盤のいまやです。 はじめに PNG 画像を軽量化する話題になると「減色」と「可逆圧縮」（以下、単に圧縮と表記）を混同している例をよく見かけます。 この記事では圧縮と減色について簡単に説明し、PNG の軽量化とは何をするのか具... 続きを読む

• labs.gree.jp
• テクノロジー

Real-time Ascii Art conversion of Google Street View panorama's done in WebGL. You'll need Chrome, Firefox 8+, or another browser that supports CORS WebGL textures. Coded by @peter_nitsch. Inspired by Sol's TextFX library. Built with @thespit... 続きを読む

• tllabs.io
• テクノロジー

#! coffeescript # forked from xl1's "SVG filter でディザかけるやつ" http://jsdo.it/xl1/k3g1 gl = new MicroGL() gl.program document.getElementById('vshader').textContent, document.getElementById('fshader').textContent gl.bindVars { uSampler: g... 続きを読む

• jsdo.it
• テクノロジー

[1] http://defghi1977-onblog.blogspot.jp/2012/03/svgfilter_19.html [2] http://d.hatena.ne.jp/rikuo/20120723 (Firefox のみ) [3] http://en.wikipedia.org/wiki/Ordered_dithering [4] http://www.area.com/jtdila/svg/dither2.svg (Firefox のみ) [2] の... 続きを読む

• jsdo.it
• テクノロジー

Adobe PhotoShop で RGB モードの画像を 256 階調のグレースケールへ変換する方法は、1 通りではありません。グレースケールへの変換コマンドは、ガンマや色空間などの概念が絡み合っていて、結構複雑です。仕組みを理解していなかったために、モード メニュー... 続きを読む

• ofo.jp
• テクノロジー

Adobe Photoshop CS5ではアルファチャンネルを持つPNGもインデックスカラーのPNGも正常に表示できるが、両者が組み合わさって透明度付きのインデックスカラーになったものはうまく表示できない。ということを最近知った。CS6で直ったという噂を聞いたけど持って... 続きを読む

• hail2u.net
• テクノロジー

Decode base64 strings (base64 string looks like YTM0NZomIzI2OTsmIzM0NTueYQ==) Decode a base64 encoded file (for example ICO files or files from MIME message) Convert source text data from several code pages and encode them to a base64 string ... 続きを読む

• www.motobit.com
• テクノロジー

基本的な画像処理手法について 画像のディジタル化(カラー・モノクロ) このページで使用するサンプル画像について 輝度値ヒストグラム カラー画像の画像処理 色の変換(RGB->YUVへの変換) 色の変換(鮮やかさを上げる・下げる) 明るさの調整（γ補正） グレイスケ... 続きを読む

• www.mis.med.akita-u.ac...
• テクノロジー

以前こういうことをやってみたんだけど GitHub に spacer.gif をコミットした – 頭ん中 実はここでコミットした spacer.gif には秘密があって このファイルをバイナリエディタで見ると このブログの URL が埋め込んであります。 GIF というのは終端コードが 0x... 続きを読む

• www.msng.info
• テクノロジー

話題になってた？　北京の空の写真に関する分析 いろんな人のツイートから拾ったんで、 修正必要かも。　編集可能にしておきます。 by rt_luckdragon 続きを読む

• togetter.com
• 世の中

Eye-Fiのライバル、FlashAirを入手しました 無線LAN付きSDカード、東芝のFlashAirが発売されたので買ってみました。 FlashAirは、Eye-Fiと似た無線LAN機能付きのSDカードです。 既にEye-Fi Pro X2を持っているんですが、方向性が違うこともあって興味があったの... 続きを読む

• hitoriblog.com
• テクノロジー

どうも。 先日、Facebookになんの気なしに一枚の写真をアップロードしました。 帯にじわじわくる面白さがあったため、Twitterにあげようかなぁと思ったのですが、結局ひっそりFacebookにあげて楽しむことにしました。 しかし、30ほどPCから離れて、その後Facebo... 続きを読む

• yumaendo.com
• テクノロジー

OptiPNGが0.7にバージョンアップして、待望のメタデータを削除する機能がついた。これでpngcrushいらなくなるかも。0.7では他にlibpngの脆弱性についての対応もなされているので、使用している人は更新するべき。 オプション名は-stripで、それに続けて削除した... 続きを読む

• hail2u.net
• テクノロジー

by amachang a minutes ago [2012/02/08 02:53:54] ブックマークレットを実行したあと、画像をクリックして画像検索できます /* * @title 画像検索 * @description ブックマークレットを実行したあと、画像をクリックして画像検索できます * @include http://* ... 続きを読む

• let.hatelabo.jp
• テクノロジー

2010年頭にデジタル一眼レフを導入してから、飛躍的に写真を撮る回数が増えたんだけど、いまだに写真共有サービスの使い分けのポリシーが決まってない。現状、使っている写真共有サービスは、はてなフォトライフ、Flickr、instagramなのだが、それについて、つ... 続きを読む

• artifact-jp.com
• テクノロジー

2012年1月30日に、はてなの各サービスでプロフィール画像が未設定の場合に表示するデフォルト画像を、新しいデザインに変更します。 これまでは、各サービスでプロフィール画像を小さく表示するケースが多かったため、小さなサイズでの表示に適したデザインを使... 続きを読む

• g:hatena:id:hatena
• テクノロジー

アニメーションGIFシャッフルするやつ https://gist.github.com/1610577 続きを読む

• hitode909.hatenablog.com
• テクノロジー

画像に続けてfigcaptionをそのまま普通に表示するといまいちなことが多いです。それでも英語ならイタリック体にするとかでなんとなくその文字列がfigure要素に係っているものだということが表現できるような気がしますが、日本語の斜体はいろいろアレなので使い... 続きを読む

• hail2u.net
• テクノロジー

Evan, an architect, uses Pinterest to save his favorite drawings. Divya, an HR Professional, uses Pinterest to share fun team-building ideas with her co-workers. 続きを読む

• pinterest.com
• テクノロジー

07:56このタイトル見ると抽象的でピンとこないがこれを見てほしい：これ見たときはビビった。全部的中。これはたった30行のJavaScriptで実装されている。http://oxplot.github.com/visipisi/visipisi.htmlこのリンク先のページの下の「Do the magic」というボタ... 続きを読む

• d:id:karasuyamatengu
• テクノロジー

Type any_keyword.jpg.to in your address bar to get the image you want. E.g. apple.jpg.to for an apple image. 続きを読む

• jpg.to
• テクノロジー

文字認識API¶ 文字認識API のWebサイトへようこそ。 文字認識API は、文字を含んだ画像URLや切り出された文字の画像から、文字認識により抽出した単語とその位置等を取得する機能を提供します。 [1] 本APIでは、携帯電話で撮影した写真などに含まれる文字や言葉... 続きを読む

• recognize.jp
• テクノロジー

Open an image that contains a gradient and then draw a line over the major components of the gradient. Local files are only supported on browsers that support the File API. If supported a browse button will appear next to the text box. Due to... 続きを読む

• gradient-scanner.com
• テクノロジー

Quick and simple Street View with the Google Street View Image API Thursday, September 15, 2011 The Google Maps API family includes the Google Static Maps API, which delivers maps as fixed images in PNG, GIF, or JPG format. It’s great when y... 続きを読む

• googlegeodevelopers.bl...
• テクノロジー

おおおっ！これはいい質問ですね！！（嬉 これはですね、後ろの子が前の子の口を横に開いて笑顔をつくろうとしてる絵なんですよー。 誰が書いて何が発祥なのかはわからないのですが「I can always make you smile」という絵らしいです。グーグルの画像検索など... 続きを読む

• theinterviews.jp
• テクノロジー

複数の模様が並ぶパターンとしては ルイヴィ●ンやruss●tのモノグラムと言えば ピンと来る方も多いのではないでしょうか。 自分で作るとなると「どうすればいいんだ」状態に陥りがち。 座標指定でタイリングする方法を教えてくださいました。 続きを読む

• togetter.com
• テクノロジー