亀のフィギュアに「これは銃です」 AIに誤認識させる手法をMIT学生が開発
AIによる画像認識は、今や人間と同等かそれ以上の精度まで進化している。そんなAIが、どう見ても亀のフィギュアにしか見えないものを「銃だ」と間違って認識してしまったら――。 米マサチューセッツ工科大学の学生研究チームがこのほど、ニューラルネットワークによる画像認識を“だます”3Dオブジェクトを作製する手法を開発したと発表した。この手法では、物体を見る方向を変えたり、拡大・縮小したり、カメラのノイズが乗っていたりしても安定して別の物体に誤認識させられるという。 2次元の画像を加工してAIをだます技術は以前からあったが、その画像をプリントして現実の光やノイズなどの要素が加わったり、回転したりすると正しい認識に戻ることから、現実世界で画像認識システムを使う際のリスクにはならないと考えられていた。
Pica - Canvasよりも高品質、かつ高速な画像リサイズライブラリ MOONGIFT
HTML5のCanvasとJavaScriptを使うことによって画像をクライアントサイドで加工できるようになりました。特に多いのが縮小に関するニーズです。スマートフォンで撮影した画像はサイズが大きいので、転送にかかる時間や帯域の問題があります。そこで事前に縮小するのです。 しかし縮小した時の画像の品質はブラウザに依存してしまいます。それを防ぎ、より高品質にリサイズできるのがPicaです。 Picaの使い方 Picaの例です。細かくリサイズ時の設定ができます。 任意の画像で試せます。 独自の縮小アルゴリズムによって、高速かつ高品質なリサイズが実現しています。処理はWebGLとWebWorkerを利用について指定できます。Canvasで単純に縮小すると潰れてしまったり、シャギーが目立つような部分もPicaを使うと滑らかに縮小されているのが分かるはずです。 PicaはHTML5/JavaScri
Photoshop以外からチョイス。Mac OS X用の最優秀画像編集ツールはどれ？ | ライフハッカー・ジャパン
機能性 レイヤーベースのワークフローで臨機応変な調整が可能 画像調整ツールによる多数のオプション 一般的なエフェクトを使用する場合、レイヤースタイルで素早い操作が可能 画像の修正やマニピュレーションを可能にしてくれるフィルター機能 数多くの画像形式インポート、エクスポートに対応 ヒーリングブラシを使ってシミやその他の写り込みを簡単に削除できるリタッチツールも多数 画像補正、色の変更やレトロ加工などが簡単に行えるフィルター機能も充実 タグやマルチディスプレイ、App NappなどOS X Mavericksの機能にも対応 とても使いやすいブラシ、ペイントツール エフェクト数160以上 PSD、TIFF、JPEG、PNG、PDFの編集、書き出しが可能。その他の形式にも多数対応。 Pixelmatorからメールやソーシャルネットワークへのダイレクト共有も可能 既存のPhotoshopドキュメント
プレゼンテーションに使う画像の探し方 - Qiita
勉強会、カンファレンスで使うプレゼンテーションをつくる際の画像の探し方。 一時期「プレゼンテーションZen」が話題になったように、大きな写真を使ったプレゼンテーション手法が使われることがあります。どのような手法であってもプレゼンテーションをより魅力的にするために、あるいは内容をより伝わりやすくするために視覚的なイメージを使うことは有効な手段だと思います。 いざ画像を探そうって時に、自分の持っている画像で事足りれば問題ないのですが、だいたいそうじゃないからけっこう画像探しって困ってしまいますよね。 ということで、普段私が画像を探す際に利用しているサイトをご紹介します。 権利関係については以下をご一読いただけるといいと思います。 クリエリティブコモンズライセンスとは 結局これだけあればなんとかなるセット【更新】 詳細については各サイトの指示に従い、自己責任でご使用ください! Unsplash
OS X：スクショ撮影で覚えとおくと便利な5つの小技 - りんごが好きなのでぃす
Macの画面を撮影するときに使うキーボードショートカットは主に下の二つ。 画面全体を撮影：shift＋command＋3（数字キーはテンキーじゃない方） 画面の一部を撮影：shift＋command＋4 このうち、後者の「画面の一部を撮影」をする際に、一緒に覚えておくと便利な複合操作を以下に紹介します。 ウインドウ単位の撮影方法 shift＋command＋4を叩いた後にspaceキーを叩きます。これにより通常の選択範囲撮影モードからウインドウ撮影モードに切り替わります。 選択状態にあるウインドウは上図のように薄い "強調表示色" で塗られます。上図ではグリーンですが、通常はたぶんブルーだと思います。 ［memo］強調表示色：システム環境設定＞一般＞強調表示色 ちなみに撮影対象にデスクトップを選ぶと（これがウインドウなのかどうかはさておき）メニューバーやデスクトップアイコン、ウインドウ類が
無料で自由に利用できる歴史的画像1400万枚を公開するプロジェクト
インターネット上のあらゆる情報を記録・保存するインターネット・アーカイブが所有するパブリックドメインの電子書籍200万冊から、1400万枚の画像を抽出して無料で公開するプロジェクトが開始されました。対象となった書籍は過去500年に発行されたもので、医療に関する資料から風刺画までジャンルはさまざま。全て無料でダウンロードでき、商用利用することも可能です。 Millions of historic images posted to Flickr | Internet Archive Blogs https://blog.archive.org/2014/08/29/millions-of-historic-images-posted-to-flickr/ 同プロジェクトのFlickrアカウントにはすでに260万以上の画像がアップロードされており、今後も1日に1000冊以上のペースでコレクション
Deep Learningと画像認識� �～歴史・理論・実践～
Several recent papers have explored self-supervised learning methods for vision transformers (ViT). Key approaches include: 1. Masked prediction tasks that predict masked patches of the input image. 2. Contrastive learning using techniques like MoCo to learn representations by contrasting augmented views of the same image. 3. Self-distillation methods like DINO that distill a teacher ViT into a st
GitHubに画像ファイルを保存してREADME.mdで表示する方法
GitHubのレポジトリページにはREADME.mdの内容が表示されますが、その中に画像を表示したい場合どうするのがよいでしょうか？ GitHub上にその画像をアップロードして参照できれば、ローカルや他のWebサイトで画像ファイルを管理する必要がなくなります。今回はGitHubのWikiページを利用する手順をメモします。 手順1 GitHubにレポジトリを作成します通常の手順でレポジトリを作ります。 ここでは yukisovというユーザ名で、web-sindan-crawler(.git)という名前のレポジトリを作ったとします。 手順2 このレポジトリに対するWikiレポジトリをローカルにcloneしますGitHubのWikiページは1つのレポジトリになっています。元のレポジトリ名の末尾を”.git”から”.wiki”に変えた文字列がこちらのレポジトリ名になります。 Wikiレポジトリをロ
画像検索で著作権フリーの画像を見つける。Google検索の意外な機能
【保存必須】見とれてしまうほど高画質！デザイナー必見のフリー画像素材サイト10選 オススメのフォトストックサービス10選まとめてご紹介します。 本記事で使用している「著作権フリー」の定義について 本記事で使用している「著作権フリー」の定義について この記事で表記しています著作権フリーとは、商用利用や改変利用が可能なライセンスのことを指しています。再配布や再譲渡などの全ての行為がフリーというわけではありませんのでご注意ください。わかりやすさを重視し本記事ではこのように表記させていただきました。 また、Google画像検索の結果として表示される画像についても、必ずしも上記に当てはまるものではなく、Googleがそうみなした、というものですので、画像を使用される際は必ず掲載サイトのライセンス条件をご確認下さい。 なお、今回紹介する クリエイティブ・コモンズ・ライセンスについては、こちらで詳しく説
shaky - 意外と難しい。正確に書かないドローライブラリ MOONGIFT
コンピュータは正確な図形を描くのは得意です。逆に人は正確な線をフリーハンドでは引けませんが、それがかえって味があったりして柔らかな印象を与えます。コンピュータの描く線は冷たい印象を受けるでしょう。 そこで使ってみたいのがshakyです。Canvasを使ってドローするのですが、その描く図形が手書き風でいい感じなのです。 shakyの使い方 デモの編んだ図形。右側に行くほど乱れているのが分かるかと思います。 マウスに連動して動く線。ちょっとした乱れがいい感じです。 こちらは四角。並んではいつつも線がぶれています。 直線。 四角。これはぶれて動きます。 円。とはいっても完全な円にはなっていません。 こちらはちゃんとした円。ですが崩れています。 楕円。かなり乱れています。 右下にいくほど崩れる図形。 正確に書かないというのは面白いテクニックと言えます。フリーハンド風に描くことで、プロトタイプをスク
Filtrr2.js·クライアントサイドで画像加工を行うJavaScriptライブラリ MOONGIFT
写真は撮影したそのままでなく、加工すると印象が変わるものです。セピアやグレースケールなどはよく使われるところで、コントラストや明るさを変更しても様変わりするでしょう。 そういった加工をローカルで行ってもいいですが、オリジナルを常に残しておかないといけません。それが面倒という方はFiltrr2.jsを使ってみましょう。 Filtrr2.jsの使い方 こちらが元の写真です。 Webサイト上で表示するとこんな感じに編集されています。 JavaScriptは次のように処理を行います。 Filtrr2("#my-img", function() { this.brighten(40) .saturate(50) .render(); }); 数字で強さを指定します。画像はCanvasで描かれますので、何度でも自由に再編集ができるようになっています。クライアントサイドで行いますのでサーバ負荷もなく、保
LIRE - Java製の類似画像検索エンジン
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Googleの類似画像検索を使うと、例えばどこかのサイトで見た画像のネタ元（さらに言えば加工前）の画像を探すことが出来ます。それによって改変を見破ったり、一次ソースにあたることが出来ます。それだけでなく、類似画像検索は色々な場面で役立つでしょう。 大量にある写真の中から類似した写真を見つけ出せば、それだけで魅力あるコンテンツになります。そんな技術を提供するのがLIREです。 LIREの使い方 オンラインデモが公開されていますので見てみましょう。 適当な写真の適当なリンクを選んでみましょう。 それぞれのアルゴリズムによって出てくる結果ががらっと変わるのが面白いです。それぞれ必要に応じて選択すれば良いでしょう。出てくる写真を順番にクリックしていくだけでも面白い、そんなライブラリです。
smartcrop.js - 要注目！スマートなクロップ機能を実現 MOONGIFT
おお、これは格好いい！ 写真のサムネイル表示というのはやり方によって大きくインパクトが変わります。単純に縮めて表示すると何の写真か分かりづらくなります。さらに横長、縦長の写真では正方形に切り出すのは簡単ではありません。 そこで使ってみたいのがsmartcrop.jsです。写真の中から一部を切り出すライブラリで、よりインパクトの強い部分を抽出します。 smartcrop.jsの使い方 デモです。よりインパクトの大きい場所を抽出しているのが分かるかと思います。 切り出す形を変更することもできます。その場合でも写真全体を対象にする訳ではありません。 さらにサンプル。女性を中心に抽出しています。 これは完全に左側から。 ヨットを中心に。サムネイルでも格好いいですね。 街並。より印象的なビルを中心にしています。 こちらは川と太陽が中心です。 人の場合は顔を中心にするようです。 多数の人がいる場合。よ
slick - もうこれで十分！なカルーセルライブラリ MOONGIFT
画像をスライドで切り替えていくカルーセル機能は数多くのWebサイトで実装されています。サイトの機能を紹介するのに使ったり、ギャラリーとして画像を切り替えるのにも使えます。アイディア次第で使いところが多い機能です。 便利さゆえに多数のライブラリが出てきていますが、もうこれで十分ではないかと思わせるのがslickです。多彩な機能を揃え、オプションも豊富なカルーセルライブラリです。 slickの使い方 まずはサンプルと一緒に。これが一番ベーシックな使い方です。 $("target").slick() で実現されます。 レスポンシブにも対応しています。 フリック操作で切り替えも可能です。 複数のスライドを同時に見せることもできます。 画像読み込みを遅延させることもできます。 左右からの表示だけでなくフェードインなどのアニメーションもできます。 スライドを追加したり削除するのも自由です。 スライドを
人物写真を無料でダウンロードできるフリー画像素材サイト７選 | ブログのスイッチ
ホームページやブログには、フリーの写真素材は欠かせませんよね。 私もバリバリ使ってます。 サイトのメインビジュアルなんかは、有料の写真素材を使いますが、ブログ記事にはそんなにお金をかけれませんから、フリーの写真素材がぴったりです。 そのなかでも、私が良く使うのは、「人物写真」。 人物を使った写真は、他の写真よりもユーザーの注目を集めることができます。 できるだけ注目を集めて、興味深くコンテンツを読んでもらうためにも、人物写真は欠かせません。 ということで、今回は人物写真を無料でダウンロードできるフリー素材サイトを集めてみました。 ぜひ、ホームページやブログにご活用ください。
GIF アニメ生成は本当に GraphicsMagick で行うべきか？ | GREE Engineering
具体的には以下のように使い分けると良いでしょう。 手早く GIF アニメを作りたい > GraphicsMagick Web のバックエンドで動かしたい > YoyaMagick YoyaMagick が使える環境ではない > ImageMagick 自分が今まで耳にした誤解を元に、ポイントを列挙します。 まず、ImageMagick の GIF アニメ生成に時間がかかる場合、その処理の大半は減色処理です。 ImageMagick の減色は主に減色専用のデータ構造を用いる為、Q8, Q16 (*2)による性能の違いは殆どありません。 実は、GIF アニメ最適化の差分フレーム抽出は、減色やGIF エンコードの時間に比べて殆ど時間が掛かりません。 差分フレームが小さい程、２枚目以降の GIF 画像が小さくなり、むしろ全体として処理時間が短くなります。 ImageMagick に比べて、Grap
無料で誰でも簡単に画像から背景を消し去ることができる「ClippingMagic」
画像をドラッグ＆ドロップでアップロードし、手前にある残したいものを緑、逆に背景なので消したいものを赤で大ざっぱに塗って指定すると、自動的に判別して背景にある者を消し去ってくれるのが「ClippingMagic」です。 Easily Remove Image Backgrounds Online - ClippingMagic http://clippingmagic.com/ 今回は以下の画像を使って、右側に置いてあるかばんだけを残してみることに。 By laverrue まずはページに画像をドラッグ＆ドロップしてアップロードします するとこうなるので、左上から緑色を選んで、残したいものをぬりぬり さらに背景として消したいものを赤色でぬりぬりすると、自動的に黄色い線がリアルタイムでぐにゃぐにゃと動きまくって境界線を自動判別し始めます。今回の場合、背景にある監視カメラを塗ると、自動的に他の場
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
3.5億のCC写真の中から著作権放棄作品（CC0）を優先的に高精度で検索してくれるサービス「Visual Hunt」
シルエットデザイン
GitHub - bbc/wraith: Wraith — A responsive screenshot comparison tool
