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

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

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

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

もっと見る

List

  • 2018/11/08

Oxipng - PNG画像を小さく

画面解像度が上がるのに合わせて画像サイズはどんどん肥大化しています。今や一つの画像が数MBというのも当たり前になっており、ネットワーク帯域を逼迫しています。モバイルネットワーク環境下では特にそう感じることでしょう。そこで使ってみたいのがOxipngです。PNGの画像サイズを小さくしてくれるソフトウェアです。## Oxi...

List

  • 2018/11/07

yeetgif - ezrgifがさらにパワーアップして多様なアニメーションGIFを作成可能に

先日画像にエフェクトを加えてアニメーションGIFにするezrgif

List

  • 2018/10/19

video-to-gif-osx - 動画を簡単にアニメーションGIFへ変換

動画をアニメーションGIFに変換するソフトウェアは幾つかあります。ソフトウェアのインストールが面倒であればWebサービスを使うこともできるでしょう。細かな設定を行うならば確かにそういったソフトウェアを使うのが便利です。しかし、単に動画ファイルをそのままアニメーションGIFにできればいいというだけであれば、video-t...

List

  • 2018/10/18

ezrgif - 画像をエフェクトを加えてアニメーションGIFに

アニメーションGIFは通常の画像よりもインパクトがあります。しかし一コマ一コマ作る手間は非常に大きく、動画などを使って生成することの方が多いでしょう。手元にアイコンリソースがあっても、それを動かすのは大変です。そこで使ってみたいのがezrgifです。アイコンファイルに簡単にアニメーションを追加するソフトウェアです。##...

List

  • 2018/10/09

mergi - コマンドで画像を加工

GUIアプリケーションを使えばできるのは分かっていながらも、自動化や連続処理を考えるとCUIで処理したいと考えるでしょう。テキストやファイル名などであれば簡単ですが、バイナリファイルとなると面倒そうです。そこで画像を簡易的に処理してくれるコマンド、mergiを紹介します。よくある処理であれば十分こなせるでしょう。## ...

List

  • 2018/10/05

View Background Image - 背景画像だけを表示させるGoogle Chrome機能拡張

CSSのプロパティを使って画像を設定していると、右クリックで画像だけを表示しようと思ってもうまくいきません。その度に開発者ツールを開いて画像のURLを取得するのは面倒です。そこで使ってみたいのがView Background Imageです。背景画像だけを表示できるGoogle Chrome機能拡張です。## View...

List

  • 2018/09/24

movie-thumbnailer - 動画からサムネイル画像を生成

長い動画を見るのは勇気がいります。時間を吸い取られてしまうかも知れません。あらかじめ、ざっと内容が分かると嬉しいのではないでしょうか。とは言え、そのために短い動画を作るのは大変です。そこで使ってみたいのがmovie-thumbnailerです。動画を切り出してサムネイル画像を生成します。## movie-thumbna...

List

  • 2018/09/19

IconGenerator - iOS/macOS/watchOSなどのアイコン画像をまとめて生成

iPhoneやiPadなどiOSデバイスの種類が増えるのに伴ってアプリで用意しなければならないアイコンの種類も増えています。サイズが多彩にあり、いちいち用意するのが面倒に感じているのではないでしょうか。そこで使ってみたいのがIconGeneratorです。一つのファイルからまとめてアイコンファイルを生成してくれます。#...

List

  • 2018/09/15

imagemin - 画像サイズをコマンドラインでまとめて軽減

ネットワーク上に流れるデータは極力小さい方が良いです。圧縮はもちろん、余計なメタ情報を削除したりして、ネットワーク負荷を軽減するのが望ましいでしょう。しかし一つ一つのファイルを手作業でやるのは現実的ではありません。そこで自動化です。今回はコマンド一つで画像サイズを軽減できるimageminを紹介します。## image...

List

  • 2018/08/26

みんなだいすき東京アメッシュ! - ターミナルで東京アメッシュの画像を表示

日本の気候はまるで熱帯雨林のように、ゲリラ豪雨が当たり前になっています。そうした突然の天候の変化を知るのに使えるのが天気図で、特に今の降雨状態が分かると自分のいる場所にも雨が降るのかどうか分かります。そこで使われているのが東京アメッシュ

List

  • 2018/08/20

carbon-now-cli - プログラミングコードを画像化

プログラミングコードをブログなどで綺麗に表示したいと思っても、ブログの環境が対応していないケースがあります。多少のハイライトは入っていても、タブ幅、フォント、テーマなどカスタマイズしたい要素は無数に存在します。そこで使えるのがコードの画像化ですが、毎回手作業でやるのは面倒です。自動化したいならcarbon-now-cl...

List

  • 2018/08/18

Terminalizer - ターミナルの入出力内容をアニメーションGIF化

サーバのセットアップ時など、ターミナルの作業内容をメモしておきたいということは多々あります。後になって、コマンドだけで振り返っても分かりづらいので、入出力内容をそのまま保存しておくのが便利です。そこで使ってみたいのがTerminalizerです。ターミナルの作業内容をアニメーションGIFに変換してくれます。## Ter...

List

  • 2018/08/09

Save images - ページ内の画像をまとめてダウンロード

Webサイトの中には写真をたくさん掲載しているところがあります。気に入った写真をまとめてダウンロードしたいと思っても、いちいち写真を選択するのが面倒だったりしますよね。そこで使ってみたいのがSave imagesです。ページ内にある写真を一気にダウンロードできるソフトウェアです。## Save imagesの使い方任意...

List

  • 2018/08/07

lepto - WebとCLIで画像最適化

スマートフォンやデジカメなど、画像コンテンツがどんどん増えています。綺麗な写真を、と思うとファイルサイズも大きくなる一方で、あっという間にストレージを逼迫してしまいます。そこで使ってみたいのがleptoです。様々なフィルタリングをつけた上で自動的に画像を最適化してくれるソフトウェアです。## leptoの使い方Web版...

List

  • 2018/08/02

Icon Font to PNG - WebFontから画像を生成

WebFontは非常に便利ですが、常にWebFontが良いという訳ではありません。時には画像のが良いということもあるでしょう。例えばデスクトップアプリで使いたいと言った場合や、ドキュメントに使いたい時もあるでしょう。そこで使ってみたいのがIcon Font to PNGです。WebFontを画像にしてくれるソフトウェア...

List

  • 2018/07/26

twentytwenty - 上下または左右で画像を比較

二つの画像を見比べて何が違うのか判断するにはどうしたら良いでしょうか。横並びにしてもなかなか分かりづらいかも知れません。逆に変換前後でファイルサイズが軽減されている場合は、見た目が変わっていないことを理解させたいこともあります。そんな時に使えるのがtwentytwentyです。スライダーを使って左右の画像を差し替えます...

List

  • 2018/07/08

RTP.PinchZoom.js - 画像をピンチ操作で拡大

スマートフォンアプリでよく使われるのがピンチ操作です。複数指を使って操作することで、デスクトップではできなかったような操作が可能になります。より直感的で、誰でもすぐに使いこなせるのも利点です。そんなピンチ、ズームと言った操作をWeb上でも使えるようにするのがRTP.PinchZoom.jsです。## RTP.Pinch...

List

  • 2018/06/30

gif-for-cli - コンソールでアニメーションGIFを楽しむ

ここ数年、アニメーションGIFが広く使われるようになっています。動画のように高画質でもありませんし、ファイルサイズも大きくなりがちなのですが、ハイライトシーンだけを繰り返すようなアニメーションはとても面白いです。そんなアニメーションGIFをコンソール上でも楽しめるのがgif-for-cliです。面白いのはこれがGoog...

List

  • 2018/06/28

letter-icon-generator - SVG/画像で一文字のアイコンを生成

最近、プロフィールアイコンを設定していないアカウントは頭文字だけを表示するといったアイコンが増えています。Slackでもデフォルトではチャットの頭文字だけが表示されます。そういったアイコンを生成してくれるのがletter-icon-generatorです。## letter-icon-generatorの使い方lett...

List

  • 2018/06/26

S3 Album Publisher - 静的ホスティングサイト向けにアルバムをアップロード

Webサイトを立ち上げるというのは昔に比べると手間がかからないものになりましたが、逆に手間がなくなりすぎて一切立ち上げる気がなくなってしまっています。ちょっとしたサイトをあえて自分でメンテナンスするのは面倒というものです。例えば写真を他の人に公開したいというだけであればS3 Album Publisherを使ってみるの...