極意(4)画像URLを利用する / 2013-5-30

URLとは?

URL(Uniform Resource Locator)とは、インターネット上に存在する情報資源(文書や画像など)の場所を指し示す記述方式と言われています。インターネットにおける情報の「住所」に相当するもので、情報の種類やサーバー名、ポート番号、フォルダ名、ファイル名などで構成されています。
一般的に、インターネット上の各ページにはURLが存在していますが、ページだけでなくコンテンツの一部を構成する画像にもURLが存在しています。即ち、ネット上にアップロードされている画像の全てには、URLが存在しています。それは自分のサイトだけでなく世の中の全てのサイトにアップロードされた画像には、各画像毎に個別のURLが存在しているわけです。このことは重要な意味を持っています。画像のURLが分かれば他人のサイトの画像でも自分のサイト上で画像表示ができてしまうのです。逆に、ネット上に公開した画像は他人のサイトで再利用されることを覚悟しなくてはなりません。


画像のURLを利用するメリットとデメリット

ネット閲覧していて気に入った画像を見つけた時、その画像が著作権フリーで再利用可能な画像なら、多分、画像をダウンロードして自分のサイト上にアップロードする方法で画像を再利用するのが一般的な利用方法かと思います。要するに、ダウンロードとアップロードを繰り返して画像を利用するのが一般的な方法ですが、画像のURLを利用することで、そのダウンロードとアップロードの面倒臭い操作をしなくても画像を表示することが可能となります。
画像のURLを利用するメリットは、ダウンロードとアップロードの一連の操作がないので、自分のPC内のダウンロード・フォルダ内に余分な画像が貯まることがなく煩わしいファイル管理をしなくていいと言うことです。ですがデメリットもあります。大元の画像がサイト上から削除された場合、自分のサイトで利用していた画像が表示できなくなります。


画像URLの取得方法

それでは、実際に画像のURLを取得する方法・手順を、各ブラウザ別に解説していきます。


1.ブラウザ「IE9」の場合

画像URLの取得方法



1.画像の上で右クリックメニュー


2.「プロパティ」をクリックする

 

画像URLの取得方法



アドレス(URL)のHTMLタグをコピー


2.ブラウザ Google Chrome の場合

ブラウザ Google Chrome の場合



1.画像の上で右クリックメニュー


2.「画像 URL をコピー」をクリックする


3.ブラウザ Firefox の場合

ブラウザ Firefox の場合



1.画像の上で右クリックメニュー


2.「画像 URL をコピー」をクリックする

 

ブラウザ Firefox の場合



1.前記の右クリックメニューで「画像の情報を表示」を選択した場合


2.アドレス(URL)のHTMLタグをコピー


4.SWFU で URL を取得する

自分のサイトでしたら、SWFUを起動して下記のよに画像のURLを取得します。

SWFU で URL を取得する


画像のURLを利用した画像表示例

前記で取得した画像のURLを、様々なケースでページに貼り付けて、更にそのおまじないを明らかにしてみました。


1.URLを単純に画面に貼り付ける

下記のURLをクリックしてみて下さい。


2.テキスト文字にリンクを張る

[check]前記のおまじないです。

-[[マリリンモンローです>https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcSWNc0TJuPYQXs6fJOz7YV8WJ5Ye3Q36ugUUz1hf4cJvDZfw8x6]]

[check]おまじないの一般形

[[テキスト文字>画像のURL]]


3.&greybox を利用したテキストリンクの例

マリリンモンローです

[check]前記のおまじないです。

&greybox(http://fujigopc.com/logodb/img3/M01_285.jpg,マリリンモンロー){マリリンモンローです};

[check]おまじないの一般形

&greybox(画像のURL,画像の説明,グループID){テキスト文字};


4.サムネイル画像にリンクを張る・その1

Firefox03.jpg

[check]前記のおまじないです。

&show(Firefox03.jpg,linkurl=http://cache5.amanaimages.com/cen3tzG4fTr7Gtw1PoeRer/22128002045.jpg);

[check]おまじないの一般形

&show(画像ファイル,linkurl=URL or ページ);


5.サムネイル画像にリンクを張る・その2

サムネイル画像

[check]前記のおまじないです。

[[&show(Firefox03.jpg,,画像の説明);>http://cache5.amanaimages.com/cen3tzG4fTr7Gtw1PoeRer/22128002045.jpg]]

[check]おまじないの一般形

[[サムネイル画像表示のおまじない>画像のURL]]



戻る

上記の関連記事はお役に立ちましたか?

  • 下記に投票して戴けると嬉しく思います。
    選択肢 投票
    役に立った 3  
    役に立たなかった 0  


ご感想・ご意見等はコチラでお願いします

尚、技術的なご質問等は、当サイトの掲示板またはお問合せページより送信して下さい。