2014.01.24

1,909

スマホページの画像を軽くする

このエントリーをはてなブックマークに追加

最近スマホサイトの案件が増えてきて気を遣います。
▼気を遣う1 [画像描画] スマホは解像度が高いので、同じ画像でもPCでは綺麗なのに、スマホだと荒れてしまうので気を遣う
▼気を遣う2 [読込速度] 画像を綺麗に見せるためサイズの大きなものをアップすると、今度は読込に時間がかかってなかなか表示されない… 読み込みに時間がかかるとユーザーは帰ってしまって直帰率が上がってしまう。気を遣う。

画像を綺麗に見せるとページが重くなり 画像サイズを落とすと画像が荒れる無限ループ このループに終止符を打ってくれるのが、 ネットサービス「TinyPNG」 https://tinypng.com/ 画像をドロップするだけで、50%~60%も画像容量を削減してくれます。
※一度での最大アップロード数は20件 ↓こういう感じの画面です

記事20140121
これは非常に助かります。 ひと手間かかりますが、ユーザビリティを考えればお安いひと手間。 スマホサイトの読み込みに時間がかかるなぁという方は、 一度TinyPNGを利用してはいかがでしょうか。

このエントリーをはてなブックマークに追加

株式会社ヘノブファクトリー|バックエンド
この記事の投稿者:

次