ThumbHash: A very compact representation of an image placeholder
A very compact representation of an image placeholder. Store it inline with your data and show it while the real image is loading for a smoother loading experience. It's similar to BlurHash but with the following advantages: Encodes more detail in the same space Also encodes the aspect ratio Gives more accurate colors Supports images with alpha Despite doing all of these additional things, the cod
阿部寛のサイトの爆速感をLQIP (Low Quality Image Placeholder) で更に高めていく - Qiita
ちまたで阿部寛のサイトが速いと話題になっている。 dev.toと阿部寛のホームページどっちが速いですか？ dev.toと阿部寛のホームページについてちゃんと計測させてくれ 阿部寛のサイトを高速化する ところで、体感的なWebサイトの速さを決める要因の一つとして、画像の読み込みがある。爆速の http://abehiroshi.la.coocan.jp/ でさえ、自分の環境だと画像の読み込みに 500ms ほどかかっている。 (http://abehiroshi.la.coocan.jp/ を開いてみた様子。画像が読み込まれるまで空白の領域ができている) これは、阿部寛のサイトを高速化する にあるように、画像形式を工夫したり、CDNを使えばおおむね解決できるのだけど、とはいえどうしようもない部分もある（そもそもHTTPのラウンドトリップが遅いとか、何らかの事情でWebPが使えないとか） ユー
Blink-diff by yahoo
Usage The package can be used in two different ways: per command line through an object Command-Line usage The command-line tool can be found in the bin directory. You can run the application with Use image1 and image2 as the images you want to compare. Only PNGs are supported at this point. The command-line tool exposes a couple of flags and parameters for the comparison: --verbose Turn on verbos
difference as a service
Difference as a Service A simple API to quantify and visualize differences About diff.io Awareness is essential to success, but being aware at scale is hard. Especially in an age of rich infographics and process generated media. Leverage the diff.io API to make awareness at scale easy. Track any page, at any frequency. See the visual changes your CMS makes each and every day. Visual Change Awarene
Googleフォトは「画質が落ちる」 は本当か？驚異の圧縮技術により比較した結果が凄かった。 | デジタル＠備忘録
Googleフォト使ってますか？ 巷では「画質が落ちる」から使わないほうが良いなどと言われていますが実際にはどうなのでしょうか。気になりますよね。超拡大してまで画質の検証を行いましたのでご覧頂ければと思います。 多くの方が使っているGoogleフォトサービス。昔は容量無制限のサービスとして認知度が高かったですね。 現在は15GBまでなら無料で使用することが可能です。 容量無制限は2021年6月1日で終了となりました。 2021年6月1日からは無制限ではなくなり、保存容量に従って課金が必要になります。 新しいサービスではGoogle Oneでストレージを購入するとグーグルフォトでもストレージを使うことが可能です。 その辺りの詳しい話は最後にして、とりあえずは画像の圧縮がどのていど写真を劣化させているのかを見ていこうと思います。 Googleフォトには”圧縮して保存”と”オリジナルを保存”の２
Chrome 34ではimgタグで解像度に応じた複数の画像を出し分けられるよう、レスポンシブイメージ対応に
スマートフォンのような小さな画面からデスクトップPCのディスプレイまで、Webに対応するデバイスの画面の大きさや精細度の多様性は高まってきています。 多くのWebデザイナーは、こうした多様な画面に合わせてレイアウトなどを変えることで見やすくするよう努力してきましたが、こうしたダイナミックなレイアウトを実現する上で大きな課題だったのが画像の扱いです。画面の大きさや精細度に合わせて適切な画像を表示させようにも、そのための標準的な方法がないのがその理由です。 Chrome 34ではその、いわゆるレスポンシブイメージへの対応としてimg要素に新機能を実装することを明らかにしました。。 img要素のsrcsetで、画面解像度ごとに表示すべき画像ファイルを複数指定できるようになります。 <img alt="A rad wolf." src="pic1x.jpg" srcset="pic1x.jpg 1
pngquant — lossy PNG compressor
pngquant is a command-line utility and a library for lossy compression of PNG images. The conversion reduces file sizes significantly (often as much as 70%) and preserves full alpha transparency. Generated images are compatible with all web browsers and operating systems. Features High-quality palette generation using a combination of vector quantization algorithms. Unique adaptive dithering algor
OSSの類似画像検索プロジェクト Apache alike のご紹介 - 株式会社ロンウイット
alike での類似画像検索の主要な部分は上記の既存OSSを利用しているため、alike 自身は非常にコンパクトな構造になっています。下図にalikeのアーキテクチャを示します。 Apache alikeのデモ 下記のリンクをクリックすると、類似画像検索を体験できます。リンクをクリックして表示された画面の一番上の画像が「検索元」の画像で、2番目以降の画像が検索元と似ていると判断された類似画像一覧です。Luceneにより「似ている順」に表示されています。 http://rondhuit-demo.com/p/alike/ukbench/full/ukbench01700.jpg http://rondhuit-demo.com/p/alike/ukbench/full/ukbench01990.jpg http://rondhuit-demo.com/p/alike/ukbench/full
2枚の画像のdiff（差分）を超簡単に調べる方法 - 昼メシ物語
Githubで画像の差分を見られるモードが話題を呼びましたが、このように2枚の画像の差分を調べたいときって時々ありますよね。 そんなときImageMagickのコマンドラインツールを使えば、たった1行で実現できます。 $ composite -compose difference A.jpg B.jpg diff.jpg とすれば、A.jpg と B.jpg の差分画像 diff.jpg が作られます。この差分画像は以下のようになります。 さらにこの差分画像（diff.jpg）が「真っ黒な画像」かどうかも、コマンドラインで調べることができます。 # 差分がなかった場合（＝diff.jpgは黒一色の画像） $ identify -format "%[mean]" diff.jpg 0 # 差分があった場合 $ identify -format "%[mean]" diff.jpg 960.8
ヒストグラムの比較 - にのせき日記
OpenCVを使ってヒストグラムの比較を行ってみる。 どうやるかというと、二つの画像のヒストグラムを計算してから、cvCompareHistを用いてそれらを比較すればいい。 今回は以下の二つの画像を使ってみた。自分の手の画像です。 myhand1.jpg myhand2.jpg cvCompareHistには四つのメソッド(Correlation、Chi-square、Intersection、Bhattacharyya distance)がサポートされている。 Correlationを用いると 結果が高いほうがよりマッチしている 完璧なマッチだった場合は1 完璧なミスマッチの場合は-1 Chi-squareを用いると 結果が低いほうがよりマッチしている 完璧なマッチだった場合は0 完璧なミスマッチだった場合は際限のない値が得られる(ヒストグラムのサイズに依存する) Intersectio
Earth Mover's Distance (EMD) - 人工知能に関する断創録
Earth Mover's Distance (EMD) について調べたことを整理しておきます。EMDは、ユークリッド距離のような距離尺度の一つで、二つの分布の間の距離を測ることができます。言語処理ではあまり聞いたことなかったのですが、画像処理や音声処理では比較的有名な距離尺度のようです。 EMDが使える問題設定は下図のようになります。 EMDは特徴量と重みの集合（シグネチャと呼ぶ）で与えられる分布Pと分布Qの間の距離です。ここで、特徴量間では距離 が定義されているのが前提です。特徴量がベクトルのときはユークリッド距離、特徴量が確率分布のときはカルバック・ライブラー距離（情報量）などです。EMDは、特徴量の集合が2つ与えられたときに、1個1個の特徴量間の距離をもとに、特徴量集合間の距離を求められるんですね。これはすごい。 重みは具体的な応用によって使い方が変わりますが、その特徴量の重要度を
類似画像検索システムを作ろう - 人工知能に関する断創録
C++版のOpenCVを使ってカラーヒストグラムを用いた類似画像検索を実験してみました。バッチ処理などのスクリプトはPythonを使ってますが、PerlでもRubyでも似たような感じでできます。 指定した画像と類似した画像を検索するシステムは類似画像検索システムと言います。GoogleやYahoo!のイメージ検索は、クエリにキーワードを入れてキーワードに関連した画像を検索しますが、類似画像検索ではクエリに画像を与えるのが特徴的です。この分野は、Content-Based Image Retrieval (CBIR)と呼ばれており、最新のサーベイ論文（Datta,2008）を読むと1990年代前半とけっこう昔から研究されてます。 最新の手法では、色、形状、テクスチャ、特徴点などさまざまな特徴量を用いて類似度を判定するそうですが、今回は、もっとも簡単な「色」を用いた類似画像検索を実験してみます
Stunning Free Images · Pixabay
Free images and videos you can use anywhere Pixabay is a vibrant community of creatives, sharing copyright free images and videos. All contents are released under Creative Commons CC0, which makes them safe to use without asking for permission or giving credit to the artist - even for commercial purposes. Learn more...
PowerPointやKeynoteのスライド作成で、背景画像を使いたい時のお手軽Tips！ : ゼロスタートの広報ブログ
2012年01月24日14:14 PowerPointやKeynoteのスライド作成で、背景画像を使いたい時のお手軽Tips！ カテゴリやってみた Tweet こんにちは、ゼロスタート広報もりのです。 今回も、もしかしたら役に立つかもしれない 絶妙なラインをギリギリ狙っていきたいと思います。 突然ですが… LTの季節ですね！！ プレゼンの季節ですね！！ ※LT＝ライトニングトーク。 スライドで、ちょっと人と差をつけたい！ オシャレな感じにもしたい！ でも、文字が見づらくなるのは嫌だな。。 という、皆様。 本日は、「PowerPoint」や「Keynote」など プレゼン資料作成ソフトで出来る、お手軽Tipsをご紹介します。 すごくカンタンです。 ※あくまで、非デザイナー向けですので、 デザイナーの皆様は生暖かく見守っていただけると幸いです。 基本の、3つのポ
画像もDBに格納して管理する －扱いがめんどうなLOB(ラージオブジェクト)は使わない方法も含め
Ywcafe.net This Page Is Under Construction - Coming Soon! Why am I seeing this 'Under Construction' page? Related Searches: Health Insurance High Speed Internet Work from Home Healthy Weight Loss Best Penny Stocks Trademark Free Notice Review our Privacy Policy Service Agreement Legal Notice Privacy Policy
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - imazen/imageflow: High-performance image manipulation for web servers. Includes imageflow_server, imageflow_tool, and libimageflow
GitHub - uber-archive/image-diff: Create image differential between two images
instadiff.com
Noun Project: Free Icons & Stock Photos for Everything
Flickr クリエイティヴ・コモンズ