素材ダスのイラストを縮小して掲載したい場合の方法、また、png画像の背景を透明に表示する方法をご紹介します。
当サイトのイラストが大きいという場合は、掲載されるサイトのサイズにあわせて縮小してご利用下さい。ピクセルサイズを指定する方法と、％で縮小比率を指定する方法の二つをご紹介しています。
| ▼イラスト画像の加工方法について |
|
|
|
|
|
|
イラスト画像を縮小して掲載するためのソース |
|
|
|
|
|
|
１）そのままの大きさで画像を貼る |
|
→ |
<img src="画像ＵＲＬ"> |
→ |
|
|
|
|
|
|
|
２）ピクセルサイズで指定する 〔幅50ピクセル×高さ50ピクセルの場合〕 |
|
→
|
<img src="画像ＵＲＬ" width="50" height="50"> |
→ |
|
|
|
|
|
|
|
３）画像サイズを％で（元画像からの比率で）指定する 〔７０％に縮小する場合〕 |
|
→
|
<img src="画像ＵＲＬ" width="70%"> |
→ |
|
|
|
|
|
|
|
当サイトのイラストならびに画像はホームページ掲載に限り、無料で使えますが、著作権を放棄したものではありません。
素材ダスのイラストをご利用いただく前に必ずご利用ガイドから「利用規約」をご一読ください。 |
| ▼イラストの背景を透明に表示するために |
|
|
|
|
|
当サイトのイラストは、png画像を中心に掲載しています。インターネットエクスプローラー７（＝Ｉ.Ｅ７）、ファイヤーフォックスでは背景部分を透明に表示することができますが、Ｉ.Ｅ６以前のブラウザでは背景が不透明になり、青く表示されてしまいます。
２００８年現在、ブラウザの主流はまだまだＩ.Ｅ６のようです。そのため、当サイトのpng形式のイラストをサイトに貼り付ける場合は、下記の作業を行って下さい。
下記のタグをホームページの（通常上にある） ＜ｈｅａｄ＞と＜／ｈｅａｄ＞の間のどこかに貼り付けてください。（下記タグをコピー、ペーストしてご利用下さい）
------------この下から------------
<!--[if lt IE 7]>
<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE7.js" type="text/javascript"></script>
<![endif]-->
------------この上まで------------
基本的にはこれだけで、背景を透明に表示ができるようになります。
注意していただきたいのは、画像の名前を変えないで利用していただきたいことです。もし名前を変える必要がある場合は必ず、
○○○○○-trans．ｐｎｇ
のように、pngの拡張子の前に-transをつけた名前にしてください。（-transが抜けると透明に表示されなくなります）
ご不明な点がありましたらお問い合わせ下さい。
|
|
