Top > Photoshop講座
JPEGデータを作成

Web必須フォーマットにJPEGがあります。
セーブするだけなのですがJPEGの特性もご紹介。
Web用にデータサイズを小さく保存する方法もありマス。

作成日:2002/07/29
更新日:----/--/--

■MENU
  • JPEGでセーブする前の下準備
  • まず普通に保存
  • なぜWeb用に保存？
  • ではいざWeb 用に保存
  • フリーウェアを使用したJPEG画像のシェイプアップ
    		•

    ■JPEGでセーブする前の下準備

    これをしておかないとJPEGで保存できないです。

    1.カラーモードはRGBカラー。
    モード

    2.レイヤーを１枚(背景)だけにしておく。
    レイヤー

    3.チャンネルは余計なものを削除しておく。(RGB,レッド,グリーン,ブルーのみにする)
    チャンネル


    ■まず普通に保存

    まず、普通に保存してみましょう。

    メニューバーから「別名で保存」(初めてのセーブなら「保存」でも可)を選択。
    メニュー
    上図のようなウィンドウが開くので「保存したい場所」を選択したり、
    「ファイル名」を変更したりします。
    今回は「JPEG」で保存するので、当然「ファイル形式」は「JPEG」を選択してください。

    選択したら「保存」を押して決定。

    JPEGオプション
    すると上図のようなウィンドウが開きます。
    JPEGで保存するときは非可逆圧縮がかかるので、圧縮率を決めるため「画質オプション」から
    画質を選びましょう。
    圧縮率が高い(ファイルサイズが小さい)と画像は荒れ、圧縮率が低い(ファイルサイズが大きい)と
    画像はキレイです。
    「プレビュー」チェックボックスにチェックをいれ、確認しながらするとよいかも。
    「オプション」は「標準」でOKです。

    「OK」を選択すれば、これで通常のセーブは完成。

    ■ なぜWeb用に保存？

    次にWebで使用するための保存です。
    なぜ通常の保存と異なるのでしょうか？

    Web上では画像サイズが小さいほど表示するまでの時間が短くなり、 親切なサイトといえます。
    Web上では特に、同じ画質なら、当然サイズが小さい方がよいですね。

    実は「JPEG」というファイル形式は、通常画像データのほかに
    サムネイルを保存したり、余計な予備データなどの「おまけ」をいっしょに保存してしまいます。
    これが結構デカイんです！！
    画像にもよりますが、もとの画像データが「40KB」あるとすれば
    これに「30KB」くらい「おまけ」をつけてしまうんです！
    つまり「70KB」くらいのデータサイズになってしまう。うわっ！ひでー！

    というわけで、この「Web用に保存」というヤツは、この「おまけ」を保存しない
    保存形式なわけです。

    Webで使用するために「JPEG」を使用する方はこちらで保存した方が
    お得ですよ。


    ■ ではいざWeb 用に保存

    ※Photoshopの古いバージョンはこの「Web 用に保存」がなかったりするので、
    通常保存した後、「JPEG」保存用のフリーウェアなどで、「おまけ」を削除
    する方法もあります。くわしくは→こちら

    では始めましょう。

    まずメニューバーから「Web 用に保存」を選択します。

    Web 用に保存
    すごい、はしょった画像ですが、でかいのでご勘弁を(苦笑)

    では各項目の説明です。
    まず「設定」は「JPEG」系の中から好きなものを中から選んでください。
    「名称なし」でもよいと思います。(とりあえず「JPEG 標準」が無難かと。)

    その後、細かい設定をします。
    「画質」は「0-100」まで任意のものが選べます。
    「ぼかし」は画像のぼかし具合です。「0-100」まで選べます。
    ※なぜ「ぼかし」項目があるかというと、「JPEG」は滑らかなグラデーションのかかった画像を
    保存するのが得意だからです。ぼかしをかけると圧縮率がUPします。(サイズが小さくなります。)
    (かっちり色が分かれている系の絵は「GIF」で保存した方がよいでしょう。)
    「プログレッシブ」というのは、Web上で画像を表示するとき、徐々にモザイクがかかりながら表示する
    方法です。

    いろいろ設定できますが、左下に「JPEG ○○.○○K」と画像サイズが表示されています。
    この数値と、画質を比べながら値を決定するとよいでしょう。
    当然小さければ小さいほどよいですが、Webで、その画像１枚だけ表示するつもりなら
    「50.00K」以内に収めるのがよいのではないでしょうか。

    設定したら「OK」を選択します。

    Web 用に保存

    ファイルの種類に「画像のみ(*.jpg)」を選択して「保存」を押し、
    保存完成です。

    ちなみに下記は「通常保存」と「Web 用に保存」で、同じ画質条件で保存した画像です。

    ↓「通常保存」35.3KB
    		 ↓「Web 用に保存」4.59KB
    		  
    画像
    		 画像
    		  

    同じ画質の同じ画像なのに、30KB以上もサイズが違います。
    これはもう、「Web 用に保存」を使うしかないでしょう！！


    ■ フリーウェアを使用したJPEG画像のシェイプアップ

    さて、Photoshopの昔のバージョンには「Web 用に保存」機能はありませんでした。
    というわけで、フリーウェアを活用して、サイズの小さい「JPEG」を作成しましょう。

    ネット上で探すといろいろあるんですが、そのうちのひとつをご紹介。(Windows用)

    フリーウェア「JPEG Cleaner」→[ダウンロード]
  • 制作者 ： 伊月めい
  • サイト ： 「SMALL CALL」

    		•

    戻る Topへ