2022/12/31 • JA 2022 年を振り返る 著者が2022年の技術ブログ、ポッドキャスト、イベント、執筆活動を振り返り、Web技術の動向や自身の活動をまとめています。 http JavaScript Rfc フロントエンド 画像最適化 Jxck 0 0
2022/1/7 • JA 画像最適化戦略 AVIF 編 AVIF形式を用いた画像最適化戦略について解説。変換方法やパフォーマンス比較、実装方法を紹介。 avif Webパフォーマンス コーデック フロントエンド 画像最適化 Jxck 0 0
2020/8/15 • JA img の srcset 指定時に選択される画像 imgタグのsrcset属性でブラウザが画像を選択する仕組みと仕様の解釈について、実装の違いを検証・解説します。 html srcset ブラウザ実装 レスポンシブイメージ 画像最適化 Jxck 0 0
2019/5/20 • JA 画像最適化戦略 Lazy Loading 編 画像のLazy Loadingの仕様と実装について解説。loading属性を使った効率的な画像読み込み手法を紹介。 Intersectionobserver Loadinglazy フロントエンド レンダリング 画像最適化 Jxck 0 0
2016/3/27 • JA 画像最適化戦略 SVG/Font 編 UIアイコンを最適化した手書きSVGに置き換え、CSS contentsでフォントデータを活用する画像最適化手法を解説。 svg Webパフォーマンス フォント最適化 ベクター画像 画像最適化 Jxck 0 0
2016/3/26 • JA 画像最適化戦略 WebP 編 WebP画像フォーマットの紹介と、<picture>要素を使ったブラウザ対応方法について解説。画像最適化戦略の一環。 webp フロントエンド レスポンシブ画像 画像フォーマット 画像最適化 Jxck 0 0
2016/3/25 • JA 画像最適化戦略 Picture 編 画像最適化のための<picture>要素とsrcset属性を使った、デバイス解像度に応じた画像出し分け戦略について解説。 Device Pixel Ratio Picture srcset レスポンシブ画像 画像最適化 Jxck 0 0
2016/3/24 • JA 画像最適化戦略 PNG/JPEG 編 PNG/JPEG画像の最適化戦略を解説。メタデータ削除、減色、リサイズなどの手法と、gulp-imageを使った実装方法を紹介。 Jpeg Png メタデータ削除 減色 画像最適化 Jxck 0 0
