画像URLについて
画像のURLってなに？
まずURLってなんでしょ～
URLはUniform Resource Locatorの頭文字をとったものです。
そして、文書や画像がある場所を表す
インターネット上の住所です。
このサーバー（プロバイダー名だったり会社名だったりいろいろ）の、
このポートの（サーバーの中の部屋みたいなもの）
このフォルダの中の、このファイル
と、たどっていくと、そのファイルにたどりつきます。
何県、何市、何町、何丁目、何番地と同じです。
ｈｔｔｐではじまり、サーバー/、ポート/フォルダ/・・・と
スラッシュで区切ってあります。
＜画像のURLの取得方法＞
OSがWindows
Internet Explorer７の場合
１、画像の上にマウスをのせます。
２、右クリック
３、メニューが出ますのでプロパティをクリック
４、プロパティが表示されますので、
アドレスというところが、画像のURLです。
５、コピーし、メモ帳などに一旦貼りつけておきます。
６、画像の大きさの情報もありますので、
これもコピーし貼りつけておきます。
大きさの表示は幅（width）、高さ（height）の順です。
IE7のメニュー
IE
FireFox3,6の場合
１、画像の上にマウスをおきます。
２、右クリックします。
３、出たメニューに「画像のURLをコピー」がありますので
クリック。URLがコピーされますので、メモ帳などに貼りつけます。
４、画像の詳しい情報を見たい時は、「画像の情報を表示」をクリック。
５、情報には画像の大きさもありますので、これも控えておきましょう。
大きさは幅（width）、高さ（height）の順です。
FireFox3.6のメニュー
FireFox3.6
ブラウザのバージョンによって多少表示が違いますがおおむね、
こんな感じです。
FireFoxの前のバージョン3,5は
「画像の情報を表示」がプロパティになっています。
プロパティとはそのオブジェクト（ここでは画像）の性質を表すデータです。
ここで、Amebaにアップした画像ですが、Ameba では
画像のURLが２つあります。
サムネイル 【thumbnail】・・多数の画像を一覧表示するために縮小された画像。
と
オリジナル【original】・・もともとの画像。作ったままの色や大きさや形のもの
のURLがあります。
画像フォルダに沢山並んで表示されているのがサムネイル画像
その１つをクリックして新しい窓に表示されたのがオリジナル画像
正確にはAmebaには画像のURLはまだありまが、２つ覚えれば充分です。
ブログ幅の関係から３行になっています。
サムネイルのURL
http://stat001.ameba.jp/user_images/20100211/14/weapon007/29/cd/p/
t02200137_0626038910409842299.png
オリジナルのURL
http://stat001.ameba.jp/user_images/20100211/14/weapon007/29/cd/p/
o0626038910409842299.png
数字（黄色）のところの先頭を見て下さい
サムネイルは＜t＞ではじまり、オリジナルは＜o＞ではじまっています。
ここをみればサムネイルかオリジナル画像のURLかがわかります。
画像フォルダの画像をそのままブログにのせると
220ピクセル以上の画像は自動的に220ピクセルの
サムネイル画像のままアップされます。
なので、サムネイル画像を保存した場合小さな画像が保存され、
URLの取得も小さな画像のURLになります。
また、ブログ上では ブログに表示されてる画像は
サムネイルとオリジナルの両方がありますので、
URLは＜o＞か＜t＞か見て下さい。
ブログの画像をクリックして表示される画像のURLは＜o＞です。
アメーバ以外でもweb上には
縮小された画像と元のままの画像の両方をアップしてるところが
沢山あります。
小さな画像をクリックすると元の画像が表示される場合がありますから、
注意して保存下さい。
絶対にやってはいけないこと
＊他のweb上の画像のURLを取得して
そのURLをそのままブログに
貼りつけて画像を表示させること
これは直リンクといってその画像があるサーバーに
負担をかけてしまいます。
画像は保存して、自分の画像フォルダにアップして使って下さい。
これは大事なマナーです。
URLに関して、何か判らないことがありましたら質問下さい。
参考
どのくらいの幅の画像をブログに正しくアップできるでしょうか。
それはブログの文字を書く所の幅によります。
わたしのブログは幅４２０ピクセルまで大丈夫です。
それ以上大きいと画像が切れて全図表示できません。
この幅を確かめるには、カスタマイズされたスキンだと
CSSを見るとわかりますが、普通のスキンだと
残念ながら判りません。
どこかに書いてあるかもしれませんので
調べてみます。
Amebaのスキンを使用されてる方は
最初は 何度か画像アップを試してみて
自分の画像表示が可能な幅を見つけて下さい。
幅４００ピクセル位のをアップして確かめると
いいかもしれませんね。
