初心者からのweb勉強

2012-10-15 WEB画像まとめ

高圧縮の透過PNG(IE6対応)、PNG圧縮

●ImageAlpha (透過PNG)
http://pngmini.com/

IE6対応の透過PNGが作れる。
○透過を保ちつつ、pngを高圧縮してくれる。

使い方
1, ココからダウンロードし、アプリケーションフォルダにいれる。
2. Photoshopで書きだした透過png24の画像をドラッグする。

f:id:ponkan7:20121015170214p:image

3. IE6-friendly alphaにチェックを入れる。
4 [コマンド+SHIFT+S] で保存。
PNG8で書き出すよりも奇麗で軽い!! 


●PUNY PINGPNG圧縮)
http://www.punypng.com/

○劣化する事なく、PNGを圧縮してくれるサイト
○動きが早くなる。

WEB画像書き出しの際のまとめ


JPEG
ー圧縮率と綺麗さは[JPEG]が一番よい。
ー「最高画質 100」は再現できないので、通常「高画質 80」
JPEGは透過できない

○透過GIF
ーマット指定は必須

PNG
ーPNG24(透過)またはPNG32(Fireworks)
 ↑切り抜き(アルファチャンネル)を含めた階調のある場合

PNG-8
ー「PNG-8(マット指定必須)」と「透過GIF(マット指定必須)」は
ー色数が少ない場合は「2K」程度の違い。
IE6で透過が再現できること。(透過GIFと同じ役割)

リンク集