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

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

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

２：画像のアップロード

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

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

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

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

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

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

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

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

●サムネイルの作成
　アップロードした画像をページに表示させる際、オリジナルの画像よりも小さい画像を自動作成します。「サムネイルの作成」にチェックを入れている場合は、サムネイルをクリックしたときに、大きな画像が表示されるようになります。初期設定では「サムネイルの作成」にチェックが入り、横幅100ピクセルの画像になるように設定されています。画像サイズ設定はパーセントで行うこともできます。

●ポップアップウィンドウ
　画像にリンクを貼り、クリックするとポップアップウィンドウが開いてフルサイズの画像を表示させることができます。初期設定ではチェックが入っています。

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

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

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

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

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

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

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

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

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

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

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

　記事中からファイルマネージャーでアップロードしたファイルへリンクを貼りたい場合、ファイルマネージャー内のファイル一覧にあるリンクボタンをクリックしてください。するとそのファイルへのリンクタグを表示したポップアップウインドウが開くので、コピーして挿入したい記事にペーストしてください。

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

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

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

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

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

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

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