FC2ブログ マニュアル

記事に画像(写真)を載せる

現在スマートフォン版のマニュアルを表示中

パソコン版を表示 »

ブログ記事の文章内に写真を入れる手順を説明します。画像は1記事に何点でも載せることができます。

こんなふうに記事内に画像を入れることができます。

adminbutton3

 

編集画面から画像を入れる手順

記事を書きながら、文章の中に写真(画像)を配置する手順です。
画像は1記事の中にいくつでも掲載することができます。また追記側にも同じように画像を入れられます。
画像はすでにアップロードされてるものとして説明します。ファイルのアップロードについては別項目の解説をご覧ください。

【旧・管理画面の場合】

1.新しく記事を書く(記事の編集)画面で、記事テキスト入力欄に画像を挿入します。画像も本文と同じところに書き込みます。

2.ページ下の「ファイル挿入」をタップします。

3.ポップアップした別ウィンドウに、すでにアップロードされている画像の一覧が表示されます。
そこから記事内に入れたい画像をタップします。
サムネイル(小さいサイズの画像)が生成されている場合は、サムネイルを選択することもできます。
挿入位置のボタンで挿入できます。

4.画像のHTMLコードが挿入されました。
2点目以降の画像も同じ要領で追加していくことができます。

入れた画像を外すには、追加されたHTMLコードの部分を削除します。

【新・管理画面の場合】

1.下記の画像は新画面のスマートフォン版の表示を横に引き延ばしたものです。
ファイルの挿入は山の絵のアイコンを選択しておこないます。
横にスクロールすると、アイコンが出てきます。

2.記事に挿入したいファイルをタップ

3.画像を投稿をタップ

4.新画面はHTML形式ではないので、記事に画像そのものが表示されます

 

 

画像のHTMLタグについて

初期設定で挿入される画像HTMLタグは以下のような形式です。
 <a href=”http://ファイルのアドレス” target=”_blank”>
 <img src=”http://ファイルのアドレス” alt=”タイトル” border=”0” />
 </a>

a href=...

画像をクリックしたときに、画像だけを別画面で開くようにリンクされています。
記事内の画像をサムネイルにして、クリックすると拡大表示させるようにもできます。
不要な場合は <a> </a> の部分を削除します。

target=”_blank”

「_blank」を指定しておくと、別画面で画像が開きます。

img ...

画像を表示させるHTMLタグです。この部分だけあれば画像は表示されます。

alt=...

ファイル管理(アップロード)画面で、「タイトル」に設定したテキストが入ります。
画像が表示されないときや、読み込み中はこのテキストが表示されます。

ファイルをアップロードする

記事に写真やイラスト、グラフなど、画像を載せるには、あらかじめファイルをアップロードしておく必要があります。
FC2ブログでは、画像ファイル以外に下記のようなファイルをアップロードすることが許可されています。

アップロードできるファイルの形式

[画像ファイル] jpg / gif / png
[音声ファイル]mid / mp3
[動画ファイル] swf
[その他] ico / html / txt / css / js / rdf / xml / xsl

一眼デジタルカメラで保存される「RAW」や、Adobeフォトショップで加工したとき保存される「PSD」
などは、Web上で表示されません。

ファイルサイズ(容量)

FC2ブログのサーバーにアップロードできるファイルサイズは、最大2MBまでとなっています。
ファイルサイズが大きい場合は、画像編集ツールなどを使って小さくする必要があります。
表示サイズ(ピクセル)を小さくするか、圧縮率を変えることでファイル容量を小さくすることができます。

もっと大きいファイルをアップしたい

FC2BLOG Proなら、1ファイルあたり5MBまでの画像をアップロードできます。
FC2BLOG Proについて詳しくはコチラから

サーバーにアップロードしよう

パソコン上のファイルをブログ上で使うためにアップロードします。

adminbutton3

ファイルアップロードを開く

ファイルアップロードのツールを呼び出す方法は2つあります。

左メニュー[ファイル管理]をクリック

記事編集画面「ファイル挿入」タップ

ファイル挿入画面の [ファイルアップロード]からアップロードできます。 

ファイルアップロード画面

①ファイル選択

「写真またはビデオをとる」か「フォトライブラリ」を選択して、アップロードしたいファイルを選択してください。

②サムネイル


サムネイルを作成するか、また、生成する場合はサムネイルサイズを入力できます。
サムネイルが生成されるのは、形式 .jpg .gif .png の画像ファイルのみです。
サムネイルのサイズを設定できますが、設定したサムネイルサイズより元のファイルが小さい場合、サムネイルは作成されません。

サムネイルの大きさを変えたい

[環境設定の変更]>[ブログの設定]>[投稿設定]>[サムネイル作成のサイズ]
で、最大横幅と最大縦幅を決められます。
デフォルト(初期設定)は、120px×120pxになっています。
なお、設定を変更しても、それまでアップロードした画像のサムネイルの大きさは変わりません。
すでにアップロードした画像のサムネイルの大きさを変更したい場合は、同じファイルを再度アップロードします。

④Exif


Exif情報を削除する場合は、チェックをいれてください。
Exif情報とは、カメラの情報や製造元や露出補正情報、GPSによる位置情報など、画像についての付加情報を記録した領域のことです。

⑤アルバム

アップロードするファイルをアルバムに追加するかしないかを選択できます。
アップロードするファイルを保存するアルバムを選択できます。

アップロードされたファイル

正常にアップロードが完了すると、ファイル一覧に追加されます。
このファイル管理(アップロード)画面で、ファイルを削除したりファイル名を変えることができます。

アップロードした画像が横向きで表示される

デジカメやスマートフォンで撮影した写真には画像データ(Exif)が保存されています。その画像データに保存されている画像の向きが原因で、意図しない向きでアップロードされてしまう現象が発生する場合があります。
その場合は画像データ(Exif)を削除して再度アップロードをお試しください。
画像データ(Exif)を簡単に削除できるソフトなどもあるので、一度検索してみてください。

マニュアル一覧を見る »

お問い合わせ

ヘルプをご覧になっても問題が解決されない場合は、サポートへお問い合わせください。

FC2ブログに関するお問い合わせはこちら