雪ん子’s report

スマホ1つでブログは書けるか⁉ スマホの使い方(初級編)と日々のことをお伝えします。

画像のURL(アドレス)の調べ方



はてなブログへの画像挿入は、画像挿入ボタンを使ってしまいます。

が、前回紹介したブログの締めくくりを作る際に、HTMLタグに画像のURL(アドレス)が必要になりました。

その時に、てこずったので残しておきます。


目次

アップロードする

まず、画像のアドレスを取得するためにアップロードします。

ブラウザはChromeではてなフォトライフを使用します。

はてなフォトライフを開いたら、アップロードをタップ
f:id:snow0303:20170218154101j:plain:w250

小さいので、ピンチアウトしてください。
(二本指でギュギュっと広げる)
f:id:snow0303:20170218154204j:plain:w250

ファイルを選択
f:id:snow0303:20170218154430j:plain:w250

ドキュメント→写真の保存場所→好きな画像を選択
f:id:snow0303:20170218154438j:plain:w155f:id:snow0303:20170218154444j:plain:w155

ファイル名が入りました。必要であればタイトルをつけてください。
f:id:snow0303:20170218154452j:plain:w250

右側に移動していくとオプションがあります。
保存するフォルダや、画像のサイズ等を好みの設定にしてください。
f:id:snow0303:20170218154501j:plain:w250

左に戻って、アップロードをタップすると、保存先のフォルダに繋がります。
画像が一覧に追加されました。
f:id:snow0303:20170218154511j:plain:w155f:id:snow0303:20170218154526j:plain:w155

アップロードは終了。

マイフォトをタップ
f:id:snow0303:20170218154522j:plain:w250

保存先のフォルダをタップ
f:id:snow0303:20170218154531j:plain:w250

アドレスを知りたい画像を長押し→出てきたメニューの「新しいタブで画像を開く」
f:id:snow0303:20170218154537j:plain:w155f:id:snow0303:20170218154643j:plain:w155

もしくは、一覧でアドレスを知りたい画像をタップ→画像が表示されたら長押し
f:id:snow0303:20170218154537j:plain:w155f:id:snow0303:20170416212529j:plain:w155

出てきたメニューの「新しいタブで画像を開く」
f:id:snow0303:20170416212555j:plain:w155

新しいタブへ移動します。

アドレス欄を左へフリックかスワイプ
f:id:snow0303:20170218161239j:plain:w250

もしくはアドレス欄を下へフリックかスワイプして、開きたいページをタップ
f:id:snow0303:20170218161414j:plain:w155f:id:snow0303:20170218161404j:plain:w155

上のアドレス欄がこの画像のアドレスです。
f:id:snow0303:20170218154653j:plain:w155

ちょっとめんどくさいですね(笑)

ですので、画像投稿用の記事を作成してしまえば、フォトライフにも行く必要はありません。

私はもちろんこの方法です。

記事に画像を載せて公開。
公開したページを見に行く。
f:id:snow0303:20170218162321j:plain:w155f:id:snow0303:20170218162343j:plain:w155

画像を長押しして新しい「新しいタブで画像を開く」をタップ。
新しいタブで画像のアドレスを入手する。
f:id:snow0303:20170218162442j:plain:w155f:id:snow0303:20170218162454j:plain:w155

記事を下書きに戻す。
f:id:snow0303:20170218162538j:plain:w155

オンラインストレージ

バックアップなどでオンラインストレージに画像をアップロードしている方は、そちらの画像からURLを取得出来ると思うので、わざわざ「はてな」へアップロードしなくても良いと思います。

ブラウザでのアドレスの調べ方比較

アドレスを調べる前に…

著作権のない画像なら問題ないのですが、他の方の画像を借りる際には持ち主に一声かけましょう。

著作権について詳しくはありませんが、最低限のマナーだと思う。

「ドコから引用」とか「誰から借りました」とか書いたら更に良いと思います。

テレビでよく見る「提供:アフロ」みたいな感じです。

一番簡単!パソコン!

我が家のは壊れてるので画像は載せられません(笑)

会社のPCも仕事以外の使用はダメなので、自社のホームページで動作だけ試してみました。

画像を右クリック

プロパティ

開いた画面に「画像のURL」が表示される

スマホ Chrome

f:id:snow0303:20170218163802j:plain:w250
f:id:snow0303:20170218163815j:plain:w250
f:id:snow0303:20170218163828j:plain:w250

スマホ Firefox

f:id:snow0303:20170218163908j:plain:w250
f:id:snow0303:20170218163938j:plain:w250

スマホ Dolphin Browser

f:id:snow0303:20170218164155j:plain:w250
f:id:snow0303:20170218164204j:plain:w250
f:id:snow0303:20170218164230j:plain:w250
f:id:snow0303:20170218164242j:plain:w250


ブラウザによってちょっと操作が違いますが、最初に画像を「長押し」することは共通ですね。

上記以外のブラウザを使用している方も、ひとまず「長押し」してみると、何か糸口が見つかりそうですね。