メディア - 画像の記事一覧
GIF Brewery - 動画やデスクトップ操作を記録してアニメーションGIFを作成
アニメーションGIFの需要が高まっています。動画だと面白くない部分まで再生されますが、アニメーションGIFは短く、ハイライト部分だけを繰り返し再生します。無音なのも想像力がかき立てられるので面白いです。そんなアニメーションGIFを作る方法はいくつかありますが、今回は様々な機能を備えたGIF Breweryを紹介します。...
「#いいねvsRT」画像メーカー - いいねとリツイートで競え！
Twitterではいいねとリツイートの二つのリアクションが用意されています。通常、そのどちらを使うかはユーザに一任されており、自分の中でルールを作って使い分けている人が多いでしょう。しかし、この機能を逆手に取ることもできます。それが今回紹介する「#いいねvsRT」画像メーカーです。いいねとリツイートで投票を行う、そんな...
Image Map Resize - イメージマップをレスポンシブに
地図や写真などで一部をクリッカブルにする際に、昔はイメージマップを使うのが一般的でした。今はJavaScriptやCanvas、SVGで処理するかも知れませんが、イメージマップもWeb標準として利用できる機能です。ただし昔の機能なので、座標の設定などで制約が多い機能でもあります。そんなイメージマップをレスポンシブにして...
Squoosh - 高性能な画像圧縮Webアプリケーション
デジカメやスマートフォンのカメラが性能向上するのに合わせて画像のサイズがどんどん大きくなっています。その結果、バックアップや写真の表示でネットワーク帯域を消費することになってしまいます。これは今後どんどん問題が大きくなっていくでしょう。Appleでは新しい画像フォーマットHEICを作りました。対してGoogleはSqu...
graph-cli - CSVから画像ファイルを生成
資料でグラフを使うことで数値の羅列から視覚に訴えられるようになります。多くの場合、表計算ソフトウェアを使ってグラフを作りますが、アップデートする度に作成し直したり画像化するのが面倒です。そこで使ってみたいのがgraph-cliです。CLIでCSVデータをグラフ化します。## graph-cliの使い方Sinの値をCSV...
Eva icons - 480種類以上の綺麗なアイコン集
アイコンはWebサイトやアプリなどの使い勝手を決定づける重要な存在です。統一されたアイコンを使っているかどうかは大きな問題であり、そのためにも多数のパターンに対応したアイコン集の利用が求められます。今回は480種類を越えるアイコンを収録したEva iconsを紹介します。## Eva iconsの使い方PNG版を紹介し...
wallpapper - ダイナミック・デスクトップ用の壁紙を生成
最新のmacOS Mojaveではダイナミック・デスクトップという機能があります。時間に合わせて壁紙が変化するもので、朝や昼、夜など情景に合わせて壁紙の写真が変化します。これで徹夜で作業している時に時間を見ずとも時間帯が分かる訳です。そんなダイナミック・デスクトップに対応した壁紙を作成できるソフトウェアがwallpap...
Oxipng - PNG画像を小さく
画面解像度が上がるのに合わせて画像サイズはどんどん肥大化しています。今や一つの画像が数MBというのも当たり前になっており、ネットワーク帯域を逼迫しています。モバイルネットワーク環境下では特にそう感じることでしょう。そこで使ってみたいのがOxipngです。PNGの画像サイズを小さくしてくれるソフトウェアです。## Oxi...
yeetgif - ezrgifがさらにパワーアップして多様なアニメーションGIFを作成可能に
先日画像にエフェクトを加えてアニメーションGIFにするezrgif
video-to-gif-osx - 動画を簡単にアニメーションGIFへ変換
動画をアニメーションGIFに変換するソフトウェアは幾つかあります。ソフトウェアのインストールが面倒であればWebサービスを使うこともできるでしょう。細かな設定を行うならば確かにそういったソフトウェアを使うのが便利です。しかし、単に動画ファイルをそのままアニメーションGIFにできればいいというだけであれば、video-t...
ezrgif - 画像をエフェクトを加えてアニメーションGIFに
アニメーションGIFは通常の画像よりもインパクトがあります。しかし一コマ一コマ作る手間は非常に大きく、動画などを使って生成することの方が多いでしょう。手元にアイコンリソースがあっても、それを動かすのは大変です。そこで使ってみたいのがezrgifです。アイコンファイルに簡単にアニメーションを追加するソフトウェアです。##...
mergi - コマンドで画像を加工
GUIアプリケーションを使えばできるのは分かっていながらも、自動化や連続処理を考えるとCUIで処理したいと考えるでしょう。テキストやファイル名などであれば簡単ですが、バイナリファイルとなると面倒そうです。そこで画像を簡易的に処理してくれるコマンド、mergiを紹介します。よくある処理であれば十分こなせるでしょう。## ...
View Background Image - 背景画像だけを表示させるGoogle Chrome機能拡張
CSSのプロパティを使って画像を設定していると、右クリックで画像だけを表示しようと思ってもうまくいきません。その度に開発者ツールを開いて画像のURLを取得するのは面倒です。そこで使ってみたいのがView Background Imageです。背景画像だけを表示できるGoogle Chrome機能拡張です。## View...
movie-thumbnailer - 動画からサムネイル画像を生成
長い動画を見るのは勇気がいります。時間を吸い取られてしまうかも知れません。あらかじめ、ざっと内容が分かると嬉しいのではないでしょうか。とは言え、そのために短い動画を作るのは大変です。そこで使ってみたいのがmovie-thumbnailerです。動画を切り出してサムネイル画像を生成します。## movie-thumbna...
IconGenerator - iOS/macOS/watchOSなどのアイコン画像をまとめて生成
iPhoneやiPadなどiOSデバイスの種類が増えるのに伴ってアプリで用意しなければならないアイコンの種類も増えています。サイズが多彩にあり、いちいち用意するのが面倒に感じているのではないでしょうか。そこで使ってみたいのがIconGeneratorです。一つのファイルからまとめてアイコンファイルを生成してくれます。#...
imagemin - 画像サイズをコマンドラインでまとめて軽減
ネットワーク上に流れるデータは極力小さい方が良いです。圧縮はもちろん、余計なメタ情報を削除したりして、ネットワーク負荷を軽減するのが望ましいでしょう。しかし一つ一つのファイルを手作業でやるのは現実的ではありません。そこで自動化です。今回はコマンド一つで画像サイズを軽減できるimageminを紹介します。## image...
みんなだいすき東京アメッシュ！ - ターミナルで東京アメッシュの画像を表示
日本の気候はまるで熱帯雨林のように、ゲリラ豪雨が当たり前になっています。そうした突然の天候の変化を知るのに使えるのが天気図で、特に今の降雨状態が分かると自分のいる場所にも雨が降るのかどうか分かります。そこで使われているのが東京アメッシュ
carbon-now-cli - プログラミングコードを画像化
プログラミングコードをブログなどで綺麗に表示したいと思っても、ブログの環境が対応していないケースがあります。多少のハイライトは入っていても、タブ幅、フォント、テーマなどカスタマイズしたい要素は無数に存在します。そこで使えるのがコードの画像化ですが、毎回手作業でやるのは面倒です。自動化したいならcarbon-now-cl...
Terminalizer - ターミナルの入出力内容をアニメーションGIF化
サーバのセットアップ時など、ターミナルの作業内容をメモしておきたいということは多々あります。後になって、コマンドだけで振り返っても分かりづらいので、入出力内容をそのまま保存しておくのが便利です。そこで使ってみたいのがTerminalizerです。ターミナルの作業内容をアニメーションGIFに変換してくれます。## Ter...
Save images - ページ内の画像をまとめてダウンロード
Webサイトの中には写真をたくさん掲載しているところがあります。気に入った写真をまとめてダウンロードしたいと思っても、いちいち写真を選択するのが面倒だったりしますよね。そこで使ってみたいのがSave imagesです。ページ内にある写真を一気にダウンロードできるソフトウェアです。## Save imagesの使い方任意...