画像のURLを取得する方法

こんにちは。

「IT　セラピスト」の有馬純明です。



今回は、画像のURLを取得する方法をお伝えします。


画像の上に、カーソルを重ねて右クリックしますと下記のようになり「画像アドレスをコピー」とでますので、それをクリックして貼りたいところにペースト（貼り付け）てください。

そうしますと、
「http://stat.ameba.jp/user_images/20160131/11/sumiaki-arima/c3/de/j/o0480069213554462563.jpg」
のように画像アドレスを取得できます。




また、上記のような「画像アドレスをコピー」が出てこないものは次の方法で取得できます。





画像をアップロードして画像URLを取得する




アメブロでアップロードした場合での説明になりますが、お使いの各エディタにより若干違いますので、各エディタごとで説明します。




＜標準・タグ編集エディタ＞の場合

<a href="http://stat.ameba.jp/user_images/20160214/15/it-therapist-arima/ff/59/j/o0287041213566944509.jpg"><img src="http://stat.ameba.jp/user_images/20160214/15/it-therapist-arima/ff/59/j/t02200316_0287041213566944509.jpg"  alt="" width="220" height="315" border="0" /></a>


標準・タグ編集エディタの場合は、「画像」→「画像フォルダ」→「画像選択」で上記URLが出てきます。

赤太文字の部分が画像URLになります。





＜新エディタ＞の場合

<a href="http://stat.ameba.jp/user_images/20160214/15/it-therapist-arima/ff/59/j/o0287041213566944509.jpg" class=""><img src="http://stat.ameba.jp/user_images/20160214/15/it-therapist-arima/ff/59/j/t02200316_0287041213566944509.jpg" style="width:220px; height:316px; border:none;" ratio="0.6962025316455697" id="1455434228460"></a></p><p>


新エディタの場合は、「画像アップロード」→「通常表示」→「画像選択」→「HTML表示」で上記URLが出てきます。

赤太文字の部分が画像URLになります。






＜新エディタ・リニューアル版＞の場合


<a href="http://stat.ameba.jp/user_images/20160214/15/it-therapist-arima/ff/59/j/o0287041213566944509.jpg" class=""><img src="http://stat.ameba.jp/user_images/20160214/15/it-therapist-arima/ff/59/j/t02200316_0287041213566944509.jpg" style="width:220px; height:316px; border:none;" ratio="0.6962025316455697"></a></p><p>


新エディタ・リニューアル版の場合は、「画像アップロード」→「通常表示」→「画像選択」→「HTML表示」で上記URLが出てきます。
（新エディタとは通常表示/HTML表示ボタンの位置が違います）

赤太文字の部分が画像URLになります。





画像のURLは、画像の差込などの時に使用しますので取得方法は知っておいたほうが便利ですよ。



それでは、最後までお読みいただきありがとうございました。



ご提供中のメニュー

ブログパーツ