現在パソコン版のマニュアルを表示中
スマートフォン版を表示 »ブログ記事の文章内に写真を入れる手順を説明します。画像は1記事に何点でも載せることができます。
こんなふうに記事内に画像を入れることができます。
記事を書きながら、文章の中に写真（画像）を配置する手順です。
画像は1記事の中にいくつでも掲載することができます。また追記側にも同じように画像を入れられます。
画像はすでにアップロードされてるものとして説明します。ファイルのアップロードについては別項目の解説をご覧ください。
【1】新しく記事を書く（記事の編集）画面で、記事テキスト入力欄に画像を挿入します。画像も本文と同じところに書き込みます。
【旧・管理画面の場合】
【新・管理画面の場合】
【旧・管理画面の場合】
【2】挿入位置にカーソルをあわせて、ツールメニューをクリックします。
【新・管理画面の場合】
【2】挿入位置にカーソルをあわせて、ツールメニューをクリックします。
【3】ポップアップした別ウィンドウに、すでにアップロードされている画像の一覧が表示されます。
そこから記事内に入れたい画像を選んで、［この画像で記事を書く］ボタンをクリックします。
サムネイル（小さいサイズの画像）が生成されている場合は、［サムネイルで記事を書く］のボタンで挿入できます。
【旧・管理画面の場合】
【4】カーソルの位置に画像のHTMLコードが挿入されました。
2点目以降の画像も同じ要領で追加していくことができます。
入れた画像を外すには、追加されたHTMLコードの部分を削除します。
【新・管理画面の場合】
【4】「見たまま編集」の場合、カーソルの位置に画像が挿入されます。
「HTML編集」の場合、カーソルの位置に画像のHTMLコードが挿入されます。
2点目以降の画像も同じ要領で追加していくことができます。
入れた画像を外すには、追加されたHTMLコードの部分を削除します。
初期設定で挿入される画像HTMLタグは以下のような形式です。
＜a href=”http://リンクされるページのアドレス” target=”_blank”＞
＜img src=”http://ファイルのアドレス” alt=”タイトル” border=”0” /＞
＜/a＞
画像をクリックしたときに、画像だけを別画面で開くようにリンクされています。
記事内の画像をサムネイルにして、クリックすると拡大表示させるようにもできます。
不要な場合は ＜a＞ ＜/a＞ の部分を削除します。
「_blank」を指定しておくと、別画面で画像が開きます。
画像を表示させるHTMLタグです。この部分だけあれば画像は表示されます。
ファイル管理（アップロード）画面で、「タイトル」に設定したテキストが入ります。
画像が表示されないときや、読み込み中はこのテキストが表示されます。
記事に写真やイラスト、グラフなど、画像を載せるには、あらかじめファイルをアップロードしておく必要があります。
2NTブログでは、画像ファイル以外に下記のようなファイルをアップロードすることが許可されています。
［画像ファイル］ jpg / gif / png
［音声ファイル］mid / mp3
［その他］ ico / html / txt / css / js / rdf / xml / xsl
一眼デジタルカメラで保存される「RAW」や、Adobeフォトショップで加工したとき保存される「PSD」
などは、Web上で表示されません。
2NTブログのサーバーにアップロードできるファイルサイズは、最大10MBまでとなっています。
ファイルサイズが大きい場合は、画像編集ツールなどを使って小さくする必要があります。
表示サイズ（ピクセル）を小さくするか、圧縮率を変えることでファイル容量を小さくすることができます。
もっと大きいファイルをアップしたい
2NTBLOG Proなら、1ファイルあたり20MBまでの画像をアップロードできます。
2NTBLOG Proについて詳しくはコチラから
パソコン上のファイルをブログ上で使うためにアップロードします。
ファイルアップロードのツールを呼び出す方法は2つあります。
【旧・管理画面の場合】
【新・管理画面の場合】
【旧・管理画面の場合】
記事入力欄についているツールアイコン
【新・管理画面の場合】
記事作成画面、ツールメニューをクリック
※Internet Explorer・Safariブラウザーの場合は、ドロップ機能は非対応となっております。
Internet Explorer・Safariブラウザーの場合は、アップロードしたいファイルの選択は
こちらのボタンから行ってください。
※Google Chrome・Firefoxはファイルをドラッグ&ドロップで選択できます。
同じ名称のファイルがすでにアップロードされていた場合、上書きするか、自動的に別名で保存するかを選択します。
上書きアップロードの場合、上書きの反映にお時間を頂戴することがあります。
※いったんファイルを削除して、削除した同名ファイルをアップロードする場合も同様です。
アップロード後、F5キーを押してもファイルが最新の状態に切り替わらない場合は
しばらく時間を置いた後、再度お試しください。
サムネイルを作成するか、また、生成する場合はサムネイルサイズを入力できます。
サムネイルが生成されるのは、形式 .jpg .gif .png の画像ファイルのみです。
サムネイルのサイズを設定できますが、設定したサムネイルサイズより元のファイルが小さい場合、サムネイルは作成されません。
サムネイルの大きさを変えたい
［環境設定の変更］＞［ブログの設定］＞［投稿設定］＞［サムネイル作成のサイズ］
で、最大横幅と最大縦幅を決められます。
デフォルト（初期設定）は、120px×120pxになっています。
なお、設定を変更しても、それまでアップロードした画像のサムネイルの大きさは変わりません。
すでにアップロードした画像のサムネイルの大きさを変更したい場合は、同じファイルを再度アップロードします。
アップロードするファイルを保存するアルバムを選択できます。
こちらのプルダウンメニューから新規アルバムを作成することもできます。
[アップロード]ボタンクリック後の確認ポップアップウィンドウを
表示するかしないかを選択できます。
画像のalt属性になります。
画像が表示されないときや、読み込み中はここに入力したテキストが表示されます。
アップロードするファイルをアルバムに追加するかしないかを選択できます。
ファイルアップロードを行う前に、選択したファイルを削除するボタンです。
［アップロード］を押すと、以上で設定したファイルがブログサーバーへアップロードされます。
自分のパソコンの中から、アップロードしたいファイルを選択する
ファイルアップロードのツールが現れたら、［参照…］をクリックします。ローカル（パソコンのハードディスクなどの中）のファイルから、アップロードしたいファイルを選択して［開く］をクリックします。
「複数アップロード」 を選択すると、新たにフォームが5つ表示されます。
ファイル選択の手順は同様です。
設定オプション（次項参照）は、同時に上げたファイルすべてに適用されます。
ファイルを選択したら、その他の入力項目をチェックします。
画像のalt属性になります。画像が表示されないときや、読み込み中はここに入力したテキストが表示されます。
「同時に作成する」にチェックを入れておくと、サムネイル（小さいサイズの画像）が自動生成されます。
同じ名称のファイルがすでにアップロードされていた場合、上書きするか、自動的に別名で保存するかを選択します。
［アップロード］を押すと、以上で設定したファイルがブログサーバーへアップロードされます。
正常にアップロードが完了すると、ファイル一覧に追加されます。
このファイル管理（アップロード）画面で、ファイルを削除したりファイル名を変えることができます。
デジカメやスマートフォンで撮影した写真には画像データ（Exif）が保存されています。その画像データに保存されている画像の向きが原因で、意図しない向きでアップロードされてしまう現象が発生する場合があります。
その場合は画像データ（Exif）を削除して再度アップロードをお試しください。
画像データ（Exif）を簡単に削除できるソフトなどもあるので、一度検索してみてください。
ヘルプをご覧になっても問題が解決されない場合は、サポートへお問い合わせください。
2NTブログに関するお問い合わせはこちら