３：ブログへの画像／ファイルのアップロード

１：画像／ファイルのアップロード

　パソコンに保存されている画像などのファイルをココログにアップロードして、ページに表示させるには、２通りの方法があります。画像（gif、jpeg、png ファイル）をアップロードする場合は「画像を挿入」アイコンを、ポッドキャスティング用の mp3 ファイルなどを含む、画像以外のファイルの場合には「ファイルの挿入」アイコンを使います。

※ファイルアップロード容量制限について
2008年9月2日から、ココログの一度にアップロードできるファイルの容量が1MBに制限されました。エラーが発生しました、というメッセージが出た場合は、一度にアップロードするファイルの総容量が1MBを超えていないかご確認ください。
動画配信には、podcast配信にも対応し、無料で100MBまでアップロード可能な「@niftyビデオ共有」のご利用をお勧めいたします。

ブログに動画をアップしよう！「＠niftyビデオ共有」

２：画像のアップロード

　記事の作成画面で、「記事の作成」および「本文」テキスト・エリアの上部にある「画像を挿入」アイコンをクリックし、「画像の選択」ウインドウを開きます。

「参照」ボタンをクリックして、記事に挿入したい画像ファイルを選択します（アップロードできるファイルは jpeg、gif、png の３種類です）。
　画像を選択すると「画像を選択」フィールドにファイルのパス（ファイルの置き場所）とファイル名が表示されます。

※注意！
アップロード可能なファイル名は半角英数字です。
日本語のファイルはアップロードできません。
ただし、以下のような日本語と数字が混ざったファイル名の場合、ココログ側で自動的にファイル名を変更してファイルをアップロードします。

「画像36.jpg」 　→　「36.jpg」
「画像 36.jpg 」　→　「_36.jpg」 （半角スペース→「_」に変換）
「画像　36.JPG」 →　「36.jpg」 （全角スペース→スペース削除）

また英数字の場合でも、ファイル名に - （ハイフン）が入っていた場合はこれを省略します。ファイル名が大文字の場合は小文字に変換されます。

「1234-20060605.jpg」→「123420060605.jpg」（ハイフンが抜ける）
「ABC.jpg」→「abc.jpg」大文字が小文字になる）

　「画像の選択」ウインドウ内の「画像オプション」では、画像の配置場所や表示サイズなどのオプション設定ができます。通常は「デフォルト設定」のチェックボタンがチェックされています。「カスタム設定」をクリックすると、以下の詳細項目がウインドウに表示され、それぞれ設定変更ができます。

●元画像を縮小する
　この項目にチェックを入れるとプルダウンメニューが有効になり、アップロードする画像のサイズを自動でリサイズすることができます。選択できるサイズは、横幅「300」「600」「800」「1200」「1600」ピクセルのいずれかとなります。「縮小しない」を選択すると、リサイズされずに元画像がそのままアップロードされます。
　ただし、画像サイズは横幅1600ピクセルが最大となり、元画像がそれ以上の大きさの場合は自動的に1600ピクセルに縮小されます。「縮小しない」を選択した場合も、元画像の横幅が1600ピクセル以上の場合は1600ピクセルにリサイズされます。
　横幅1600ピクセル以上の大きな画像をそのままアップロードしたい場合は、「元画像を縮小する」のチェックをはずしてください。

●テキストの回り込み
　画像のまわりにテキストを回り込ませて表示させることができます。初期設定では「テキストの回りこみ」にチェックが入り、「画像を左に」が選択されています。

●記事中での画像の表示方法
　アップロードした画像を記事中でどのように表示するのかを選択できます。
　「アップロードした画像をそのまま表示」にチェックを入れると、上記「元画像を縮小する」で選択したサイズで表示されます。
　「サムネイル（縮小画像）の作成」を選択した場合、「元画像を縮小する」とは別に、記事中にサムネイル画像を表示させることができます。こちらを選んだ場合、画像の横幅をピクセル単位または元画像の何パーセントの縮尺で表示するかを選択できます。
　また、サムネイルをクリックすると「元画像を縮小する」で設定したサイズ、あるいは元のサイズの画像が開くようになりますが、開き方を次の二種類から選択できます。
・ポップアップ（ライトボックス）で拡大画像を表示
　こちらを選択すると、記事の上にフィルターがかかったようにして元画像が開きます。
・画像へ直接リンクして表示
　こちらを選択すると、元画像がブラウザ上で直接開きます。

●画像を本文の横幅に合わせて表示する
　画像を自動的に本文レイアウトの横幅と同じサイズに修正して表示させることができます。

●この設定をデフォルト設定として保存します
　次回以降も自分で設定した内容で画像をアップロードしたい場合には、このチェックボックスをチェックします。そうすると、その状態が「デフォルト設定」になります。

　以上の表示方法とアップロードするファイルを確認の上、「画像の挿入」ボタンをクリックすると画像がアップロードされます。なお、アップロードした画像は、自動的に「マイフォト」の「カテゴリー化されていないフォト」というアルバムデータとして保存され、マイフォト上で管理することができます。
　なお、画像データの保存先はこれまで「uncategorized photo」の直下となっていましたが、2007年７月25日のバージョンアップ以降は「年/月/日」というフォルダの下に追加するように変更されています。ファイルマネージャーからファイルを探すときにはご注意ください。ファイルマネージャーからの操作については「アップロードしたファイルを削除するには？」で詳しく解説しています。
　ただし、このアルバムには「マイフォト」から写真を追加することや、マイフォトで作成したアルバムのようにサイドバーで公開することはできません。
　「マイフォト」については「マイフォトとは」で詳しく解説しています。

　記事作成画面がリッチテキストモードの「記事の作成」となっている場合、アップロードした画像は実際にブログ上で表示するイメージで表示されます。画像は、マウスでドラッグ・アンド・ドロップすることで好きな位置に移動させることもできます。リッチテキストモードの「HTML の編集」、およびプレーンテキスト（モード）の場合は、画像を表示するための html コードが挿入・表示されます。

３：ファイルのアップロード

　画像以外のファイルも記事中に挿入することができます。記事の作成画面で、「記事の内容」および「本文」テキスト・エリアの上部にある「ファイルを挿入」アイコンをクリックし、「ファイルの選択」ウインドウを開きます。

　「参照」ボタンをクリックして、記事に挿入したいファイルをあなたのパソコン上から選択します。選択すると「ファイルの選択」フィールドにファイルのパス（ファイルの置き場所）とファイル名が表示され、「アップロード」ボタンをクリックするとファイルがアップロードされます。

　すでに同じ名前のファイルがアップロードされている場合、アップロード前に「●●という名前のファイルがすでに同フォルダ内に存在しています。上書きしてもよろしいですか？」というメッセージと、「上書きする」「取り消し」ボタンが表示されるので、適当な方を選んでクリックしてください。

４：ファイルマネージャーでファイルを管理

　画像ファイルのアップロードは、記事作成画面だけでなく、「ファイルマネージャー」からも行うことができます。
　「コントロールパネル」画面の「ファイル」タブをクリックすると「ファイルマネージャー」画面が表示されます。ここでは新規ファイルのアップロードのほか、すでにアップロードされた画像ファイルの管理や、新しいフォルダの作成も行えます。

　「新規ファイルのアップロード」という項目にある「参照」ボタンをクリックして、アップロードしたいファイルを選択します。「アップロード」ボタンをクリックすると、左横に表示されている「現在のフォルダ」の項目一覧に追加されます（ただし、ファイルマネージャーでアップロードする場合は、画像のサイズを変更したりなど画像表示のためのオプション設定はできません）。

　記事中からファイルマネージャーでアップロードしたファイルへリンクを貼りたい場合、ファイルマネージャー内のファイル一覧にあるリンクボタンをクリックしてください。

　するとそのファイルへのリンクタグを表示したポップアップウインドウが開くので、コピーして挿入したい記事にペーストしてください。

　ファイルを効率よく整理するために新しいフォルダを作ることも可能です。「新規ファイルのアップロード」の下にある「新しいフォルダの作成」にフォルダ名を入力して「フォルダを作成」ボタンをクリックするだけで OK です。

　いらなくなったファイルやフォルダを削除するには、ファイルリストから該当のファイルやフォルダを探し、「削除」にチェックを入れ、ファイルリスト右下にある「削除」ボタンをクリック。すると、確認のためのウインドウが開きます。問題がなければ「削除する」ボタンをクリックしてください。

　削除が完了すると、「選択されたファイルまたはフォルダが削除されました」と表示されます（ただし、フォルダは中にファイルが入っている場合は削除できません）。ディスクの残り容量が気になる人はこの方法を試してみましょう。

※ファイルマネージャーで誤って HTML や CSS、RSS フィードを削除してしまっても、全体の「再構築」を行えば元に戻ります。

５：動画の貼り付け

　文中には@nifty ビデオ共有へのリンクとサムネイル画像を簡単に貼りつけることもできます。
　動画挿入ボタンをクリックすると、@nifty ビデオ共有のウインドウが表示されます。こちらからブログに貼りたい画像を選択してください。
※動画挿入ボタンは、記事の作成・編集画面が「プレーンテキストモード」に設定されている時のみ表示されます。「リッチテキストモード」ではご利用できません。
※@nifty ビデオ共有の利用が初めて、あるいはログアウト状態の場合、ログイン画面が表示されます。ログイン画面からリンクされている解説を読み、アカウントを取得した上でご利用ください。

６：「画像／ファイルのアップロード」の FAQ

・FAQ:動画のアップロードがしたい
・FAQ:GIF 画像のサムネイル（縮小画像）が壊れている
・FAQ:「ディスク容量が不足しています」と言われて、ファイルをアップロードできない
・FAQ:ファイルの残容量が知りたい
・FAQ:アップロードしたファイルを削除するには？
・FAQ:空ファイルをアップロードしたい
・FAQ：HTML ファイルをアップするときの注意