使ってみよう！Intersection Observer！ - Qiita
１）はじめに スクロールに追従して、 画像の遅延ロード YouTubeの自動再生 コンテンツの追加読み込み といったことを行いたい。 このようなケースにおいて、今まではスクロールイベントをフックとして実装することがほとんどでした。しかし、頻繁に実行されるスクロールイベントは、ブラウザにとって優しい処理とは言えず、特にスマホではスクロール詰まり（Scroll Jank）を引き起こしてしまうこともありました。 そこで登場する、比較的新しいAPIがIntersection Observerです。 今回はその利用方法について模索してみます。 ２）Intersection Observerとは その名の通り「Intersection（要素間交差）」を「Observe（監視）」するAPI。 任意の要素（DOM）同士の交差を監視することが出来ます。 デフォルトでviewport（見えている範囲）とある要
WEBP変換ツール (jpg、pngとwebpを相互変換)
公開日: 2016/03/09 | 更新日: 2017/08/10 WEBPコンバーターは、JPEGやPNGをWEBPに、WEBPをPNGに変換するウェブサービスです。画質を保ったまま、圧倒的に容量を圧縮できるWEBPをウェブサイトで活用していきましょう。Chromeにのみ対応しています。 ヒントJPG、PNGからWEBPに変換する「変換前の画像」という項目にある「ファイルを選択」を押して、PNGかJPGのファイルを指定して下さい。「変換後の画像」という項目に、WEBPに変換した画像が表示されるので保存して下さい。WEBPからPNGに変換する「変換前の画像」という項目にある「ファイルを選択」を押して、WEBPのファイルを指定して下さい。「変換後の画像」という項目に、PNGに変換した画像が表示されるので保存して下さい。プライバシーについてここで使用した画像は、当サイトのサーバーにはアップロー
WebP / JPEG 2000 / JPG XR 主要ブラウザ対応表＆テスト画像 – Jill Tone Blog
※2019年9月現在 主要ブラウザの次世代画像規格対応状況（予定含む）。 予定を除く確認環境は下記。 Chrome：v70.0.3538.110 Win10Firefox：v63.0.3 Win10safari v12(MacPC、iPhone)Edge v18.18362結論：WebP大勝利結論、主要ブラウザはすべてWebP対応に傾き、WebPが主流になることでしょう。 長らく休戦状態だったJPG後継規格大戦はGoogle WebPの大勝利に傾きました。約束されし勝利の拡張子です。さらばJPG XR、さらばJPEG 2000。きみのこと、嫌いじゃなかったよ。 2019年9月2日現在、主要ブラウザではEdgeが非対応ながら今後対応する予定。（EdgeにいたってはブラウザエンジンをGoogle Chromeと同じChromiumに切り替えるとも） ただ、safariとIE11が今後対応予定が
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
