スマートフォンサイトの画像容量の目安ってありますか?
現在スマートフォンサイトを制作しています。
画像は横幅640pxで作成していく予定なのですが画像が重くなるのが心配で640×200程度の画像の場合どの程度の容量を基準に画像を制作すればよいでしょうか?
サイトの表示速度をあげるために他にできることがありましたら、アドバイスをいただけると嬉しいです。
よろしくおねがいいたします。
LTEが普及した現状では一枚あたりの容量はそれほど気にしなくても良いと思われるが多く画像を使用するならJSにより後読みさせるべき。
それはどうだろ?MVNO SIM使いの人も増えたし、今のところ1日の使用制限がある。軽いに越したことはないよ。
640×200程度だったらあまり気にしないけど、PNGは圧縮系のツールがいろいろでてるから、最低限そういうの使うようにしてはどうだろう。
あと、軽量化のテクニックは画像だけとは限らないので全体的な設計から軽量化を意識してはどうだろうか。画像を使わなくていいところは極力デバイスフォント、アイコンフォント、CSS3なんかで装飾する。他にもサーバーへのリクエスト回数減らしたりというのもあるね。O’Reilly Japanから「ハイパフォーマンスWebサイト」という本がでてるので、興味があったら見てみるといいよ。知ってる人は当たり前にやってて、たいしたことは書いてないけど、基礎は十分抑えられるよ。
同じ色数で透過しないならpngよりgifないったく。
Androidの一部ではcssで2MB超の画像なんこかロードしてるうちにブラウザ落ちることがあるよー
みんなの回答 3 件
LTEが普及した現状では一枚あたりの容量はそれほど気にしなくても良いと思われるが多く画像を使用するならJSにより後読みさせるべき。
640×200程度だったらあまり気にしないけど、PNGは圧縮系のツールがいろいろでてるから、最低限そういうの使うようにしてはどうだろう。
あと、軽量化のテクニックは画像だけとは限らないので全体的な設計から軽量化を意識してはどうだろうか。
画像を使わなくていいところは極力デバイスフォント、アイコンフォント、CSS3なんかで装飾する。
他にもサーバーへのリクエスト回数減らしたりというのもあるね。O’Reilly Japanから「ハイパフォーマンスWebサイト」という本がでてるので、興味があったら見てみるといいよ。知ってる人は当たり前にやってて、たいしたことは書いてないけど、基礎は十分抑えられるよ。
同じ色数で透過しないならpngよりgifないったく。
Androidの一部ではcssで2MB超の画像なんこかロードしてるうちにブラウザ落ちることがあるよー
関連するトピックス