画像の扱い

September 19, 2023

Table of Contents

解像度でだしわけ

<source srcset="/assets/img/hoge.jpg" media="(max-width: 900px)">
<img class="custom-standardSection__fig01" src="/assets/img/hoge.jpg" srcset="/assets/img/hoge.jpg 1x, /assets/img/hoge.jpg 2x" alt="">

svguse タグを使って SVG ファイルを外部読み込みする

<svg>
  <use xlink:href="./img/hoge.svg#gorilla"></use>
</svg>

id を指定する

<svg version="1.1" id="gorilla" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512">