スクリーン書き出しで指定したピクセル数で画像を出力したい - Illustrator

スクリーン書き出しで指定したピクセル数で画像を出力する方法を紹介します。

概要

Illustratorのスクリーン書き出しで "1x" を指定した場合、インチ換算でキャンバスのdpi設定などが反映されるため、キャンバス作成時に設定したピクセル数で書き出されない場合があります。また、当初予定していた書き出しサイズと異なるピクセル数で書き出したい場合もあります。この記事では、「スクリーン書き出し」を利用して、ピクセル数を指定したサイズで画像を出力する手順を紹介します。

動作の確認

手順

Illustratorで下図の図形を作成します。6つのアートボードがあるドキュメントで、正方形が配置されており、それぞれ1から6までの数値(文字)が配置されています。アートボードのサイズは320ピクセルの正方形で作成しています。

アートボードの内容を画像として出力します。[ファイル]メニューの[書き出し]サブメニューの[スクリーン用に書き出し...]の項目をクリックします。

[スクリーン用に書き出し]ダイアログが表示されます。[フォーマット]のセクションで[拡大・縮小]の値が "1x"になっています。
[アートボードを書き出し]ボタンをクリックしてアートボードの画像を出力します。

アートボードの書き出しが完了するとメインウィンドウに正常に完了した旨のメッセージが表示されます。

出力先のフォルダを確認します。アートボードに描画した図形が画像として出力されています。

画像の縦横サイズを確認します。サイズが321ピクセルの正方形になっていることが確認できます。320ピクセルで作成したキャンバスですが、 dpiなどの換算がされているためか、1ピクセル誤差が出てしまっています。

対処方法

指定したピクセル数で書き出したい場合の手順を紹介します。
先ほどの手順と同様に[ファイル]メニューの[書き出し]サブメニューの[スクリーン用に書き出し...]の項目をクリックし、 [スクリーン用に書き出し]ダイアログを表示します。
[フォーマット]のセクションの[拡大・縮小]のコンボボックスをクリックします。下図のドロップダウンメニューが表示されますので、 [幅]の項目をクリックします。