フロントエンドの画像軽量化まとめ【2017年版】 - KAYAC engineers' blog

テクノロジーカテゴリーの変更を依頼記事元:

techblog.kayac.com

180 usersがブックマークコメント

コメント

5

記事へのコメント5件

注目コメント
新着コメント

biancaweb 画像形式別の軽量化ツールあるんだ知らなかった

2017/12/21 リンク

sea_side つーかJPEGそのものを捨てて欲しいんだよーWEBPでもHEIFでもいいからさー

2017/10/25 リンク

idr_zz ただ保存時に品質を選ぶだけでは足りないのか…SVGも軽量化？フロントエンドの画像軽量化まとめ【2017年版】 - KAYAC engineers' blog

2017/10/25 リンク

wordi guetzli知らんかった

2017/10/25 リンク

cardboarder 最近jsのが重いからそっちを軽くしたいみたいな話はよく聞こえる

2017/10/24 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

フロントエンドの画像軽量化まとめ【2017年版】 - KAYAC engineers' blog

こんにちは、面白法人カヤックフロントエンドエンジニアのごんです！今回は、Webの画像の軽量化につい... こんにちは、面白法人カヤックフロントエンドエンジニアのごんです！今回は、Webの画像の軽量化について、フロントエンドチームで使ってるツールややり方をまとめてみました。画像の軽量化などで困ってる方の参考になればと思います。なぜ画像の軽量化をするのか Webサイトのローディング時間は、ユーザーの直帰率やコンバージョン率に関わる大切な指標です。ローディング時間に関わる要因はさまざまですが、特に画像は容量が大きいため、画像の軽量化をすることで表示速度の大きな改善を望むことが出来ます。例えば、当ブログのある記事は、画像が全体の容量の約1/3を占めていました。一般に、PhotoshopやIllustratorから出力された画像は、十分な色数やクオリティで出力されており、ツールなどを使うことで、見た目をそれほど損なわず、容量を大幅に減らすことができます。また、一部の画像形式には、メタ

ブックマークしたユーザー

techtech05212024/01/26
otama3first2019/11/22
hirorock2017/12/29
yuyans2017/12/25
prince27432017/12/21
Kender2017/12/21
biancaweb2017/12/21
satom9to52017/12/21
papath552017/12/21
damdom2017/12/21
tonooooo2017/12/20
kjw_junichi2017/12/20
hrfmmymt2017/12/20
TokyoIncidents2017/12/20
amasho2017/12/20
yosuke_furukawa2017/12/20
hmd7032017/12/19
lion_73262017/12/19

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

設定を変更しましたx