1日1枚アメショーの写真　アメリカンショートヘアー・シルバータビー＆ブラウンタビー＆ブルータビー、ペルシャ猫・レッドタビーのブログ

拡大画像
適切なリサイズをする前に文字入れをした画像。
HTMLで強制的に表示サイズを小さくしてるので、文字がつぶれてる。

ちゃんとリサイズした後に文字入れをした画像。

1日1枚アメショーの写真でほとんどやりませんが、「ふきだし」やアフレコなどの文字を入れるタイミングについて。
ブログ上での表示サイズにリサイズしないまま文字を入れると、間違いなく潰れてしまいます（上の写真）。
何ピクセル×何ピクセルと決めているはずですので、そのサイズにリサイズしてから文字を入れるのがベストな方法です。
ですので、大まかな手順は、
トリミング→色補正→リサイズ→（文字入れ→）シャープをかける
となりますね。
残るは「ウェブ用に保存」です。

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

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

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

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

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

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

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

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

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

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

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

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

元画像のまま

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

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