今後の大きな画像を配置するウェブデザインに必須のファイルサイズ縮小テクニック

概要 ▶ 最近のウェブサイトでは大きく画像を使うデザインが増えてきましたが、閲覧者のストレスを無くすためにロード時間はなるべく短い方が良いですよね。今回はFireworksを使った画像劣化の少ないJPEG画像サイズ縮小テクニックを紹介します。本ページはプロモーションが含まれている場合があります 今回は画像を画面いっぱいに使う時代に必須の画像ファイルサイズ縮小テクニックを紹介します。 最近のウェブサイトではかなり大きく画像を使うデザインが増えてきました。 たとえばこんな感じのサイト（これは本当はデモページですが） 出典：Overlay Effect Menu with jQuery | Codrops ブロードバンド化が進んでいるとはいえ、画像のファイルサイズが大きすぎて、画面表示まで時間が掛かってしまうようであればユーザビリティも悪いですし、何より格好が悪いですね。 ローカルでデザインして

[jaga291]

画質圧縮

[yamadisco]

fireworks　画像　書き出し　マスク

[t01020ty]

jpgマスクで一部だけキレイに書き出し

[misaquo]

JPEGマスク知らなかったです。勉強になりました！

[glat_design]

おお…こんなことが出来るのか。というか出来るべきだよねPsも。

[syun128]

これは知らなかった！

[N8823nori]

fireworksのjpgマスクで画像サイズを小さくする方法をもっと活用しよう。

[okeke1101]

jpegマスクはしらなかったわ～