まま</>ぷろ

8歳と0歳の育児中。

2021年より、プログラミングの学習中。

一番わかりやすい説明を心掛けて、ブログを書いています。

はてなブログで画像のURLを調べよう

画像のURLが知りたい時ってありますよね

はてなブログに画像を載せる方法として、

  • 機能【写真を投稿】を使う
  • HTML/CSSに画像URLを入力する

の2パターンがあります。

 

この、

  • HTML/CSSに画像URLを入力する

という方法をとる場合に、画像のURLが必要になります。

ここで、画像のURLを取得する方法をご紹介します。

 

 

イコン画像のURLを調べよう

はてなブログの記事作成画面から、右のバーにある【写真を投稿】マークをクリックします。

f:id:asakotorix:20210614211013p:plain

 


写真を投稿する画面が表示されるので、デスクトップから、アイコンをドラッグアンドドロップで貼り付けます。

f:id:asakotorix:20210614211551p:plain

 

 

アイコン(①)をクリックし、【選択した写真を貼り付け】(②)をクリックすると、編集画面に画像が挿入されます。HTML編集(③)をクリックし、HTMLを表示させましょう。

f:id:asakotorix:20210614212132p:plain



画面に表示されている、https://~pngが、画像のURLです。必要な時は、これをコピーして使用しましょう。

f:id:asakotorix:20210614212656p:plain