ITエンジニア/デザイナ向けにオープンソースを毎日紹介

ユーティリティ - 画像編集の記事一覧

プレミアムユーザー限定記事

MOONGIFTプレミアムは、月額500円の有料サービスです。詳細はこちらから

もっと見る

List

  • 2017/03/21

CanvasEffect.js - Canvasで画像にエフェクト

HTML5のCanvasを使うと画像を取り込んで表示し、エフェクトを行うことができます。しかしCanvasの扱いは意外と面倒で、コードも多くなりがちです。そのためメンテナンス性が低くなってしまいます。そこで使ってみたいのがCanvasEffect.jsです。画像を編集するための専用ライブラリとなっています。## Can...

List

  • 2016/07/19

Pica - Canvasよりも高品質、かつ高速な画像リサイズライブラリ

HTML5のCanvasとJavaScriptを使うことによって画像をクライアントサイドで加工できるようになりました。特に多いのが縮小に関するニーズです。スマートフォンで撮影した画像はサイズが大きいので、転送にかかる時間や帯域の問題があります。そこで事前に縮小するのです。しかし縮小した時の画像の品質はブラウザに依存して...

List

  • 2016/02/11

Philter - Webブラウザ上の写真加工ライブラリ

サイト上で写真を綺麗に見せようと思ったら多少の加工は欠かせません。しかし大量にある写真を一つ一つメンテナンスするのは大変ですし、加工前の写真も保存しておくと容量が2倍必要になってしまいます。そこで使ってみたいのがJavaScript、つまりクライアントサイドでの写真加工です。今回はPhilterを紹介します。## Ph...

List

  • 2016/01/23

Photo Editor - Webベースの写真編集ソフトウェア

写真を加工するソフトウェアは数多くありますが、ちょっとした作業のために重たいソフトウェアを立ち上げるのは面倒ですよね。そこで簡易的なものであればWeb上だけでやってしまうのもいいかも知れません。今回はPhoto Editor、Webベースの写真をエディタを紹介します。## Photo Editorの使い方メイン画面です...

List

  • 2016/01/19

FeSlideFilter - スライドしてフィルタを適用

Instagramのようなカメラアプリではタップ一つで写真にフィルタリングできるようになっています。簡単に写真を加工できるのはとても魅力的で、ついつい加工してしまうでしょう。FeSlideFilterはちょっと変わったフィルタリング機能を提供します。タップではなくスワイプでフィルターをかけるのです。## FeSlide...

List

  • 2015/11/24

PictRuby - Rubyで書けるiOS用写真編集アプリ

同じ写真であってもちょっと加工するとイメージが一気に変わることがあります。一部だけの加工でなくともモノトーンにしたり、セピアにしたりと全体の配色を変えるだけでも十分です。今回紹介するオープンソース・ソフトウェアはPictRuby、iOS上で写真加工ができるアプリです。面白いのはフィルタをRubyスクリプトとして定義でき...

List

  • 2014/12/17

picEdit – ファイル選択の代わりに使える画像/Webカム + 画像編集

ソーシャルサービスが流行っていることもあり、プロフィール画像をアップロードさせるサービスが増えています。しかし常に使っている画像でもあれば良いですが、自分の写真が手元にない場合も多いでしょう。そこでファイル選択の代わりに使ってみたいのがpicEditです。Webカメラを使ってその場で写真を撮影、加工できるソフトウェアで...

List

  • 2014/09/01

DarkroomJS – JavaScriptで画像切り抜き

画像加工を行うと言えばローカルで画像編集ソフトウェアを使うのが思い浮かびますが、最近では随分Webベースで行えるようになっています。複雑な加工はまだまだですが、ちょっとした加工であればWeb上で行う方が手軽だったりします。今回はその一つ、DarkroomJSを紹介します。位置を決めて切り抜きするという加工をシンプルに手...

48120?type=list&url=http%3a%2f%2fimages.moongift.jp%2f2012%2f12%2f3dsearch12_thumb

  • Premium_s 2014/06/06

使えるWebサービス・オープンソース(28)「サーバサイドレス画像加工」

Webサービスの中で画像を加工したいというニーズは多々あります。ちょっとしたものであればアバターの登録もそうです。アップロードされた画像をそのまま使うのではなく、サムネイルにサイズ変更して使ったり、正方形にしたりすることは良くあります。サーバサイドに仕組みを用意しても良いですが、それでは共有サーバで使えなかったり、イン...

List

  • 2014/04/24

smartcrop.js - 要注目!スマートなクロップ機能を実現

おお、これは格好いい!写真のサムネイル表示というのはやり方によって大きくインパクトが変わります。単純に縮めて表示すると何の写真か分かりづらくなります。さらに横長、縦長の写真では正方形に切り出すのは簡単ではありません。そこで使ってみたいのがsmartcrop.jsです。写真の中から一部を切り出すライブラリで、よりインパク...

List

  • 2014/01/10

Magickly - 自前で立てる画像編集サーバ

CGMなどのユーザ主導型のサービスで画像を扱う場合、アップロードされたままの画像というのは使い勝手が悪いものです。大きさを変えたり、多少加工したいという場合は多々あります。特に大きな画像はそのまま配信するとネットワーク負荷だけでなく表示にも時間がかかるためサムネイルを一旦表示すると言った工夫は必要です。そこで使ってみた...

List

  • 2013/10/02

Webベースの画像加工フィルタ「ImageFilters.js」

ImageFilters.jsはJavaScript製のオープンソース・ソフトウェア(MIT License)です。今は何でもJavaScriptという風潮があります。クライアントサイドで処理できるのは悪いことではなく、サーバ負荷の分散に役立つでしょう。今回は画像編集を行うImageFilters.jsを紹介します。元...

List

  • 2013/04/03

これは凄い!iOS6用のスタイルシートベースの画像編集ソフトウェア「CSS PhotoEditor」

CSS PhotoEditorはiOS6のMobile Safari上で使えるスタイルシートによる画像編集ソフトウェアです。Webアプリケーションの機能が増すにつれて、徐々にネイティブアプリでしかできないと思われたことがWebブラウザで実現するようになっています。今回はCSSを使った写真編集アプリケーションCSS Ph...

List

  • Premium_s 2013/04/03

業務で使えるオープンソース(69)「画像編集」

今回のテーマは画像編集です。意外と便利なソフトウェアが少なく、Photoshopとそれ以外と言うくくられ方をしてしまっているのですが、探せば便利なソフトウェアも数多くあります。さらに今ではクライアントサイドだけでなく画像の編集も行えるようになっています。

List

  • 2012/11/07

すごい!魔法のように写真を鮮明に「SmartDeblur」

SmartDeblurはぼやけた写真を鮮明化する魔法のような写真加工ソフトウェアです。映画でよくある監視画像を鮮明にしていくワンシーン。ITに詳しい人であればそんなことできないことは分かっているのですが、実現してしまうかもしれないソフトウェアがSmartDeblurです。メイン画面です。最初の表示。ぼけぼけです。解析中...

36477?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2012%2f03%2fimg_0926_thumb

  • 2012/03/13

Instagram風。写真をワンタップでいい感じに加工「Filtrr」

Filtrrは写真にフィルターを施して加工するiOSアプリです。フィルターは多数登録されています。miil.meやInstagramなど、カメラで撮った写真にちょっと格好いいフィルタを適用するiPhoneアプリが増えています。そんなフィルタリング機能を提供するモックアプリがFiltrrです。一番上がオリジナル。その下が...

29810?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f09%2f3dsearch17_thumb

  • 2011/10/01

大抵の画像編集は十分。.NETを使っていない軽量な画像編集ソフトウェア「PixBuilder Studio」

PixBuilder StudioはWindows用の画像編集ソフトウェア。Photoshopに似たインタフェースで使いやすい。PixBuilder StudioはWindows用のフリーウェア。写真を明るくしたり、一部を切り出したりする際に使われるのが画像編集ソフトウェアだ。個人向けの最高峰のソフトウェアと言えばAd...

29772?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f09%2fscreenshot2011-09-19-20.33.18_thumb

  • 2011/09/29

写真の合成を簡単に「Poisson Image Editing」

Poisson Image Editingは写真の中のオブジェクトを別な写真に合成するソフトウェア。Poisson Image EditingはJava製のオープンソース・ソフトウェア。USの映画やドラマでは合成映像が数多く使われるようになっているらしい。確かに遠い所へロケに行かないで済むし、天候などの外部要因に邪魔さ...

26116?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f03%2fade958b79374f66e5206e9c3edbf8490

  • 2011/03/31

次の流行か。画像加工を行うWebアプリケーション「Pixidou」

Pixidouは簡易的な画像編集を行うWebアプリケーション。PixidouはPHP製のオープンソース・ソフトウェア。CMSが流行したのに伴って、テキストコンテンツはローカルで作成する流れからWeb上でメンテナンスするようになってきている。その次のステップとして考えられるのは画像の編集だ。メニュー画像加工を行うライブラ...

26109?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f03%2f3f913b0385df59a6583e8455cf188946

  • 2011/03/30

GAE/PHP/ColdFusion対応。Web上で画像の簡易加工を行う「Ajax Image Editor」

Ajax Image EditorはWebベースの簡易的な画像加工を行うWebアプリケーション。Ajax Image EditorはPHP/Java/ColdFusion製、Webベースのオープンソース・ソフトウェア。世の中はどんどんWebアプリケーション化を進めている。メールだけでも衝撃的だったが、今やそれすら見劣り...