タグ

プログラミングと最適化に関するlocke-009のブックマーク (1)

  • imgタグで行うウェブサイトの最適化 - Qiita

    GIFのようなアニメーションであれば<img>を用いて表示させられますが、MP4などの動画は<video>に埋め込んで利用してください。 IE非対応のサービスでWebPへの変換がデメリットに感じなければWebPを主な画像形式として利用することがおすすめです。WebPはその高い圧縮率から画像をより小さいサイズで扱うことができます。 ロゴやアイコンなどのシンプルな画像の場合はSVGを用いることがおすすめです。シンプルな画像の場合はファイルサイズの面で有利ですし、これらの画像を拡大縮小しても画質が荒くならないです。シンプルな画像というのは図形としてシンプルであることを指していて、文字などを含む画像はここで言うシンプルな画像ではありません。文字などが含まれている場合、SVGでは一見簡易な画像でもファイルサイズが想像よりも大きくなることに注意してください。 画像形式を適切に選ぶだけではなく、選択した

    imgタグで行うウェブサイトの最適化 - Qiita
  • 1