無料でPNGファイルを最大70％圧縮してファイルサイズを減らす「TinyPNG」
PNGファイルをブラウザにドラッグ＆ドロップするだけで画像を最大70％まで圧縮することが可能なのが「TinyPNG」です。画像の質をほとんど落とさずにファイルサイズを少なくすることができ、閲覧者にとっては読込速度が高速化され、そしてサーバ側にとっては転送量が減ることで負荷の少ない結果を生むことができます。 TinyPNG – Compress PNG images while preserving transparency http://tinypng.org/ このサービスの特徴は、「非可逆処理」をPNGファイルに対しておこなうことで通常よりも高い圧縮率を達成していることと、透過PNG(アルファチャンネル)に対応していることです。今回は、下記の2つのファイルの処理をおこない、どの程度の圧縮が可能か見てみたいと思います。 Firefox24ロゴ：549KB フォルダーのアイコン：52KB
超高性能だけどドジっ子な、画像ファイルサイズ軽量化（減色）ツール【決定版？】 | 初代編集長ブログ―安田英久
今日は、PNGやJPEGなどの画像ファイルサイズ軽量化ツール（つまり、画像減色ツール）で、かなり良いものを発見したので、その情報を。Web担では、いまこのツールをメインに使うようになっています。 Webページ上に掲載する画像は、できるだけ軽くしたいですよね。そのためのツールや機能がいろいろありますが、「画質をできるだけ保ったままファイルサイズを小さくする」のは、なかなか難しいものです。 Web担編集部でもいろんなツールを使ってきましたが、かなり「決定版」に近い感じのツールがありましたので、ご紹介します。 ただし、いくつかトラップに近い機能不足もあり、実用に関しては注意が必要な部分がある「ドジっ子」ですので、お気を付けを。 画像減色処理＆ファイルサイズ軽量化ツールColor Quantizerそのツールの名前は「Color Quantizer（カラー・クオンタイザー）」。そのものズバり「減色
指定した画像に映りこみ効果を与えられる『Reflection Maker』 - 100SHIKI ～ 世界のアイデアを日替わりで ～
最近のウェブデザインでよくみられる「映りこみ効果（鏡面効果って言うのかな？）」を簡単につくれるジェネレータが登場したようだ。 使い方も簡単で、画像を指定した上で、映りこみ部分の背景色とサイズを指定するだけだ。 画像はローカルからアップロードもできるし、URLから指定することもできる。 ロゴやアクセントの写真などに使えば手軽に今っぽいデザインをつくることができるだろう。 今っぽいデザインを手軽に・・・こうしたツールはもっと出てきて欲しいですね。
続：PNG画像をより美しく、より軽量に最適化するテクニック | コリス
上記のように半透明な箇所がある画像の場合、PNGで保存する前にモードをグレースケールにすることは非常に重要です。 グレースケールモード：[イメージ]-[モード]-[グレースケール] 2. 色数はより少なく 画像のカラーを減らす方法として、前回紹介したポスタリゼーションに代わる方法を紹介します。 この方法は256色限定で、カラーを最適化できます。 半透明の画像からイメージ箇所のみを抽出し（半透明は削除）、インデックスカラーに変換しマスクを適用します。 詳しい手順は下記の通り。 画像を開き、[イメージ]-[複製]で画像を複製します。 複製した画像に、[フィルタ]-[PhotoWiz]-[Remove Transparency]で透明箇所を取り除きます。 ※「PhotoWiz」はRemove Transparencyを参照ください。 [イメージ]-[モード]-[インデックスカラー]を選択し、イン
GIFアニメ生成にImageMagickはオワコン、情強は高速なGraphicsMagickを使う - 海峡
大した話ではないけれど、GIFアニメをコマンドラインから作るならGraphicsMagickが便利なので共有します。 MP4の動画ファイルからGIFアニメを作ろうとすると、まずffmpegで動画を画像に分割してそれからimagemagickでGIFに結合するという方法があります。 % ffmpeg -i hoge.mp4 -r 2 %04d.png % convert *.png hoge.gif複数枚の画像をimagemagickでGIFに結合するのが実は結構時間がかかるため煩わしいことが多いです。場合によっては、数十秒かかったりする。 ImageMagickのfork版であるGraphicsMagickを使うと高速にGIFアニメを生成することができます。 GraphicsMagickのほうが3~4倍速い GraphicsMagickを使えばImageMagickよりも3~4倍高速にGI
PNG画像をより美しく、より軽量に最適化するテクニック | コリス
先日、紹介した「JPEG画像の最適化テクニック」に続いてSmashingMagazineから、PNG画像をより美しく、より軽量に最適化するテクニックを紹介します。 追記：2009/07/27 本エントリには続きがあります。 続：PNG画像をより美しく、より軽量に最適化するテクニック Clever PNG Optimization Techniques 下記、各ポイントをピックアップして紹介します。 最後のはCS3向けで不明だったので、途中省略しています。 はじめに PNG画像フォーマットの概要 1. ポスタリゼーション 2. 手のはいってない透過 3. 透過による分離 4. マスクを活用 はじめに ウェブデザイナーとしてあなたは既にPNGのフォーマットに精通しているかもしれません。PNGは劣化のないフォーマットとして、GIFの非常に良い代わりとなります。 Photoshop（あるいは他の画
Photoshop・これからのグレースケール画像のつくりかた
グレースケール変換の方法は多々ありますが、どうも「モード」→「グレー」がDisられる傾向があるようなのでそれは違うよ！というところから少し。 モード→グレーは結構優秀 （実際にはモードから変換するのではなくて、「編集」→「プロファイル変換」を勧めます。これだけは設定しておきたいPhotoshopショートカットキーの小ネタ） これを変換してみましょう。 (以下マウスオーバーでこの画像に変わります） モード変換グレー 他と比べると濃いのですが、色の濃度変換は最も感覚的に近いかと。PCの方はカーソル乗せたり外したりしてみてください。 参考：osakana.factory – グレースケールのひみつの３番目 どちらにしても、オフセット印刷向けに変換するのであればこの後の調整は「必須」です。これはどの方法でも同じです。 LabモードLチャンネル Lab変換後Lチャンネルのみ表示させ、そのままモード変
JPEG画像をより美しく、より軽量に最適化するテクニック
JPEG画像をより美しく、より軽量に最適化するテクニックをSmashingMagazineから紹介します。 Clever JPEG Optimization Techniques 1. 「8ピクセル」のグリッド 2. カラーの最適化 3. JPEG最適化の一般的なTips 1. 「8ピクセル」のグリッド JPEG画像は、あなたが既に知っているように8x8のピクセルのブロックから成り立っています。画質を低くするとよく分かります。 この8x8ピクセルを利用して、JPEG画像を最適化します。 画質10で作成したサンプル 二つの正方形は同じ大きさ（8x8ピクセル）です。左上のはきれいに見え、右下のは汚く見えると思います。 これらは、それぞれ8x8のグリッドに並べたもので、左上はグリッドに揃えたもの、右下はグリッドに揃っていないものです。 保存する際に画像は、8x8ピクセルのブロックに分けられるため
PNG画像を劣化させずに圧縮できるPNGGauntletがすごい便利！
今回紹介するのは、PNG画像を劣化させずに圧縮できる「PNGGauntlet」というソフトウェアです。このPNGGauntletというソフトは、画像に付加された情報やデータを最適化することで、見た目は変わらずに品質は損なわずにファイルサイズのみを圧縮して小さくすることが可能です。 また、このソフトはPNGファイルの圧縮以外にもJPG、GIF、TIFF、BMPといった画像ファイルをPNGに変換する機能もあるので、画像の圧縮目的以外にも変換するソフトウェアとしても活用できます。 PNGGauntletnoPNG画像圧縮の効果について PNGGauntletがPNG画像圧縮にどれくらい効果があるかというと、このソフトを使うことで画像のファイルサイズは大体70％～80%くらいに小さくできます。今まで見た中では最高は20％くらいまで削ってくれた画像もありました。もちろん画像によって差がありますが、か
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
http://fukuyama.co/imagealpha