メディア - 画像の記事一覧
Isolate - 写真をPinterest風に表示
撮りためた写真を見るのに、一枚一枚見てもいいですが、大量にあると時間がいくらあっても足りません。一覧でざざっと眺めたいと思うこともあるはずです。しかし、せっかくの写真が画一的に整列して表示されるのは何となく味気ないですよね。そこで使ってみたいのがIsolateです。ディレクトリにある写真を読み込んでPiterest風に...
Crunch - PNG画像のサイズを大幅に軽減
PNGは可逆な暗号化が可能で、BMPに比べて大幅に小さくできます。しかし、多くのアプリケーションが作成するPNGファイルが圧縮などは行われず、サイズも大きいものです。Webサイトなどでそのまま使ってしまうと転送量が増えてしまいます。そこで使いたいのがCrunchです。PNG画像ファイルをドラッグ&ドロップするだけでサイ...
blend.js - 二つの画像を重ね合わせるJavaScriptライブラリ
一つ一つの素材は単純でも、素材同士を合成することで新しい素材を生み出すことができます。最近ではAIによって、風景写真を別な風合いに変えたりするものもあります。従来、人手でやっていたような作業がすべて自動でできるようになっています。今回紹介するblend.jsはAIほど高度な訳ではありませんが、二つの画像をWeb上でミッ...
View Background Image - 背景画像だけを表示させるChrome機能拡張
Google Chromeを使っていて、表示されている画像を保存したいと思うことがあります。そんな時にCSSのbackground-imageとして指定されていたりするとコンテクストメニューから指定できません。開発者ツールのリソースから探すのは面倒です。そこで使ってみたいのがView Background Imageで...
Gifski - 動画を高品質なアニメーションGIFに変換
最近アニメーションGIFを使う機会が増えています。再生を繰り返してくれるのも良いですし、ハイライト部分だけ使うならサイズも小さくて済みます。その大元になるデータは大抵動画になります。今回紹介するGifskiは動画をアニメーションGIFに変換してくれるソフトウェアです。クオリティが高いのが特徴です。## Gifskiの使...
View Image - Google画像検索でなくなった画像表示をブックマークレットで再現
Google画像検索が方針を変更し、画像を直接表示できなくなりました。恐らくコンテンツホルダーに気遣ったのだと思いますが、利用者としては画像に素早くアクセスしたいと考えるはずです。そこで使ってみたいのがView Imageです。フルサイズ画像へアクセスできるブックマークレットになります。## View Imageの使い...
Polacode - コードを画像化するVisual Studio Code機能拡張
コードをブログに載せたいと思ったのに、ブログエンジンがコードのハイライトに対応していない…なんてケースがあります。Gistに貼り付けても、それが埋め込みもできず、泣く泣く変な表示で載せてしまうこともあります。そこで使ってみたいのがPolacodeです。コードを画像に変換してくれるVisual Studio Code機能...
pngquant - PNGをコマンドで最適化
PNGはWebでごく一般的に使われるファイルフォーマットになっています。しかし多く使われている割にサイズが大きいのが難点です。圧縮率を変えたりするとサイズは減るのですが、あまりそういった面倒な操作は行われないようです。そこで使ってみたいのがpngquantです。コマンド一つでまとめてPNG画像を圧縮できます。## pn...
LayerX - 半透明な画像をデスクトップに表示
シンプルなソフトウェアはできることは少ないですが、ピンポイントで刺さるときにはとても便利です。例えばスクリーンキャストで同じロゴを常に表示したいといった時にはどうしたらいいでしょうか。そんな時に使ってみて欲しいのがLayerXです。透明度やサイズを含めて細かくカスタマイズできます。## LayerXの使い方デスクトップ...
STYLE2PAINTS - AIによるイラストの自動彩色
ディープラーニングや人工知能によって、これまでのアルゴリズムベースの機械処理から、学習効果を活かした処理ができるようになっています。その結果、人が判断することなく、機械がベストと思われる判断によって処理できるようになります。今回紹介するSTYLE2PAINTSは線画の色づけをAIによって自動化する、そんなすごいソフトウ...
Instagram.css - CSSによるInstagram風フィルタ
Instagramは今なお高い人気を誇るサービスです。昨年にしてもインスタ映えという新しいキーワードを生み出しており、多くの方が利用しています。その人気の一つが簡単に見栄えのする写真に変身させられるフィルタ機能でしょう。そんなInstagramのフィルタ機能をWebベース、CSSで再現するのがInstagram.css...
WebPonize - 任意の画像をWebPフォーマットに変換
WebPはまだまだ一般化しない画像フォーマットですが、Googleが推しているだけあって注目度は高いです。画像サイズも大幅に軽減されるので、使ってみたいと思っている方は多いでしょう。そんなWebP画像を簡単に作成できるのがWebPonizeです。既存の画像をドロップするだけでWebPに変換できます。## WebPoni...
asc-key-to-qr-code-gif - PGP鍵をアニメーションGIF化
メールなどで使われるPGP認証。あらかじめ公開鍵を交換しておくことで、なりすましを防止して安全なメールのやり取りが可能になります。問題は鍵の交換方法でしょう。テキストで送っても良いですが、変わったやり方としてアニメーションGIFを使ってみるのはいかがでしょう。使うのはasc-key-to-qr-code-gifです。#...
satella.io - オープンソース版Live2D！
まだ完成途中ですが、期待を込めて！Live2Dというサービスがあります。画像をアップロードすると動き出して、まるで3Dデータを作ったかのように扱えるサービスです。2D画像を分析することで、目を閉じたり口を開いたりと言った操作が可能になります。そんなLive2Dのオープンソース版がsatella.ioです。平面だったイラ...
emoji-awesome - 絵文字版Font Awesome
Font Awesomeを使うと手軽にアイコンを差し込めるとあって利用者はとても多いです。最近よくある単色系のモダンなWebページを作ろうと思ったらとりあえず入れておくという方も多いのではないでしょうか。そんなFont Awesomeの絵文字版を目指すのがemoji-awesomeです。JavaScriptは使わず、ク...
go-diff-image - Diff風に画像の差分を表示
プログラマにとってdiffは欠かせないツールです。何を変更したのか確認したり、二つのファイルを比較したりするのに使われています。しかし開発において使われるのはテキストだけではありません。go-diff-imageは画像の差分を表示してくれるソフトウェアですが、生成される差分画像がテキストのdiff風になっているのが面白...
PaintCoin - オリジナルのゴールドコインを作る
海外製のコインを集める人や、記念コインをコレクションしている人たちがいます。コインには通常の貨幣としての価値以外にも、怪しい魅力があるのでしょう。貨幣を表すアイコンや、リッチな雰囲気を出す場合などでもコインはよく使われます。今回はそんなコインをオリジナルで作れるPaintCoinを紹介します。## PaintCoinの...
zimg-host - シンプルな画像ホスティングサーバ
画像をアップロードして共有したいと言う時はよくあります。社内などであればファイルサーバに送ってパスを共有すれば良いでしょう。しかし場合によって最適な方法は異なります。そこで使ってみたいのがzimg-hostです。シンプルな画像ホスティングサーバです。## zimg-hostの使い方画像はローカルのファイルをアップロード...
deviceframe - 画像やWebサイトにiPhoneの枠を追加
iOSでスクリーンショットを撮ると、デバイスの枠がないので若干寂しいです。雰囲気を把握するためには、やはりデバイスの枠があったほうが分かりやすいでしょう。Xcodeをインストールしてシミュレータがあったとしても任意の画像に枠が追加できる訳ではありません。そこで使ってみたいのがdeviceframeです。ごく簡単に、好き...
gifgen - より綺麗なアニメーションGIF生成
動画をアニメーションGIFに変換する際に使われるのがFFMPEGです。単純にファイルを指定するだけで変換できるのですが、若干画質が落ちてしまうのが残念です。しょせんGIFだから、と諦めてしまっていないでしょうか。そこで使ってみて欲しいのがgifgenです。設定を変更し、より画質の良いアニメーションGIFを生成します。#...