ブログFC2ブログ
日本で一番使われているFC2ブログで あなたもブログをはじめよう!
FC2動画 FC2動画
自分で撮った動画を公開!共有!携帯でも利用できる!!
FC2プロフFC2プロフ
自己紹介ページをすぐに公開できるサービス。 今すぐプロフを作ってみんなに見てもらおう!
FC2アフィリエイト
FC2ブログを紹介してお金がもらえる
FC2アフィリエイトに登録しよう!

TOP > スポンサー広告 > title - 画像・写真をブログに載せる方法TOP > 新しい記事を書こう! > title - 画像・写真をブログに載せる方法

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

★アフィリエイト人気ランキング★  [アフィリエイトとは?]
リンクシェア
の詳細はこちら
エーハチネット
の詳細はこちら
バリューコマース
の詳細はこちら
アフィリエイト リンクシェア ブログ 携帯対応 成果報酬 広告 テンプレート ブログパーツ

画像・写真をブログに載せる方法

いよいよブログに画像・写真を載せるツールの使い方を紹介します。

画像ツール

画像を挿入する  画像を挿入する

テキスト入力欄の画像を挿入するツールを押して下さい。
(テキスト入力欄の下にあるファイルのアプロードも同じ機能です。)

ファイルアップロード
すると写真・画像をブログにアップロードする「ファイルアップロード画面」が開きます。アップロードとは自分のパソコンに保存してある写真・画像をインターネット上に持ってくる事です。

ブログで写真・画像を使うにはインターネット上にアップロードさせないと載せる事ができないからです。このファイルアップロード画面で「ファイルの選択」の参照ボタンを押して下さい。

ファイルの選択
そして自分のパソコンに保存してある写真・画像を選ぶ「ファイルの選択」の窓ができます。写真・画像が置いてある場所を[ファイルの場所]から選んで、ブログに載せたい写真・画像を選びます。

写真・画像を選択するとファイル名に名前が入るのでよかったら「開く」ボタンを押して下さい。写真がファイル名だけ表示されて選びにくい時は、表示メニューから[縮小版]を選ぶと、見本画像の様に小さな写真・画像が表示されるので目で確認しながら選ぶ事ができます。

アップロード
載せたい写真・画像を選ぶと[ファイルの選択]に場所の名前が記入されます。「ファイルのタイトル」には写真・画像のタイトルをあなたが好きな名前をつけて下さい。タイトルを入力したら最後に「アップロード」ボタンを押して下さい。

※画像を後から探したい時に、ファイル検索の「キーワード」でタイトル名から探す事ができて便利なので、なるべくわかりやすいタイトルをつけておくとあとからの管理がしやすいです。

アップロードが完了しました。
最後に「アップロードが完了しました。」と表示されてこの様にパソコンにあった画像がコピーされてインターネット上にも置く事ができました。これでようやくブログで使える状態になったのです!

ブログに画像・写真を載せる

アップロードされた画像には画像の名前・ファイルサイズ・画像の大きさ・画像の種類・画像の説明・記事を書く(サムネイルを使用)(元画像を使用)が記入されます。

元画像を使用

元の大きさのサイズのまま画像をブログで使いたい時は、(元画像を使用)をクリックします。
<a href="http://blog-imgs-41.fc2.com/r/g/r/rgrg/image144.jpg" target="_blank"><img src="http://blog-imgs-41.fc2.com/r/g/r/rgrg/image144.jpg" alt="大仏" border="0"></a><br clear="all">
するとテキスト入力欄にこの様なタグが記入されます。

大仏
そして記事を保存するとこの様に写真をブログに載せる事ができます。

サムネイルを使用

元の大きさよりも小さいサイズの画像を使いたい時は、記事を書く(サムネイルを使用)をクリックします。
<a href="http://blog-imgs-41.fc2.com/r/g/r/rgrg/image144.jpg" target="_blank"><img src="http://blog-imgs-41.fc2.com/r/g/r/rgrg/image144s.jpg" alt="大仏" border="0"></a><br clear="all">
するとテキスト入力欄にこの様なタグが記入されます。(元画像を使用)との差はsがついているかいないかの違いです。

小さい大仏
そして記事を保存するとこの様に小さくなった写真をブログに載せる事ができます。

サムネイルとは元のサイズの大きさから縮小された小さい画像の事をサムネイルといいます。どれぐらい小さく縮小されるのかというとFC2ブログのサムネイルは 最大横幅:120px  最大縦幅:120px とデフォルトで指定されています。

サムネイル設定
もし縮小される画像の大きさを自分で変えたければ、管理画面の環境設定にある[環境設定の変更]→[ブログの設定]のブログ管理の設定に「サムネイル設定(デフォルト値) 」があるのでここの数値を好きな数値に変えて保存ボタンを押して下さい。

画像のタグの説明

<a href="画像のアドレス" target="_blank"><img src="画像のアドレス" alt="画像のタイトル" border="0"></a><br clear="all">

画像のタグはこの様に書かれています。赤字で書かれている a で始まる部分は、リンクのタグです。リンクなので画像をクリックすると画像だけの新しい窓ができます。

リンクなし
リンクさせたくない画像をつくりたい時は、赤字の部分のタグを全て削除します。
<img src="画像のアドレス" alt="画像のタイトル" border="0"><br clear="all">
img で始まる青字で書かれているタグは画像を表示するタグなのでこの部分だけを残すとリンクのない画像になります。

Yahoo!へリンク
Yahoo!へリンクしてあります。
画像のリンクを好きなサイトへのリンクに変えるにはリンクの[画像のアドレス]を設定したいサイトのアドレスに変えて下さい。
<a href="設定したいサイトのアドレス" target="_blank"><img src="画像のアドレス" alt="画像のタイトル" border="0"></a><br clear="all">
a から始まるタグの画像のアドレスのを設定したいサイトのアドレスに変えるだけで画像のリンクを好きなサイトへのリンクに設定する事ができます。



◆FC2ブログの事でどうしても疑問が解決しない人はFC2ブログ ユーザーフォーラムへ。
★アフィリエイト人気ランキング★  [アフィリエイトとは?]
リンクシェア
の詳細はこちら
エーハチネット
の詳細はこちら
バリューコマース
の詳細はこちら
アフィリエイト リンクシェア ブログ 携帯対応 成果報酬 広告 テンプレート ブログパーツ
コメント
ありがとうございました!!<m(__)m>
ホントに、ありがとうございました!! いろいろしらべても、分からなかったのが、わかりました!!ホントに、初心者の人用でよかったぁ~~
ウェブで、けんさくしても、でなかったのに、友達が、おしえてくれて。。。感謝します!!\(~o~)/<m(__)m>(^^)
ご利用ありがとうございました。
無事に画像をブログに張れてよかったです。
画像は最初につまづく所だと思います。
画像をたくさん使って楽しいブログにして下さいネ!
質問なのですが。
画像をのせる方法はわかったのですが、画像にリンクを設定するのは、どうすれば
いいのでしょうか。

わからなかったので、申し訳ありませんが、教えてください。

お願いします。
みかこさんへ
画像にリンクを設定するには、この記事の続きの「画像の大きさを指定する」を見ていただけると下の方で紹介しているので読んでみて下さい!
質問です。
↑の間違いました。
参考にさせてもらって画像をのせようとしたのですが、「元画像を使用」をクリックしても
なにも、ならないのですが、なぜでしょうか?
しょこさんへ
なぜか上手くいかないときは「ファイルアップロード画面」を消してもう一度ツールを押し、アップロード画面を押してやってみるとできると思います。

どーしても駄目な時は、手書きで
<a href="http://blog[自分のサーバーの番号].fc2.com/[IDの1文字目]/[ID]/file/[ファイルの名前].jpg" target="_blank"><img src="http://blog[自分のサーバーの番号].fc2.com/[IDの1文字目]/[ID]/file/[ファイルの名前].jpg" alt="画像の名前" border="0"></a><br clear="all">
記入すれば画像を載せる事ができますよ。
お早い返事ありがとうございます。
さっそくやってみます。また、質問させてもらうかもしれませんので、よろしくお願いします。
できました^^
自分で手書きでしてみたところ、無事できました。
ホントにありがとうございました。
しょこさんへ
無事にできてよかったですね!画像をよく使う場合は手書きの方が早いので自分もたまに使います。
アフェイエイトUPの件ですが
アフェリエイトのHTML画像を日記にUPしたら左に寄ってしまうので文章の中でリンク画像を<center>リンク画像</center>で囲むとその下の文字までcenterになってしまうのですが処理の仕方はあるのでしょうか。宜しくお願いします
虹さんへ
<center>と</center>の間にリンク画像だけでなく、誤って文字も入れていないでしょうか?
普通は<center>タグに囲まれたものだけが真ん中に表示されるはずなので・・・。
画像の向きを変えたいのですが
はじめまして。最近子供が生まれ成長日記をブログでと思いパソコン初心者にも
かかわらず、こちらのページを見ながらブログ作成させて頂きました。とても分かり易く
ほんとに助かりました。そこで質問なのですが、画像も載せれるようになったのですが、縦向きで撮った写真も全て横向きに載ってしまいます。ちなみにアップロードした時点で出てくる小さい画像も横向きになったまま出てきます。縦向きの写真をそのまま縦向きでブログに載せるにはどうしたら良いのですか?基本的な質問で申し訳ありません。色々検索してみたのですが見つからなくて・・・
ごんたさんへ
はじめまして!アップロードしたら写真の向きが変わるということはたぶんないと思うので、もしかしたらカメラで撮った時に縦向きではなくて横向きでとっていたということはないですか?写真データをパソコンに取り込んだ時はどちら向きでしたでしょうか?
ちなみに写真の向きを変えることは意外に簡単にできるのでたぶんパソコンにはじめからついている「ペイント」というソフトを使っての向きの変え方を紹介します。
1.ペイントを起動させて、上のメニューの[変形]を選びます。
2.次に反転t回転を選びます。
3.そして、角度を指定を選びます。角度は90度を選んで下さい。最後にOKを押せば向きが変わります。
お返事ありがとうございます。
お返事を下さっていたにもかかわらず気づかなくて申し訳ありませんでした。
デジカメの画像をパソコンに取り込むと全て横向きになっています。
なので、こちらで紹介されていた縮小専用ソフトで画像を縮小した後、ペイント機能で
画像を反転させ、向きを縦向きに変更してファイルに保存しているのですが、この向きを変更させた画像をアップロードするとなぜだか横向きになってアップロードされて
しまいます。画像サイズに問題があるのでしょうか?
ごんたさんさんへ
うーーーん。なんで縦にしたものがまた横になってしまうのでしょうか???
「ユーザーフォーラム」を見てみたのですが、携帯からや写真サイズが大きすぎると横になってしまうという話があったので、一度デジカメで写真を撮るときに小さめで撮ってみて向きが変わってしまうのか試してみるといいかもしれないですね。
画像がクリックできない
はじめまして
画像を記事に載せるとき、<a href="画像のアドレス" target="_blank">←コレ(上で赤字で書かれてる部分)が出てこなくて、画像をクリックすると大きな画像が出てくる~ってゆーのができません
手書きで加えてみたところ、画像クリックできるようになったけど新たなページに出てきた画像はサムネイルと同じサイズ・・・
(ちなみに画像はゲームのSSです)
画像のサイズ自体は大きくないし、ブログ初めてなので何が原因なのかさっぱり・・・???
すみませんが教えていただけないでしょうか。。
cocoaさんへ
はじめまして。
クリックしたら画像が表示して欲しいときは、<a href="画像のアドレス" ></a>があれば大きくなります。たまに上手く反映されない時があるので、その時は手書きで書いて下さい。
画像をサムネイルと同じサイズで表示されてしまうのは画像のアドレスが20071031090933s.jpgとなっていてサムネイル用のs.がついているからです。sを消すと大きな画像になりますよ!
ありがとうございます
お返事ありがとうございます。
sを取ればよかったんですね。試してみます(´∀`*)
cocoaさんへ
無事にできていますね!良かったです!!
はじめまして
初心者なのでわからない事だらけです。
画像をUPできたのですが・・・・訪問者にの方に、画像が見れるものと見れないものが有ると指摘をいただきました。パソコンによって見れる画像と見れない画像があるのでしょうか?自分では全ての画像が見れるのですが・・・・宜しくお願い致します♪
satoさんへ
はじめまして!ブログをみさせてもらったのですが、全部の画像がちゃんと見れましたよ。訪問者の方はいつも見れないのでしょうか?それとも見える時と見れない時があるのでしょうか?ちなみに見れない画像がどれかってわかりますか?
有難う御座いました^^
音楽を載せた頃から ・・・ ?全部・見えるようになりました。音楽のせいかわかりませんが、無事に見える様になりました。有難う御座いました。
コチラのブログ大変に為になります。
感謝です。また、何かありましたら、宜しくお願い致します♪
satoさんへ
無事に画像が見えるようになってよかったですね!画像が見れないとブログの魅力は半分以下って感じになってしまいますからね!難しすぎることはわからないけど邯鄲な事ならまた聞いてください。
管理人のみ閲覧できます
このコメントは管理人のみ閲覧できます
upした画像が消えてしまいます。
画像をupするとちゃんと見れるのですが、しばらくすると消えてしまう画像があるのです。(×印の表示)
もちろん、ずっと表示されたままの画像の方が多いのですが・・。
他サイトさんで拾ってきた画像や、自分で撮った画像・・いろいろ使ってます。
どんな原因が考えられますか?
お忙しい中申し訳ありませんが、ご回答いただけると幸いです。
のぞみさんへ
どの画像が×印になってしまうのでしょうか?全記事を見てみたのですが、×印になっているものは1つもありませんでした。それとも消えてしまった画像はご自分ですでに削除済みでしょうか?
考えられる原因は他サイトさんで~~は他サイトさんのアドレスを直リンクで張っているのでしょうか?そうでしたらそのサイトさんが画像を消してしまうと消えてしまいます。
自分でUPしたものですと上書きをしてしまったなどが考えられます。
もしくは本当は消えていなくて回線が混んでいてたまたま画像が大きいものが読み込めなくて×印になっていたということもありうると思います。
鍵コメさんへ
お久しぶりです。
管理画面での不具合はブログをいじったからといって変わるものではないと思います。
Win Meが原因かもしれないですね。今、FC2さんは新管理画面に変わって不具合を一生懸命探して直している最中なので、1つでも不具合を報告してもらえるとFC2さんとしてもありがたいと思うはずです。
ですので、「FC2ブログ お問い合わせフォーム」
https://form1ssl.fc2.com/form/?id=15028
から今回の鍵コメさんの不具合を報告してみて下さい。きっとFC2が直してくれると思いますよ!

直るまでは画像のタグをメモ帳などにコピーしておいて張り付けて利用してみてはいかがでしょうか?こちらの方が早く記事が書ける気がするのでこのブログも(画像を結構使うので)、この方法を使っています。
<img src="http://blog61.fc2.com/r/rgrg/file/" alt="" border="0" width="" height="">というタグをメモ帳に作っておいてアップしたファイル名・大きさを後から記入する方法にしています。
早速、お返事ありがとうございます。
消えてしまった画像は、すでに自分で削除したり、もう一度同じ画像をupしました。

すみません・・、直リンクの意味がよく分らないのですが、他サイトさんから画像を借りる場合は、いったんピクチャに画像を保存して、そこからアップロードしてブログに載せてます。
るんぱぱ様のおっしゃるように、たまたま回線が込んでたのかもしれないですね。
いずれにせよ、すぐにわかりやすいお返事を頂き、とても感激しております。
ありがとうございました♪
のぞみさんへ
消えてしまった画像は、削除したり再upしていたのですか。
ちなみに直リンクとは他サイトさんがupした画像のアドレスをそのままコピーして使う事です。のぞみさんの様に自分で保存して自分でアップロードしないで楽をする事です。
とりあえず今は消えていないようなのでよかったですね!
只今無料体験レッスン実施中!
神奈川県愛甲郡愛川町のピアノ教室です。お気軽にお問い合わせ下さい。080-6570-6533
この記事のトラックバックURL

http://rgrg.blog61.fc2.com/tb.php/18-1d6b65a2   

Template Designed by DW99

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。