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

メディア - 画像の記事一覧

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

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

もっと見る

List

  • 2018/02/12

pngquant - PNGをコマンドで最適化

PNGはWebでごく一般的に使われるファイルフォーマットになっています。しかし多く使われている割にサイズが大きいのが難点です。圧縮率を変えたりするとサイズは減るのですが、あまりそういった面倒な操作は行われないようです。そこで使ってみたいのがpngquantです。コマンド一つでまとめてPNG画像を圧縮できます。## pn...

List

  • 2018/01/29

LayerX - 半透明な画像をデスクトップに表示

シンプルなソフトウェアはできることは少ないですが、ピンポイントで刺さるときにはとても便利です。例えばスクリーンキャストで同じロゴを常に表示したいといった時にはどうしたらいいでしょうか。そんな時に使ってみて欲しいのがLayerXです。透明度やサイズを含めて細かくカスタマイズできます。## LayerXの使い方デスクトップ...

List

  • 2018/01/24

STYLE2PAINTS - AIによるイラストの自動彩色

ディープラーニングや人工知能によって、これまでのアルゴリズムベースの機械処理から、学習効果を活かした処理ができるようになっています。その結果、人が判断することなく、機械がベストと思われる判断によって処理できるようになります。今回紹介するSTYLE2PAINTSは線画の色づけをAIによって自動化する、そんなすごいソフトウ...

List

  • 2018/01/18

Instagram.css - CSSによるInstagram風フィルタ

Instagramは今なお高い人気を誇るサービスです。昨年にしてもインスタ映えという新しいキーワードを生み出しており、多くの方が利用しています。その人気の一つが簡単に見栄えのする写真に変身させられるフィルタ機能でしょう。そんなInstagramのフィルタ機能をWebベース、CSSで再現するのがInstagram.css...

List

  • 2018/01/17

WebPonize - 任意の画像をWebPフォーマットに変換

WebPはまだまだ一般化しない画像フォーマットですが、Googleが推しているだけあって注目度は高いです。画像サイズも大幅に軽減されるので、使ってみたいと思っている方は多いでしょう。そんなWebP画像を簡単に作成できるのがWebPonizeです。既存の画像をドロップするだけでWebPに変換できます。## WebPoni...

List

  • 2018/01/04

asc-key-to-qr-code-gif - PGP鍵をアニメーションGIF化

メールなどで使われるPGP認証。あらかじめ公開鍵を交換しておくことで、なりすましを防止して安全なメールのやり取りが可能になります。問題は鍵の交換方法でしょう。テキストで送っても良いですが、変わったやり方としてアニメーションGIFを使ってみるのはいかがでしょう。使うのはasc-key-to-qr-code-gifです。#...

List

  • 2017/12/29

satella.io - オープンソース版Live2D!

まだ完成途中ですが、期待を込めて!Live2Dというサービスがあります。画像をアップロードすると動き出して、まるで3Dデータを作ったかのように扱えるサービスです。2D画像を分析することで、目を閉じたり口を開いたりと言った操作が可能になります。そんなLive2Dのオープンソース版がsatella.ioです。平面だったイラ...

List

  • 2017/12/24

emoji-awesome - 絵文字版Font Awesome

Font Awesomeを使うと手軽にアイコンを差し込めるとあって利用者はとても多いです。最近よくある単色系のモダンなWebページを作ろうと思ったらとりあえず入れておくという方も多いのではないでしょうか。そんなFont Awesomeの絵文字版を目指すのがemoji-awesomeです。JavaScriptは使わず、ク...

List

  • 2017/12/21

go-diff-image - Diff風に画像の差分を表示

プログラマにとってdiffは欠かせないツールです。何を変更したのか確認したり、二つのファイルを比較したりするのに使われています。しかし開発において使われるのはテキストだけではありません。go-diff-imageは画像の差分を表示してくれるソフトウェアですが、生成される差分画像がテキストのdiff風になっているのが面白...

List

  • 2017/12/16

PaintCoin - オリジナルのゴールドコインを作る

海外製のコインを集める人や、記念コインをコレクションしている人たちがいます。コインには通常の貨幣としての価値以外にも、怪しい魅力があるのでしょう。貨幣を表すアイコンや、リッチな雰囲気を出す場合などでもコインはよく使われます。今回はそんなコインをオリジナルで作れるPaintCoinを紹介します。## PaintCoinの...

List

  • 2017/12/12

zimg-host - シンプルな画像ホスティングサーバ

画像をアップロードして共有したいと言う時はよくあります。社内などであればファイルサーバに送ってパスを共有すれば良いでしょう。しかし場合によって最適な方法は異なります。そこで使ってみたいのがzimg-hostです。シンプルな画像ホスティングサーバです。## zimg-hostの使い方画像はローカルのファイルをアップロード...

List

  • 2017/11/22

deviceframe - 画像やWebサイトにiPhoneの枠を追加

iOSでスクリーンショットを撮ると、デバイスの枠がないので若干寂しいです。雰囲気を把握するためには、やはりデバイスの枠があったほうが分かりやすいでしょう。Xcodeをインストールしてシミュレータがあったとしても任意の画像に枠が追加できる訳ではありません。そこで使ってみたいのがdeviceframeです。ごく簡単に、好き...

List

  • 2017/11/21

gifgen - より綺麗なアニメーションGIF生成

動画をアニメーションGIFに変換する際に使われるのがFFMPEGです。単純にファイルを指定するだけで変換できるのですが、若干画質が落ちてしまうのが残念です。しょせんGIFだから、と諦めてしまっていないでしょうか。そこで使ってみて欲しいのがgifgenです。設定を変更し、より画質の良いアニメーションGIFを生成します。#...

List

  • 2017/11/11

ImageLnk - URLから画像を抽出

画像をダウンロードしたいサイトは幾つもあるかも知れませんが、多くのサイトでは逆に簡単に画像をダウンロードされないようにする仕組みが作られていたりします。右クリックでダウンロードできなかったり、データを複雑に流し込んでいる場合もあります。そんな時に使えそうなのがImageLnkです。多数のサイトに対応した画像リンク抽出ソ...

List

  • 2017/10/26

favicon-emoji - 絵文字をFavicon化

Faviconを何か設定しないとと思いつつ、絵の才能があるわけでもないので思いつかない…といった方は多いかと思います。適当な画像をあてはめても良いですが、面白くないでしょう。そこで使ってみたいのがfavicon-emojiです。絵文字をFaviconとして出力できます。## favicon-emojiの使い方コマンドは...

List

  • 2017/10/17

TensorZoom - 小さな写真をTensorflowを用いて画像解析

映画でよくある、監視カメラの不鮮明な映像をくっきりと明確にする技術。技術者なら誰もが無理だろ、と思っているわけですが、最近ではあながち否定できなくなっています。それが深層学習を使った画像解析です。はっきりさせるのとはまた違った手法で画像を解析します。そんな画像解析技術を使った写真拡大ソフトウェアがTensorZoomで...

List

  • 2017/10/14

minimap - ソースコードをミニマップ化

ミニマップというのはプログラミングエディタに付属していることが多い機能で、ファイル全体のソースコードをサムネイル化したような表示です。個人的にはあまり使いませんが、画面が今ソースコード全体のどの場所を表示しているかを知るのに使えます。そんなミニマップを生成してくれるPythonスクリプトがminimapです。## mi...

List

  • 2017/10/12

Carbon - コードを綺麗な画像に変換

SDKやフレームワーク、ライブラリなどを公開しているサイトであれば大事なのは実際の使い方を示したコードでしょう。それもただテキストで書いてあるより、格好良いフォントや色合いで見せたいと思うはずです。そこで使ってみたいのがCarbonです。コードを格好良い画像にしてくれます。## Carbonの使い方実際に作成した画像で...

List

  • 2017/10/10

Animated_GIF - クライアントサイドでアニメーションGIFを生成

ここ数年でアニメーションGIFの価値が見直されています。動画とは違ってハイライト部分だけを取り上げていたり、何度も繰り返せるのが魅力になっています。動画は再生までの手間がありますが、アニメーションGIFは自動的に再生もできます。そんなアニメーションGIFをWebブラウザで操作できるのがAnimated_GIFです。##...

List

  • 2017/10/05

src2png - ソースコードを画像に変換

ソースコードを埋め込んで表示してくれるサービスは多数ありますが、ブログによっては対応していないこともあります。さらにそもそもコードのシンタックスハイライト表示にも対応しておらず、コード表示が微妙になってしまうこともあります。そんな時にはsrc2pngを使ってみましょう。画像ではありますが、ソースコードを綺麗に表示してく...