ImageMagickをやめて画像の処理はSaaSに頼ることにした
Zennではこれまで画像のリサイズやサムネイル生成の仕組みをImageMagickを使って自前で用意していた。以下の理由から、これからはすべてCloudinaryに頼ることにした。 セキュリティ: imagetragick、Deserialization on Railsなどが参考になる パフォーマンス: Cloudinaryなら配信する画像のフォーマットをUser-Agentに応じて最適化してくれる 利便性: アップロード時に複数のサイズの画像を生成しても、クライアントで表示するときに別のサイズが欲しくなったりする。このときバックエンドでリサイズの処理をかけ直すのは辛い Cloudinaryなら画像の最適化からリサイズ、合成までSDKを使って簡単に実現できる。 料金面でいうとCloudflare Imagesの方が安いかも？今後コストを抑えたくなったときには移行を検討するかもしれない。
SimpleLightbox by André Rinas
To install SimpleLightbox you can do the following: // YARN yarn add simplelightbox //Bower bower install simplelightbox //NPM npm install simplelightbox Simple include simplelight-box.css and simple-lightbox.js to your page and use: Standalone Plugin When using the standalone variant (`simple-lightbox(.min).js`) var lightbox = new SimpleLightbox('.gallery a', { /* options */ }); When using the st
Lity - Lightweight, accessible and responsive lightbox
Lity is a ultra-lightweight, accessible and responsive lightbox plugin which supports images, iframes and inline content out of the box. Minified and gzipped, its total footprint weights about 3kB. It requires jQuery or Zepto (with the callbacks, deferred and data modules). Demos Image Inline Google Maps YouTube Vimeo URL Installation All ready-to-use files are located in the dist/ directory. Incl
画像処理.com | キーエンス
画像処理.comでは、こんなことが学べます！ ラインの効率化や不良品検査など、FAを考える上で切っても切れない「画像処理」。 コストパフォーマンスを最大化する導入のためにはレンズの選定や照明などの設定、位置決めなど様々なノウハウが必要です。 ラインの目視検査を自動化したいと考えたことがある 画像処理（カメラ検査）を検討したが、難しそうだと導入をあきらめたことがある という方は、当社新人研修プロ講師が、画像処理について徹底解説するこのサイトをご利用ください。 画像処理に用いるハード（撮像素子CMOSやレンズ、照明など）やソフト（各種検査における画像処理の手法など）に関する基礎知識、また、現場での実践に役立つ基礎知識について解説します。さらに、画像処理に関する基礎知識を再確認したり、気軽に理解を深めたりすることができるクイズ集「画像処理理解度テスト」や、画像処理の歴史に関するトリビアもご用意。
Microsoft - AI、クラウド、生産性向上、コンピューティング、ゲーム、アプリ
すべての Microsoft 製品 Global Microsoft 365 Teams Copilot Windows Surface Xbox セール 法人向け サポート ソフトウェア Windows アプリ AI OneDrive Outlook Skype OneNote Microsoft Teams PC とデバイス Xbox を購入する アクセサリ VR & 複合現実 エンタメ Xbox Game Pass Ultimate Xbox とゲーム PC ゲーム Windows ゲーム 映画とテレビ番組 法人向け Microsoft Cloud Microsoft Security Azure Dynamics 365 一般法人向け Microsoft 365 Microsoft Industry Microsoft Power Platform Windows 365 開発者
ページ背景をフルスクリーンのスライドショーにするjQueryプラグインを作ってみた。（CSS3のアニメーション機能のみで実現） | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
ページ背景をフルスクリーンのスライドショーにするjQueryプラグインを作ってみた。（CSS3のアニメーション機能のみで実現） デモページ ダウンロード↓ こんばんは、デザイナーのOです。 まずはデモをどうぞლ(╹◡╹ლ)。 先日、「ページ背景に画像をフルスクリーンで表示させてスライドショーを流す」という案件がありました。 これの実装ですが、まっさきに考えたのはやはりjQueryプラグインでした。 この手のプラグインなら探せばそこら中にごろごろ転がってるし、あまり新鮮味が感じられないというか・・ ところが、いつものようにプラグインあさりしてたら、こんな面白い記事が目に留まった！ Fullscreen background image slideshow with CSS3 これ、CSS3のみでフルスクリーンのスライドショーを作るという試みですな！僕的には結構面白くて、特に三番目のデモ、背景
パターンマッチング（正規化相関など） 画像処理ソリューション
このとき、テンプレートと画像データがどれだけ似ているか？という評価値（類似度または相違度）にはいくつかあり、次に示すような値を用います。 以下の式において、テンプレートの輝度値の値をT(i,j)、画像の輝度値の値をＩ(i,j)とします。 座標の（ｉ，ｊ）はテンプレートの幅をｍ画素、高さをｎ画素としたとき、 左上（もしくは左下）を（0,0）、右下（もしくは右上）を（m-1、n-1）とします。 SSD(Sum of Squared Difference)ＳＳＤはテンプレートをラスタスキャンし、同じ位置の画素の輝度値の差の２乗の合計が用いられます。 ＳＳＤの値が小さいほど、似ている位置となります。 SAD(Sum of Absolute Difference)ＳＡＤはテンプレートをラスタスキャンし、同じ位置の画素の輝度値の差の絶対値の合計が用いられます。 ＳＡＤの値が小さいほど、似ている位置とな
テンプレートマッチング法を用いた顔画像の検出
はじめに 画像処理の応用の一つに、車や人物といった物体の検出があります。まだ、十分完成した技術とはいえませんが、車の場合は、車輪のような丸いものが一定の間隔で並んでいると車らしいと判断し、人物の場合は、丸みを帯びた白いものの真中付近に二つ並んで黒いものがあり、さらにその下の中央部に、横に長いものがあれば人物らしいと判断します。 特に、人物の検出は、防犯やセキュリティ管理の上で重要視され、研究が盛んです。最近、カメラの被写体の中から人物を探し、そこに自動的に焦点をあわせるカメラも出現しました。 画像の中から、上記のような特定のパターンを探し出すには、「テンプレートマッチング法」が良く用いられます。テンプレートとは型紙のことで、それを画像上で移動させながら比較して行くやり方です。ただし、単純な方法では、テンプレートに対して傾斜を持っている画像や、相似形であるが大きさが異なる画像は検出できません
Juicebox - The Ultimate HTML5 Image Gallery
Spectacular Web Image Galleries Made Easy Use Juicebox to create responsive JavaScript image galleries for your web site, blog or portfolio. Juicebox is a complete web image gallery solution. Use Juicebox to create spectacular web image galleries for your web site with no coding required. Juicebox is simple to set up and use, and includes complete browser and mobile device support. View demos Get
[JS]大きな画像に最適な画像ギャラリーのスクリプト -jbgallery
jbgallery 2.0 デモ デモはコンテンツ箇所を消すことも可能で、ブラウザのサイズに合わせて比率を維持しまま拡大することもできます。 コンテンツを消したキャプチャ ギャラリーの操作は自動と手動に対応しており、デモでは右上にコントールボタンがあります。 操作はキーボードの矢印キーでも可能です。
ノイズのパターン画像をオンラインで生成出来るWebサービス・Noise Texture Generator - かちびと.net
土曜日なので軽い話題でもご紹介。 ノイズっぽいテクスチャの背景を よく見かけると思いますが、そう いったパターン画像をオンライン で生成出来るWebサービスです。 地味に便利かも。 パターン画像は重宝しますし、こうしてパパッと作れるので覚えておくとどこかで役に立つかもしれません。 操作もシンプルなので操作すれば分かると思います。ので、使い方は省きます。 画像はData URI schemeで吐き出されます。DLするなりそのまま利用するなりお好みで処理してください。 ガチのクライアントワークでないならこんなんでもいいんじゃないですかね。楽できるところは楽したいです。 Noise Texture Generator
PSD.js by meltingice
A Photoshop PSD file parser in Javascript for NodeJS and the browser. View the Project on GitHub meltingice/psd.js Download ZIP File Download TAR Ball View On GitHub A general purpose PSD parser written in Coffeescript. Based off of PSD.rb. It allows you to work with a Photoshop document in a manageable tree structure and find out important data such as: Document structure Document size Layer/fold
Image Zoom Tour with jQuery | Codrops
Today we want to share a little zoom tour script with you. Showing a main image initially, we want to be able to zoom into certain parts of the image by clicking on tags, using another image for the closer view. This next step can contain other tags that again allow to show more images. We achieve the “zoom” effect by enlarging the current image and fading in the new one. Today we want to share a
Automatic Image Montage with jQuery | Codrops
Arranging images in a montage like fashion can be a challenging task when considering certain constraints, like the window size when using fullscreen, the right image number to fill all the available space or also the size of the images in use. With the following script you can automatically create a montage, either for a liquid container or a fixed size container (including fullscreen), with the
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - infinitered/nsfwjs: NSFW detection on the client-side via TensorFlow.js
Remove Background from Image – remove.bg
Welcome to the LibreOffice Writer Help
(function() {
http://piccsy.com/
PunyPNG