どちらの画像もホームページ制作時にイラストレーターやフォトショップでロゴや写真を制作して、「jpg」や「gif」に変換してして使うことが多いと思います。その時、どんな方法で変換するのが良いのか少し試してみました。
イラストレーターでロゴやバナーを制作して「jpg」「gif」に変換する方法にはいくつかのやり方があります。
まず「データ書き出し」
この方法は、フォトショップで画像を加工する必要がある場合に便利です。
イラストレーターのレイヤーを残したままフォトショップデータに変換できるオプションがあり、ロゴの背景のみ加工する時等に使用します。
次に「コピぺ」
この方法はデータの必要な部分だけを変換したい時に便利です。
方法は、イラストレーターで必要な部分だけをコピーし、フォトショップで新規作成(この時に画像のプロポーションはコピーした部分と同じになります。)、ペーストするだけです。(最新版では修正されているかもしれませんが、端部が1〜2ピクセルほど欠けてしまいます。)
「Web用に保存」。
イラストレーターデータを「jpg」「gif」「png」等に変換できる便利な機能です。
変換時の画面で画像サイズも指定できとても便利です。また、かなり軽いデータに変換できまさにWeb用のデータ制作にピッタリと言えます。
gif-1 
gif-2どちらの画像も画面上で見ると何の違いも無く、データサイズも展開後は12.3Kですが、展開前のデータは「gif-1」が4K、「gif-2」が20Kと5倍ものサイズになっています。
最新版では修正されているかもしれませんが、ぼかしをかけた画像があると余白を大きく取ってしまうという問題があります。
コメントする