トピックス
画像の投稿
1、MT(MovableType)ブログの使用用途
2、エントリー(記事)を投稿してみよう
3、エントリーの投稿(タイトル、本文、追記の記入)
4、カテゴリーの選択、追加
5、カテゴリの選択方法
6、画像の投稿
7、画像のリサイズ (簡単フリーソフト紹介)
ブログは簡単に画像をアップロード→ページ上に貼り付けが行えます。
ブログはどうしても文章主体の日記風ページと捉えられがちですが、画像を上手に貼り付ける事で見易く、花のあるページにする事ができます。
先ほどから載せているサンプルの画像も全て皆様と同じようにブログ上からアップロード→貼り付けで行っています。
最初は難しく感じますが、慣れれば簡単です。
それでは詳細を説明します。
まず、画像のアップロードはメニューからファイルのアップロードを選んでください。
![]()
アップロードをクリックすれば次のようなウィンドウが開きます。
![]()
アップロードをクリックするとファイルのアップロードウィンドウが開きます。
そこの参照ボタンがありますので、そこをクリックするとファイルの選択というウィンドウが開きます。
詳細は上記の画像をクリックしてください。
次に貼り付けたい画像を選びます。
![]()
画像の貼り付けは主に次のファイルが一般的です。
・JPEGファイル(主に写真などに使われる圧縮形式)
・gifファイル(主にイラストなどに使われる圧縮形式)
・pngファイル(新しい圧縮形式。詳細はこちら)
前回のウィンドウで開くを選べば次の画面が出ます。
そこでアップロードを選択してください。
![]()
アップロードを選択すれば次のウィンドウが開きます。
画像を投稿する際に大切な設定となりますので詳しく説明させていただきます。
1~4の順に説明します。
![]()
1、画像ソースの表示
画像をアップロードすれば、画像用のhtmlソースをブログが生成してくれます。 そのhtmlソースをブログの記事入力欄に貼り付けます。 その方法が、先に画像を投稿し、記事を書くか、記事を書いている最中に画像を投稿するかで使い方を選べます。 エントリーを投稿 こちらを選べば、画像投稿用のhtmlソースと新規エントリー欄がセットで出てきます。 これは、画像を選んでから記事を投稿する場合に適しています。 HTMLを表示 こちらは画像投稿用のhtmlソースを表示してくれます。 これは記事を書いている最中に画像を投稿する使い方に適しています。
2、サムネイルの作成
縮小すると見づらくなる、または、大きな画像を縮小する事無く、見ていただきたい。 そんな場合はファイルサイズの小さいサムネイルで大体の絵柄を提示してから、本来の大きさで表示するかどうか選んでもらう為に、表紙に配置する縮小画像の自動生成を行う事が出来ます。 こちらにチェックを入れる事で縮小画像を作成する事ができます。
3、画像サイズの調整
ここで貼り付ける画像サイズの調整が行えます。
幅、高さを調節できます。基本的に画像は縮小は問題ないのですが、拡大は画質が荒くなる事が多く、お勧めする事はできません。
また、縦横比を固定する事をお勧めします。
縦横比を固定せずに縦だけ縮小や、横のみ縮小した場合は画質が極端に悪くなります。
4、ポップアップにするか、埋め込みにするか。
最後にポップアップにするか、埋め込みにするかの選択が有ります。 ポップアップとは画像の大きさに合わせた別ウィンドウを自動的に生成します。 埋め込みとは基本的にはページ上に画像を配置する事です。サムネイルを作成して、他に元サイズの画像がある場合は、サーバー上の画像に直接リンクされます。 画像が適度な大きさであれば、ポップアップをお勧めしますが、あまり大きいものの場合は埋め込みにして別ページとして表示される事をお勧めします。
サイズの目安として幅300pxを超える物はリサイズして、300pxまでにおさえるか、大きい画像を表示させたい場合は幅300px以内のサムネイルを作成し、ポップアップして元画像を表示させるのが、好ましいです。
また、表示させたい元画像が600pxを超える物はポップアップにはしないで埋め込みで元画像に直接リンクさせるのが良いと思います。(PCのモニターが古いノートなどの場合幅800pxぐらいしかない為)
投稿者: CSW Web team 日時: 2006年09月09日 10:32
- Web デザイン ハイクオリティーデザインのWebサイトをご提案。
- XTHML+CSS Web標準に準拠したサイトへ構造からリニューアル。
- DTPデザイン チラシ、POP制作から ロゴデザインまでトータルに。
- イラスト制作 キャラクターや似顔絵の 作成でブランド力UP。
