素材使用の手引き

《利用規約》を厳守した上で素材は必ずダウンロードしてお使い下さい。素材への直リンクは禁止です。（定期的にリンクを変えています。※バナーのみ直リンク可）

▶︎画像形式について

アニメーションはgif形式、静止画像はpng形式の画像になります。どちらも基本的に背景は透過画像になっています。（※一部背景がある画像もあります。）

▶︎解像度について

各素材に表示されてるピクセルで等倍表示した場合は、最近の高解像度に対応したRetinaディスプレイではぼやけて粗く見えてしまうことがあります。htmlまたはcssで半分以下のピクセル数（サイズ）で表示させることをお勧めします。

・サイズを指定しない場合

<img src="画像のURL">（端末の画面サイズで表示）

・html内での設定例①（パーセントでの指定）

<img src="画像のURL" width="50%" height="50%" >（画面サイズの50%で表示）

・html内での設定例①（ピクセル数での指定）

<img src="画像のURL" width="160" height="160" >（縦横960ピクセルの画像を縦横160ピクセルで表示）

【注意】縦横の比率は変えないで下さい。width（幅）のみの指定だけでも大丈夫ですが、cssでheight（高さ）の指定がされている場合は変形してしまいますので注意して下さい。

・cssでの設定例（スタイルシートでの指定）

［css］（例ではexampleと言うクラスを設定しています）
img.example {
width: 80px;
height: 80px;
}

［html］（imgタグにクラスを指定します）
<img src="画像のURL" class="example">

▶︎素材の加工について

イラスト素材自体を加工することは禁止しています。（写真素材は可）デザインの一部として配置、合成等はして頂けます。不明な点があればお問い合わせ下さい。

<< 前のページに戻る

<< トップページへ