画像処理.com | キーエンス
画像処理.comでは、こんなことが学べます！ ラインの効率化や不良品検査など、FAを考える上で切っても切れない「画像処理」。 コストパフォーマンスを最大化する導入のためにはレンズの選定や照明などの設定、位置決めなど様々なノウハウが必要です。 ラインの目視検査を自動化したいと考えたことがある 画像処理（カメラ検査）を検討したが、難しそうだと導入をあきらめたことがある という方は、当社新人研修プロ講師が、画像処理について徹底解説するこのサイトをご利用ください。 画像処理に用いるハード（撮像素子CMOSやレンズ、照明など）やソフト（各種検査における画像処理の手法など）に関する基礎知識、また、現場での実践に役立つ基礎知識について解説します。さらに、画像処理に関する基礎知識を再確認したり、気軽に理解を深めたりすることができるクイズ集「画像処理理解度テスト」や、画像処理の歴史に関するトリビアもご用意。
[CSS]背景を固定させて、カーテンのようにスクロールさせるテクニック | コリス
去年くらいからよく見かけるようになったスクロールすると、カーテンを持ち上げるように次々にコンテンツが表示されるテクニックをスタイルシートのみ版とスクリプト併用パワーアップ版の二つを紹介します。 まずは、スタイルシートのみ版から。 Fixed image backgrounds スクロールするとヘッダは固定表示で、画像を配置した背景がカーテンを持ち上げるように次のコンテンツが表示されます。 背景は写真も面白いですが、ソリッドなカラーでも面白い効果が得られますね。 Fixed image backgroundsをスクロール 実装はシンプルです、ポートフォリオなどでよく見かけるテクニックです。 Demo 1のHTML HTMLの基本構造は、header要素があり、各スライドはsection要素です。section内には見出しやテキストや画像などを自由に配置できます。 <header> <a hr
身につけておきたいWebサイト高速化テクニック #3｜画像形式の基礎知識 | DevelopersIO
こんにちは、ご無沙汰しています。 Web担当の野中です。 前回の第2回「検証ツールとそもそもHTTPって何だ編」から少し時間が経ってしまいました。 というのもテクニックを紹介するために予想以上の予備知識の説明と検証・調査が必要になり、さらにどう順序立てて解説すべきか悩み時間がかかってしまいました。 ちなみに第2回では、Webサイト高速化に関連してくるHTTPについて基本的なことを紹介しています。 より詳しくHTTPについて解説したCodezineさまに寄稿している連載も是非チェックしてみてください。 本題 さて、今回から実践編ということでフロントエンド側のWebサイト高速化対策の１つ、画像の最適化について紹介します。 初学者向けに細かく基本的なことまで解説しますので、記事を3つに分けます。 画像最適化1回目の本記事では、画像に関する基礎知識について紹介します。 未だにWebサイト高速化の具
iPhoneのカメラで新しい検索体験を『CamFind』 - RyoAnna
新しい検索体験を生むアプリが登場した。名前はCamFind。iPhoneのカメラを使って画像検索をするアプリだ。 CamFind（App Store Free） CamFindで目の前の物を撮影すると、画像を検索して名前を特定してくれる。例えば、買い物中に気になった商品を撮影してネットの価格と比較したり、旅先で建造物を撮影して情報を引き出したりする。そんな使い方を想定しているそうだ。 さらに進んで、Facebookのプロフィール写真などがデータベースにあると面白いかもしれない。初対面の人を撮影して名前を当てて、相手の背筋を凍らすような使い方もできるわけだ。 GoogleのアプリにもGoogleゴーグルという同種の機能があるが、CamFindのほうが圧倒的に精度が高い。冒頭の写真にあるニンテンドーDSやオメガの時計は、Googleのアプリではヒットしない。CamFindもさらに精度が上がって
面白い！自分のサイトに高度な画像編集機能を提供する·jquery.deviantartmuro MOONGIFT
jquery.deviantartmuroはWeb画像編集サービスのdeviantART muroを埋め込みサービスとして呼び出すjQueryプラグインです。 Webブラウザ上でできることは多岐に渡る訳ですが、ペイントですらWebベースで行う時代になっています。その高機能ペイントサービスとして知られるdeviantART muroを自分のWebサイトに埋め込んで使えるのがjquery.deviantartmuroです。 この画像を自由に編集できます。 もはや普通のペイントアプリです。 レイヤーにも対応。 エクスポートできます。 拡大も可能。 囲い込みでの範囲指定も。これがWebアプリケーションとはすごい時代になったものです。 jquery.deviantartmuroはペイントソフトウェアとしての機能を提供する訳ではなく、あくまでもdeviantART muroの機能を埋め込みで提供してい
好きなアイコンと好きな色を選べる、商用利用可能なフラットなフリーアイコン素材集「Icons DB」 | ゴリミー
気付いている人もいるかもしれないが、本日、前々から気になっていたソーシャルボタンのアイコンを変更した！ 最近フラットなデザインが流行りらしいが、毎回流行に乗り遅れるどころか去った後に気付くほど鈍感な僕は今回思い切って変更してみた！結構気に入っているが、いかがだろう。 当然僕はデザイナーではないのでソーシャルアイコンは「Icons DB」のフリー素材を使っている。フラットなアイコンが豊富に取り揃えられている他、アイコンカラーを自由に選ぶことができるのだ！ 非デザイナーには非常に便利なサービスなので、紹介する！ フラットなアイコン素材集「Icons DB」の使い方 まずは下記から「Icons DB」アクセス。 Icons DB – free custom icons 右上にある検索ボックスに欲しいアイコンに関連するキーワードを入力する。今回は「Twitter」で検索をかけることにする。 検索結
SVGをもっと活用するために使いたい·svg.js MOONGIFT
svg.jsはアニメーションやイベント駆動型のSVGを実現するライブラリです。 SVGはまだ広く利用されているとは言いがたいですが、ビットマップではなくベクターデータなので拡大してもきれいなど特徴が多数あります。今回紹介するsvg.jsはSVGを使ったアニメーションを実現するライブラリになります。 デモです。単純なオブジェクトの生成、移動、中央寄せが簡単に指定できます。 クローンして重ね合わせ。重心の判定、傾けるのも手軽です。 X軸、Y軸のずらし。塗りつぶし。 枠だけを描く、グラデーション（線形、円形）。 クリック、マウスオーバー、画像マスクもできます。 クリックしたオブジェクトだけ色を変更します。 さらにアニメーションも自在に。 プラグインによる拡張もサポート。 svg.jsを使えばアニメーションはもちろんのこと、画像を重ねて表示したり、マウスイベントによって形状や色を変更したりすること
フォルダーに入れるだけで自動的に画像をリサイズできるフリーソフト「Dropresize」
画像ファイルを指定したフォルダーに入れるだけでリサイズでき、リサイズと同時に画像ファイルのバックアップ・ファイル名に文字追加・モノクロ加工・プログラムの実行・EXIF情報の消去などもできるフリーソフトが「Dropresize」です。インストール不要でWindows上で起動可能となっています。 操作方法などについては以下から。 Dropresize - SemiGeeK http://semigeek.wordpress.com/dropresize/ 上記サイトの「Download」をクリック。 ダウンロードしたZIPファイルをExplzhなどで解凍して、「Dropresize.exe」を起動。 操作画面が表示されます。 まず、画像ファイルが入れられると自動的にリサイズを実行するフォルダーを指定するには、「Add」をクリックしてフォルダーを選択します。 選択したフォルダーが表示されます。
Easy Ways to Reduce Noise in Your Images
2013年3月25日 Photoshop 暗い場所や室内で取った写真はノイズが入りやすいですよね。画像を補正する際、意外とやっかいだったりします。Photoshopには「ノイズを軽減」機能もありますが、なんだかあまり変化がなかったり…。そんなノイズを簡単に軽減する方法をいくつか紹介します。ビフォー・アフターの差にびっくりしちゃうと思いますよ！ ↑私が10年以上利用している会計ソフト！ Neat Image Neat Imageは画像のノイズ除去を自動で行なってくれるソフトです。Windows、Mac、Linuxで利用でき、Photoshop用のプラグインも使うことができます。無料版と有料版があり、無料版では大きなサイズと商用利用は不可です。今回は無料版を試してみました！
Instant Image Editor(Chrome extentions)で画像編集してみた | FXをはじめまして
私は普段は画像編集ソフトというのをほとんど使っていない。 理由としてはパソコンが大変非力であるため(Dell Optiplex GX240というもの)、多くの画像編集ソフトがモッサリとしか動作しない、というのが一つ。もうひとつは画像閲覧ソフト(Irfanviewを使っている)による簡単な編集程度でもそれほど不満を感じていないということがある。 しかし、Google chromeで使えるGoogle chrome extentionsにInstant Image Editorというブラウザ上で動く画像編集ソフトがあり、サクサク動くらしい、というウワサを小耳に挟んだので早速インストールしてみた。 インストールは簡単で、Google chrome extentionsのInstant Image Editorのページで「インストール」ボタンを押すだけ。ただし、Google chromeが新しいバ
Online image / photo editor pixlr free
Quick Links Jump right in Here we collected the most used Generative AI and Photo Editing features people are looking for! Limitless Artistry Generative AI Tools Explore Pixlr’s new AI Powered Generative Tools unleashing limitless creative possibilities. Perfect for both beginners and seasoned professionals, these tools redefine artistic expression with intuitive AI technology, revolutionizing you
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ブラーの効いたボケデザインの無料背景テクスチャー素材
Image Library - Visual Studio 2015
Chromeを高機能な画像加工ツールに変身させてしまう「Instant Image Editor」*二十歳街道まっしぐら（FC2ブログ時代）
Python Imaging Library - MyMemoWikiOld