Webデザイン初心者向けのあれこれ

Webデザイン初心者向けのあれこれを書いていきます。

PNG画像をもっとスリムに! 容量を削減してくれるフリーサイトと無料アプリ

 

 

Webサイトやアプリを作成する際に、画像を使用すると重くなってしまったりしますよね。

重いと開くときに時間がかかったり、落ちてしまったりとユーザーのストレスにもなりかねません。

 

しかし、Photoshopで容量を削るにしても、フチに白いギザギザがでてきてしまったりすることも…。

 そんな時に役に立つのが、透過部分をそのままに容量を削減してくれるサイトやツール。

 

おすすめなのが、tinyPNGというフリーサイトです。

f:id:webarekore:20121109170408p:plain

 

操作はとっても簡単。

パンダの隣にある点線部分にドラック&ドロップでPNG画像を置くだけ。

あとは自動的に容量を削減してくれます。

ぽいっと画像ファイルを置いて数秒待つと…

 

f:id:webarekore:20121109163559p:plain

たったこれだけの作業で60%もの容量削減に成功しました!

肝心の画像はというと、このとおり!

 

f:id:webarekore:20121109170245p:plain

これだけ容量を減らせて、しかも見た目にほとんど変化はありません。

これだけごりごりっと容量を減らしてくれるのはありがたいですね。

 

 

また、Macを使っている方には、imageAlphaという無料アプリもおすすめです。

f:id:webarekore:20121109165023p:plain

いろんな背景が最初から用意されていて、実際に置いたときにどうなるのか、

プレビューで見ることができます。

これは段階的に色味などを調節することによって容量を削減してくれるアプリです。

透過部分に白いギザギザが出たりしないので、これもおすすめです!

Macユーザーさんはぜひお試しください。