[Tool] PNGの圧縮をコマンドラインから実行できるpngquantを使って右クリックから簡単画像圧縮を行う - YoheiM .NET
こんにちは、@yoheiMuneです。 PNGの画像圧縮と言えば、以前のブログで紹介させて頂いたImageOptimやImageAlphaがありますが、今回はコマンドラインツールを紹介したいと思います。 PNGの圧縮がコマンドラインで出来るpngquant ngquantというツールを使うと、コマンドラインでPNG圧縮が出来るようになります。24/32-bit PNGを8-bitPNGに変換するツールです。 PNGの圧縮ではImageAlphaやImageOptimといったGUIツールがありますが、今回はコマンドラインツールを紹介したいと思います。 コマンドラインで実行できるということは、gruntなどのビルドタスクに組み込むことが出来たり、Automatorを使って右クリックのメニューに追加したりと色々と応用が出来て便利です。 それでは、pngquantの導入から書きたいと思います。 ま
![[Tool] PNGの圧縮をコマンドラインから実行できるpngquantを使って右クリックから簡単画像圧縮を行う - YoheiM .NET](https://cdn-ak-scissors.b.st-hatena.com/image/square/2adfe9f7dd2f84461d6d647b293b5929a319bee9/height=288;version=1;width=512/https%3A%2F%2Fwww.yoheim.net%2Fimage%2F266.jpg)
[HTML5] CanvasでRetina対応を行う - YoheiM .NET
こんにちは、Canvasでバリバリ仕事中の@yoheiMuneです。 最近のWebアプリでCanvasを使っているアプリが多いですが、Retina対応できておらず、にじんだ感じになっているアプリが多々あり。。 なので、CanvasでRetina対応できるのかを調べました。今回はその結果を記載したブログとなります。 Canvasで普通に描画するとにじむ Canvasの描画内容をRetinaでない多くのPCブラウザで見る分には問題ないのですが、 iPhoneなどのRetina対応したブラウザで見るとにじんで見えてしまいます。 画像などの表示ではRetina対応を行う事が多いですが、 CanvasでもRetina対応する事でにじまずに描画内容を表現できるようです。 CanvasでRetina対応をする方法は、画像のRetina対応の考え方と同じで、 描画した内容を1/2のサイズで表示することでキ
![[HTML5] CanvasでRetina対応を行う - YoheiM .NET](https://cdn-ak-scissors.b.st-hatena.com/image/square/7a7befe78801333ad9435805e5c94897b4e17911/height=288;version=1;width=512/https%3A%2F%2Fwww.yoheim.net%2Fimage%2F161.jpg)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
