写真加工

この写真を加工していきます

ある方から質問があったので、この写真を題材に、写真の加工について説明していこうと思います。
題して、
「イマイチな写真もそれなりに見せる加工術」
とでもしておきましょうか（笑）
私はこの方法で下手さをカモフラージュしてアップしてます。

実はこの画像は「元画像」といってもすでに加工したもので、デジカメで撮影したままだと3504×2336ピクセル、2.5MBあるので、とてもこのブログにはアップできません。
ですので、1728×1152ピクセルにリサイズ（縮小）し、フォトショップの「ウェブ用に保存」でファイル容量を100KB以下にしています。

基本的な手順

写真加工の基本的な手順は、
1.トリミング
2.色補正
3.リサイズ（縮小）
4.文字入れ
5.シャープをかける
6.ウェブ用に保存
ではないかと思います。

トリミングと色補正の順番は逆でもいいかもしれませんね。
いずれにしても、リサイズする前に「トリミングと色補正」です。
次で元画像をトリミングします。

トリミング時の縦横比率

元画像を縦横比率2:3のままトリミング

縦横比率を2:3のままトリミングしてみました。
最初からトリミングしなくても済むように撮影できればいいのですが、なかなかそうは上手く撮れないので、トリミングは不可欠ですね。
これぞ「イマイチな写真もそれなりに見せる加工術」です（笑）

縦横比率は、
・一眼レフ　2:3
・コンパクトデジカメ　3:4
が一般的です。
なので、どちらかに合わせてトリミングすれば違和感はありませんし、仮にプリントアウトする際にも、はみ出し（途切れ）が少なくてすみます。

トリミング時の縦横比率3：4

元画像を縦横比率3:4でトリミング

今度は縦横比率を3:4でトリミングしてみました。
3:4という比率はコンパクトデジカメで撮影した画像のほか、パソコンのモニターサイズもそうなので、見ていて落ち着く比率だと思います。
でも、パソコンのモニターもワイド化が進んでいるので、3:4にこだわる必要はありませんね（笑）

1日1枚アメショーの写真も、前は3:4にしてましたが、ここ最近は2:3で加工しています。
ず〜っと3:4を見てると、2:3が横長に見えてしまいますが、「写真」っぽいのはやっぱり2:3かな。

もっとトリミング

元画像をもっとトリミング

前記事のトリミングでは、クーの全体が入るように、周囲の余計な部分のみをトリミングしましたが、さらに大胆にトリミング。
こうなると元画像のヘタな面影がなくなりました（笑）
まさに「イマイチな写真もそれなりに見せる加工術」です！
写真撮影に自信のない方、撮影機材に不満のある方は、せめてトリミング術を覚えるだけでも、ブログやホームページの写真が見違えるはずです。

色の補正は難しい

元画像のまま

元画像を少し色補正。口の周りの白が飛んだ悪い例（涙）

トリミングと色の補正の順番は、どちらが先でもいいと思います。
今回はトリミング後に色補正をしてみました。
ひと口に色の補正と言っても、色合い、明るさ、コントラストなど様々な要素があり、これらを完璧に調整するのは至難のワザ。
今のどきのデジカメは優秀で、ホワイトバランスが大きく崩れることもないので、あまり補正しなくてもいいかもしれません。
今回の写真の例のように、補正して悪くなるケースもあります。
逆に、携帯電話で撮影した写真は補正した方が良い場合が多そうです。
トリミング、色補正が済んだら、次はリサイズ（縮小）です。

最適なサイズにリサイズ

3504×2336の元画像を480×320にリサイズ

900×600にリサイズし、HTMLのwidth（幅）とheight（高さ）で480×320に表示指定

一眼レフデジカメ、コンパクトデジカメ、携帯電話、どんな機材で撮影しようと、ブログやホームページにアップする際は、最適なサイズにリサイズした方が良い（すべき）と考えます。
まずは見た目の問題で、デザインに合わないサイズのままアップしてしまい、崩れているブログをたまに見かけます。
1日1枚アメショーの写真の場合は、640×480までの大きさなら崩れないデザインになっていますが、あまり大きすぎても写真の威圧感が増すし、携帯で閲覧することも考えて480×320にリサイズしてアップしています。
携帯での閲覧を優先するなら360×240くらいがベストかもしれません。
でも、ここまで小さくすると、パソコンで閲覧したときに物足りないので、両方を満足させるのは難しいですね。
ブログによっては、アップする際に自動的にリサイズしてサムネイルを作成してくれるものもあるので、こういった機能は積極的に利用すべきです。

携帯電話に最適なようにリサイズ

3504×2336の元画像を縦横比4:3の縦長にトリミングし、縦横サイズ320×240にリサイズ
ファイル容量23KB

現在の携帯電話のスペックでは、縦横サイズ320×240ピクセル程度が最適な画像サイズだと思います。
ですが、パソコンのモニターで見ると物足りなさは否めません。

せっかく良く撮れた写真だから大きく見せたいというときは、「クリックすると拡大写真を表示」する方法がベストですね。
ただ、これも問題で、大きな画像をHTMLで強制的に320×240のサイズに表示させると、画像が荒くなったり、ファイル容量が大きすぎて携帯では表示されない可能性大です。

縦横サイズ640×480にリサイズした画像を、HTMLで強制的に320×240ピクセルで表示。画像が荒くなっているのが分かりますか？

なので、この場合は大小2種類の画像を用意し、「クリックして拡大」にしましょう！

極力画像サイズを小さくリサイズすることで、ファイル容量も抑えられ、ブログの表示にストレスがかかりません。
特に、1記事に複数の写真を使っている方はリサイズ必須です！

最後にシャープ

シャープをかけていない画像
何となくぼんやり

シャープをかけた画像
微妙な違いですが、いくらか鮮明になってます

トリミング→色補正→リサイズと進んだら、最後にシャープをかけて終了です。
シャープの有無で画像の鮮明さに違いが出ます。
多少ピンボケした写真でも、リサイズ（縮小）してシャープをかければいくらかごまかせます。
最初に掲げたテーマ「イマイチな写真もそれなりに見せる加工術」です（笑）