ブログ画像URLの違いについて

ブログサービスの、
ここで記事を上げている…はてなブログ、アメーバブログ、ムラゴンブログについて。

ひと口に画像リンクを貼ると言っても、
そのやり方を記述してないな・・・と思い。

また画像リンクのURLについても、
比較してみたいと思います。

 

画像は、
はてなフォトライフって場所に上がり。

各投稿欄の＋写真を投稿
ボタンからクリックして上げることもできるし、

あらかじめ画像をフォトライフに上げてから、貼っつけることもできます。

ただ『はてなブログカスタマイズガイド』本で、両者で上げる画像の容量に違いがあると読んだので。

自身では
はてなフォトライフへ事前に上げてから、記事で貼りつけるようにしてます。

 

フォトライフへは、
記事投稿の①一番上のフォトアイコンをクリックして画像モードにし、

②をクリックするとページにいけます。

 

黒いヘッダーバー右上にある“アップロード”でも、

下にある“アップロード”でも、
どちらでも同じページにいきますんで。好きなほうから画像アップできるようになってます。

 

 

 

画面の右側でフォルダを新規に作り、
そこへ画像を上げることもできますし。

まずは画像を上げてみて、
あとからフォルダを作って整理することもできる。

 

アップロードをクリックすると、
そこが画像を上げる画面となります。

広い範囲のどこででもクリックし、
PCに入ってる画像を指定して貼っつけてください。

画像の上げかたは以上です。

 

例えば、
スライダー画像で上げる一例など…CSSでカスタマイズするような場合、

貼りたい画像の上で右クリック ⇨
画像リンクをコピーをクリック。

するとURLはこんな感じ ⇩
スライダー画像では、このリンクで貼ってます。

https://cdn-ak.f.st-hatena.com/images/fotolife/s/*****.jpg

 

もう一つ、
この中から選んだ画像をクリックして、1枚出すとします。

で、この上で右クリックし
画像リンクをコピーすると…アドレスはこんななります。

https://cdn-ak.f.st-hatena.com/images/fotolife/s/*****.png

Jpgとpng…なにが違うんだろ、
たぶん読み込むサイズが違うと思われる…

試しておらず、深くはわからないんですが💧

 

ここも画像管理で上げることできるので、事前に上げてから貼るようにしてます。

設定・管理 ⇨ 画像管理から入り。

ファイルの選択をクリックし、
PCに入ってる画像などを選択してアップロードします。

画像をもっと追加するを押すと、一度に5つまで上げられるようです。

 

一覧が並ぶココで、
貼りたい画像上で右クリック ⇨
画像リンクをコピーを選択し、CSSなどにペーストする。

URLはこんな感じ

https://stat.ameba.jp/user_images/*****.png?car=110

ヘッダー画像や、
フリースペースのアイコンをこのやり方で取得してます。

ただ、pngのうしろに
見慣れぬモノがついており…“?car=110”を外した状態でペーストします。

 

もう一つ…はてなと同じく、
選んだ画像をクリックして1枚出し。

この上で右クリックし、
画像リンクコピーすると…アドレスはこんななります ⇩

https://stat.ameba.jp/user_images/*****.jpg

jpgの後ろはなにもなく。
おそらくこのままで貼れるだろうと思います。

アメブロでもjpgとpng…
これにもどんな違いが?不明なままです。

 

ムラゴンには画像専用の項目がありません。

記事投稿の画像アイコンに移り、

画像アップロードから直接アップし、
記事へ貼るときもココから選ぶやり方です。

ワンクリックで画像を貼れて、
便利といえば便利ですが、画像はムラゴン側にひとまとめ…って感じでしょか😅

 

この一覧画像の上で画像コピーすると、
URLはこんな感じです。

ムラゴンでこのURLを直接貼る場面はないですけどね…

https://public.muragon.com/*****/resize/184x184.jpg?dummy=*****

jpgの後ろになにやら付いてて不明。

184×184ってことは、
単にココに載るサイズが反映されてるだけですね、、まんまや~w

でも記事に貼り付けると、
しかるべきサイズで表示されるし、そこから好きなサイズにも変更できるようになってます。

 

ではヘッダー画像など、
カスタマイズした画像はどう入ってるかというと…

ムラゴンのヘッダー箇所でアップロードしたのか?覚えてないんですが😂

CSSでは少なくとも、
ヘッダーに合う画像サイズで反映されてる。

https://public.muragon.com/*****/resize/1100x482.jpeg

おおもとのPCにある画像がこのサイズですね。

はてなとアメブロに関して、
画像のコピペによっては、URLや容量が違うように思えます。

という…結論なんだかどうだか、、
な内容ですが、そんな違いになってます。