画像のURLって・・・? | アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!

画像のURLって・・・?

画像のURLってなんですか・・・・?



URLはサーバ上の位置を示す住所のようなものです


画像を貼ったのをHTMLでみると<img src="画像のURL">こんなふうになっています
画像は http:・・・・ってURLにありますよ って書かれているんです
(実際には他にもサイズとか枠をつけるつけないなどが入っている場合もあります)


決して記事に画像を直接貼りつけているわけではありません
なので、記事に貼った画像は画像フォルダーから削除しないようにしてください
見に行ったけど無かったよ~って×をつけられます



画像のURLを知る方法を説明しておきます・・・・




手に入れたい画像の上で右クリック

名前を付けて画像を保存   で、適当なところに保存します


ちなみに一番下の

「プロパティ」を選ぶと、アドレス(URL)が表示されます
これは私の画像フォルダーに入っている画像のURLです


もちろんCSSにこの画像のURLを入れても普通に表示されます・・・が、
あくまで私の画像ですから私が削除、あるいはアメブロをやめた場合は表示できなくなります


よく言われている「直リン」「直リンク」とはこの画像のURLを使っちゃうことです
私が画像を置いてあるのも皆さんが使っているブログも同じアメブロですから「直リン」って言っていいのかは・・・?ですが
自分のブログに貼り付ける画像は必ずダウンロードして自分の画像フォルダーにアップしてから使うようにしてください



画像を表示するためには画像のURLにしたがって画像を読み取りにいきます、

その時、画像を置いてあるサーバーとやり取りが行われます
あっちから、こっちから画像を見せて~って問い合わせがあるとその分サーバーが重くなったり、

あまりに多い場合はサーバーから他の方に迷惑だからと解約を迫られる場合もあります
また場合によっては通信量によって料金が発生する場合もあります
まっ、大抵の場合はここまでリンクを貼られることはありませんが直リンを嫌がる理由です、昔の通信がメチャクチャ遅かった時代の残りです・・・今は気にしなくてもいいと思うのですけど)


※アメブロの場合、よそのサーバーからの直リンは表示されない場合があります
あるいは、よそのサーバーが直リンされないようにしている場合もあります

よく、「友人のバナーが表示されません」って質問してくる場合は直リンしている場合がほとんどです


まれにバナーは直リンするよう配布元が指定している場合はそれに従ってください
(直リンしてあれば元のバナーを変更すれば、直ちにリンクされている全部のバナーが新しい画像になる・・・から直リンさせているのかな?)


↑余計なことです、忙しければスルーしてって下に書いても意味ないかっ・・・・



保存した画像を自分の画像フォルダーにアップした後・・・・


画像のURLを知りたい画像をクリックします





むにゅ~ってっ立ち上がった画像の上で右クリック  → プロパティ





プロパティの中のアドレス(URL)が画像のURLです

間違えないようにここでコピーしてそのまま貼り付けてください


※大きな画像の場合ここにある大きさ(ピクセル・・px)があっていない場合があります・・

 ここの大きさは信用しないで大きさは合っていなくてもチャント表示されます





別の方法です・・・・・

いきなり知りたい画像を「記事に追加」 しちゃいます・・・・



貼り付いたらHTMLタグを表示・・・・・




ここに出ているのが画像のURLです


<a href="http://stat.ameba.jp/user_images/10/8a/10070473819.gif " target="_blank"><img src="http://stat.ameba.jp/user_images/10/8a/10070473819_s.gif " border="0" /></a>


赤がオリジナルの画像のURL、青が縮小されたサムネイルの画像のURL

http://stat.ameba.jp/user_images/10/8a/10070473819.gif

http://stat.ameba.jp/user_images/10/8a/10070473819_s.gif

・・・・・こうすると違いがわかりやすいです _s が、あるなしだけです

もしサムネイルの画像のURLがわかっていたら _s をとればオリジナルの画像のURLになります



この記事のようにブログにいきなり大きな画像を貼り付けてクリックできないようにする場合は

貼り付けるときに「オリジナル」を選んで貼り付けます

間違っても _s をとればいいだけですから気にしない・・・


で、上のHTMLをこうしちゃいます

<img src="http://stat.ameba.jp/user_images/10/8a/10070473819.gif " border="0" />

これでオリジナルの画像が表示されてクリックできません

・・・出来ませんというより大きな画像で表示されているからクリックする必要がないだけなんですが


なんか説明のついでに余計なことを書いてしまっていますが・・・・そっちの方が多かったりして

だいたいはわかってもらえましたでしょうか・・・・・




あっ・・・・別に画像のURLが知りたかっただけですから上の記事は保存する必要はありませんよ





2009.3 アメブロにより画像のURLが変更されました

画像のURLが・・・変更されています

こちらも参考にしてください


2009.9 またまたアメブロによって使いにくくされました?

画像のURL