【画像軽量化】WebPにそろそろ対応したほうが良さそうなので現時点で最適方法の考察 | 株式会社ウェブ企画パートナーズ
対応方法について 基本的には WebP 画像を作成後、 img タグに直接 .webp のファイル名で記述すれば対応できるのですが、 <img src="xxx.webp"> WebP に対応していないブラウザもあるため（特に Safari）、従来画像と共存させる必要があります。 共存させることを前提とした場合、今の時点での対応方法については大きく２種類が考えられます。 １，picture タグを使う ２，htaccess で制御する 結論から言うと、htaccess での対応が良さそうですが、それぞれの対応について解説していきます。 １，picture タグを使う場合 picture タグで対応する場合、下記のように記述することで対応することができます。 <picture> <!-- WebP用画像 --> <source srcset="xxx.webp" type="image/we
追従型メニュー（フローティングメニュー）のアイデアまとめ９選・PCサイト編 | 株式会社ウェブ企画パートナーズ
追従型のナビゲーションについて少し調査する機会があったので、ついでにまとめてみました。追従型のナビゲーションにメリットデメリットあるところだとは思いますが、ウェブサイト制作のヒントにしてもらえればと思います。 ヘッダーがまるごと追従するパターン https://www.toumeihouse.com/ シンプルにヘッダーがそのまま追従してくるパターンです。ヘッダーのサイズが大きければ可視領域が少なくなってしまいますので、その点が心配ではありますがユーザが最初に見たメニューがそのままついてくるので迷うことなく利用できるのはメリットと言えるでしょう。 メニューが小さくなって追従するパターン https://daiei-ironworks.co.jp/ スクロールをするとヘッダーのメニューが少しサイズ縮小され、可視領域を広げるパターンの追従ナビゲーションメニューです。先ほど紹介したヘッダーが丸ご
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
