ホーム ご利用ガイド イラスト素材 GIFアニメ素材 フラッシュアニメ素材 印刷用データの販売について サイトマップ お問い合わせ おすすめリンク集 about us

スポンサーリンク


素材ダスのイラストを縮小して掲載したい場合の方法、また、png画像の背景を透明に表示する方法をご紹介します。

当サイトのイラストが大きいという場合は、掲載されるサイトのサイズにあわせて縮小してご利用下さい。ピクセルサイズを指定する方法と、%で縮小比率を指定する方法の二つをご紹介しています。



 ▼イラスト画像の加工方法について

イラスト画像を縮小して掲載するためのソース

1)そのままの大きさで画像を貼る

<img src="画像URL">

2)ピクセルサイズで指定する 〔幅50ピクセル×高さ50ピクセルの場合〕

<img src="画像URL" width="50" height="50">

3)画像サイズを%で(元画像からの比率で)指定する 〔70%に縮小する場合〕

<img src="画像URL" width="70%">

当サイトのイラストならびに画像はホームページ掲載に限り、無料で使えますが、著作権を放棄したものではありません。
素材ダスのイラストをご利用いただく前に必ずご利用ガイドから「利用規約」をご一読ください。






 ▼イラストの背景を透明に表示するために

当サイトのイラストは、png画像を中心に掲載しています。インターネットエクスプローラー7(=I.E7)、ファイヤーフォックスでは背景部分を透明に表示することができますが、I.E6以前のブラウザでは背景が不透明になり、青く表示されてしまいます。

2008年現在、ブラウザの主流はまだまだI.E6のようです。そのため、当サイトのpng形式のイラストをサイトに貼り付ける場合は、下記の作業を行って下さい。

下記のタグをホームページの(通常上にある) <head>と</head>の間のどこかに貼り付けてください。(下記タグをコピー、ペーストしてご利用下さい)

------------この下から------------

<!--[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

のように、pngの拡張子の前に-transをつけた名前にしてください。(-transが抜けると透明に表示されなくなります)

ご不明な点がありましたらお問い合わせ下さい。