ひよっこブログvol.03｜社員ブログ｜ホームページ制作・ソフト開発・資材販売のシステムグラフィ

ひよっこブログvol.03

2017年06月26日

お久しぶりのひよっこブログvol.03です。
こんにちは！！クリエイティブサービスGの寺前です！！

しばらく間が空いてしまったので説明しますと、
ひよっこブログとは、社員ブログの一角をお借りして、
新人デザイナーの寺前が思った事・感じた事を載せていくコーナーです！

私もようやく入社1年と1ヶ月を迎えました。
ちょっとだけ成長できたんじゃないかな…？？
とはいえまだまだひよっこ！！今日もバリバリ勉強しよう！

今回のテーマは
『5秒でできる！WEB用写真加工のコツ（WEB用）』

WEBに載せる上で気を付けて欲しいことを3ステップでまとめました！
安心してください。専用ソフトが無くてもできる超初級編です。

①サイズを合わせよう！

載せる場所によって最適な大きさがあります。
必ず写真を載せる場所のサイズを確認しましょう！
基本のようで本当に大事なこと！！！

例えばこのブログの幅は580px。

画面いっぱいに表示したければ580px幅で加工しましょう！

デジカメやスマホで撮影した写真はとてもサイズが大きいです！！
私のスマホの写真は長い方が3800pxでした。（デフォルト設定です）
こんなに大きなサイズはいらないですよね…
サイズが大きすぎると容量も大きくなるので、ページの読み込みが遅くなってしまいます。
解像度は72dpi程度に落とし、表示するサイズに合わせてトリミングなどで加工しましょう！

あらかじめ入れるサイズが決まっている場合、
小さすぎても不格好になってしまいますのでお気を付けください！

両隣りになる写真は縦もサイズがぴったりそろえましょう。

※スマホ対応の写真だと表示サイズより大きいサイズが必要になります。
この話はまた別の機会に…

②明るくしよう！

外光のある場所であれば逆光にならない限り十分に光が当たっていますが
室内ってどうも難しいんですよね。
そんなときは画像加工ソフトで明るくしちゃいましょう！
専用ソフトが無くても、スマホなんかのアプリで充分見やすい写真ができます。


こちらが加工前	こちらが加工後です。（サイズ加工済）

明るくなるだけでなんかホラおいしそう…！！
主役次第で明度を調整してください。

③彩度をいじろう！

彩度とはすなわちいろどり！
鮮やかな色合いを強くすることで料理はちょっとおいしく、
人物はいきいきしてくるような気がする！！（個人の意見）

彩度加工後

画像加工アプリなんかだと、明度・彩度を自動で調節して「おいしさ」を表現してますよね～～

彩度加工後2

やりすぎても気持ち悪くなってしまうのでお気を付けください！！

≪前の記事一覧に戻る次の記事≫