画像をサーバーにUPしよう

画像をサーバーにUPしてCSSやフリースペースなどブログ内で呼び出して使えるようにしましょう

画像をアップロードできる場所とは？

アップロードできる場所は2箇所あります。一つは『画像フォルダ』もう一つはCSS編集画面の上部にあります。
それぞれメリットデメリットがあります。

画像フォルダにアップロードしよう

画像フォルダにアップロードするにはブログを書く画面から可能です。下記の赤丸の部分からアップロード画面に移動します。

画像フォルダの画面に移動します。

赤丸のところでアップロードする画像を選んで青丸の部分で開始します。

例１

例２

アップロードが成功するとアップロードした画像が表示されます。

次はその画像のURLを調べる方法です

画像をアップロードし、アップロードした画像をクリックすると下の画像のように小ウィンドウで表示されます。

青丸のところで右クリックをしましょう。

使用しているブラウザによってことなりますが、

IEの場合は『プロパティ』をクリックすると『アドレスURL』という部分が画像のURLということになります。

firefoxの場合は、右クリックすると『画像のURLをコピーする』というのがありますのでそれをクリックするだけでOKです。

ではこのメリットは画像を一度に５枚まで転送でき、容量がある限りいくらでもアップロードが可能です。

デメリットは画像のURLを表示するのが少々手間ということと、幅の制限があります。

例えば、ヘッダのロゴ・背景画像で980pxの画像をここにアップロードしても使うことはできません。最大で800pxの幅までしか表示されないからです。なので800px以上の画像については、もうひとつの方法でアップロードしましょう。

CSSなどで画像のURLを貼るようなところには、このような方法でURLを調べて使うことができます。

CSS編集画面でアップロードしよう

もうひとつの方法はCSS編集画面で上部あるアップローダーで画像を送ることができます。
CSS編集画面に移動すると下記のような場所があります。

同じように赤丸で画像をえらんで青丸部分で決定しましょう。すると画像が下に表示されます。

この青丸の部分が画像のURLになります。

メリットは画像の幅の制限などなく利用できURLも下に表示されるのでCSS画面のまま使えるということです。

デメリットは枚数が５枚のみという制限があります。

用途で使い分けをしましょう

画像をUPしよう