Illustrator画像から複数のサイズで画像をエクスポートするにはどうすればよいですか？

Adobe Illustratorを初めて使用し、5または6種類のサイズで使用する必要があるロゴ画像があります。ロゴ画像はAdobe Illustratorで作成されましたが、画像をPNGまたはJPEGに保存しようとすると、単純なはずだったものが非常に複雑になります。

Adobe Illustratorは画像を特定のサイズとして扱い、そのサイズにインチあたりのピクセル数を掛けて、保存する実際のピクセル数を求めることを理解しています。結果の出力ピクセルサイズの非常に限られたセットを提供するいくつかの制限されたスケールファクターの選択肢があります。

ただし、多くのWebの使用では、ユーザーは必要な出力ピクセルサイズを既に知っています。必要な保存されたグラフィックのピクセル幅または高さを指定する方法はありますか？

画像をエクスポートしてからPhotoshopを使用してサイズを変更する提案を見てきましたが、その結果、ベクター画像から最終画像を作成するよりも画質が低下します。

[ファイル]> [Web用に保存Image Size]をクリックし、[Web用に保存]ウィンドウの右側にあるタブをクリックしてピクセルサイズを入力します。

それとも、あなたを正しく理解していないのですか？

File → Save for Webディメンションを使用して入力すると、目的の処理が実行されます。また、Illustratorはベクトルスケーリングを使用するため、Photoshopで同じことを試みた場合よりも結果が良くなります。Photoshopでドキュメントと一致しないサイズを入力すると、画像がビットマップスケーリングされます。

CS6より前のバージョンのIllustratorを使用している場合は、寸法を変更した後に[適用]をクリックする必要があることに注意してください。

ああ、そしてあなたはConvert to sRGBオフにしたい非常に良いチャンスがあります-それはあなたの画像を現在の色空間からsRGBに破壊的に変換し、色をシフトさせます。

複数のピクセルサイズをサポートする必要がある場合、同じAIファイル内でアートを複製および拡大縮小します。各サイズは、別々の適切なサイズのアートボードに配置されます。エクスポートするファイル形式にボード名を追加します。次に、各アートボードをエクスポートするjsxを実行し、そのファイルにその形式に対して入力した最後の設定を使用して、名前からファイル形式を選択します。これはすべてCS5にあります。

このワークフローは、いくつかのロゴ、アイコン、ディスプレイ広告に使用します。

Photoshopで適切なサイズのドキュメントを作成する（またはガイド付きの領域をボックスで囲む）こともできます。次に、ファイル>ベクターアートを配置します。

シェイプのサイズをスケーリングしてから、レンダリングすることができます。明らかにその後のスケーリングはその品質を低下させます。

サイズの正確な制御を行うために、私は常にこの手法をロゴに使用しました。たとえば、ピクセル境界でのロゴのテキスト要素のベースラインの取得（ヒントの形式）。

モバイルアプリデザイナーの興味を引くこのテーマに加えて、このスクリプトは1クリックでiOSおよびAndroidのRetina アセットを作成します。