アクセシビリティ
Adobe
サインイン 注文状況 マイアカウント

TechNote

インターネットで公開する場合に適切なファイル形式


What's Covered (内容)

この文書は、Adobe Photoshop Elements で加工や修正した画像を インターネット用に保存する方法を説明します。

Photoshop Elements では、「Web 用に保存」ダイアログボックスを使用して画像の表示やファイルサイズを圧縮して、Web 上で公開するための画像に最適化することができます。

通常、Web サイトに画像を公開する場合は、ファイルサイズをできるだけ軽く作成することが重要です。これは、画像が「軽い」ファイルサイズの場合 Web サーバから短時間でダウンロードすることができるため、その画像を見る人の負担を軽減するためです。


「Web 用に保存」を実行する

Web 上で公開するための画像に最適化するには、以下の操作手順を行います。

  1. Photoshop Elements を起動します。
  2. 画像を開き、加工および修正を行ないます。
  3. [ファイル] メニューから [Web 用に保存] を選択します。
  4. 「Web 用に保存」ダイアログボックスが表示され、左と右に画像が表示されます。

    左側の画像が元画像になり、右側の画像が最適化された画像です。この 2 つの画像を比較してどの最適化設定が最も有効であるかを決定します。
    ※ 画像の下を確認するとファイルサイズやファイル形式などを確認することができます。


  5. 画像の最適化設定をします。最適化するには、まずファイル形式を JPEG/GIF/PNG のいずれかを右上のパネルから選択します。

    - JPEG 形式は、主にインターネットの写真画像など、色数の多い画像に適しています。透明ピクセルはサポートしていません。
    - GIF 形式は、最大色数が 256 色のためはっきりしたイラストなど、色数が比較的少ない画像に適しています。透明ピクセルをサポートし、また簡単なアニメーションを作成出来ます。
    - PNG 形式は、GIF 形式に代わる Web 上の画像形式として W3C によって提唱されたものです。


  6. ファイル形式を選択したら、次にオプション設定をします。以下の図は例として JPEG の設定画面です。

    JPEG/GIF/PNG に関する最適化設定の詳細は、『Adobe Photoshop Elements 2.0 ユーザガイド』 P.210 「Web 画像の最適化」 をご覧ください。


  7. 必要に応じて、画像サイズを変更します。最適化後のファイルサイズを入力し [適用] ボタンをクリックします。


  8. 最適化設定が完了したら、右上の [OK] をクリックします。
  9. 保存先を指定しファイル名を入力して、[保存] をクリックします。

     注意 : ファイル名には、半角英数字を使用してください。

Additional Information (追加情報)

「Web 用に保存」ダイアログボックスを使用すると、画像をさまざまなファイル形式や最適化設定でプレビューして書き出したり、また最適化された画像を電子メールに添付することもできます。「Web 用に保存」以外の標準的な最適化を行なう場合は、「別名保存」コマンドを使用します。詳しくは、下記の関連文書「222860 電子メールに添付する場合に適切なファイル形式」をご覧ください。

 Photoshop Elements は書き出したファイルを直接 Web サーバにアップロードする機能はありません。ファイルをアップロードするには Adobe GoLive などの FTP に対応したアプリケーションが必要です。


関連ドキュメント (Related Records)

RELATED RECORDS

文書番号 220860 電子メールに添付する場合に適切なファイル形式

文書番号 222341 背景を透明にする方法(Photoshop Elements)

参考文献 (Further Reading)

『Adobe Photoshop Elements 2.0 ユーザガイド』 第 12 章 Web および 電子メール用の画像の最適化

AlertThis content requires Flash

To view this content, JavaScript must be enabled, and you need the latest version of Adobe® Flash® Player.

Download the free Flash Player now!

Get Adobe Flash Player

Creative Commons License

サポート情報検索 (Search Support)

ドキュメント情報 (Document Details)

最終更新 (Last Update): 2003-06-30
文書番号 (ID):222818
プラットフォーム (OS):Macintosh, Windows
http://go.adobe.com/kb/ts_222818_ja-jp

関連製品 (Product Affected)

photoshop elements