Skip to main content
Takahiro_M
Participating Frequently
May 5, 2018
Answered

「選択範囲の書き出し」について

  • May 5, 2018
  • 3 replies
  • 12378 views

「選択範囲を書き出し」を行うと、自動的にビットマップ画像になってしまうのですが、なぜでしょうか?

書き出そうとしているものはアウトライン化したロゴタイプで、さほど複雑なものでも、大きなデータでもありません。

This topic has been closed for replies.
Correct answer Yamonov

最終的に欲しいサイズは33×15なんですよね。

解像度を高めにして書き出された画像を開いてみてください。33px*15pxではなくなっているはずです。

ピクセルプレビューは、その名の通りでラスタライズされた状態をプレビューするものです。ですので、書き出し以前に、

・最終的な画像サイズが小さすぎる

または

・求めている画像サイズに対してデザインが細かすぎる

のだと思います。

3 replies

Yamonov
YamonovCorrect answer
Legend
May 5, 2018

最終的に欲しいサイズは33×15なんですよね。

解像度を高めにして書き出された画像を開いてみてください。33px*15pxではなくなっているはずです。

ピクセルプレビューは、その名の通りでラスタライズされた状態をプレビューするものです。ですので、書き出し以前に、

・最終的な画像サイズが小さすぎる

または

・求めている画像サイズに対してデザインが細かすぎる

のだと思います。

--Yamonov
Takahiro_M
Participating Frequently
May 6, 2018

解像度を高めにして書き出した画像、サイズが大きくなっていました。

つくった画像のサイズが小さすぎたのですね。

色々とご教示いただき、ありがとうございました。

Yamonov
Legend
May 5, 2018

書き出しメニューを使用し、背景を透過したい…ということは、WEBで使われるのですよね?

書類を別名保存しておき、

  • ファイル>ドキュメントのカラーモードをRGBに変更
  • 編集>プロファイルの指定で「sRGB IEC61966-2.1」を選択
  • ファイル>ドキュメント設定で「単位」をピクセルに変更
  • アートボードサイズをWEBで使用するサイズに変更
  • 表示>ピクセルプレビューをオンにする
  • オプションバーのピクセルスナップオプションを表示して全てチェックオン↓

ここまでやっておいて、ピクセルになっている様子を確認しながらロゴサイズをうまく調整すれば良いかと。

書き出し時に、今72ppiとなっているところに1と入れれば72、2と入れればRetina対応の2倍サイズでpng書き出しできます。

※もっと簡単にできる方法もあると思いますが、きっちりプレビューしながら作れる方が良いかと。

--Yamonov
Takahiro_M
Participating Frequently
May 5, 2018

丁寧なご説明、ありがとうございます。

はい、webサイト制作の一環としてロゴタイプ を作成する過程での質問でした。

試行錯誤する中で、書き出しの際の解像度を高めに設定することで、改善されました。

ご提示いただいた手順も試してみたのですが、

「表示>ピクセルプレビューをオンにする」の時点で画像がかなり荒れてしまい(※)、

オプションバーのピクセルスナップオプション」も見つけられませんでした。

※部分について、illustratorで編集している時点で画像が荒れてしまうということは、

書き出し以前の問題なのでしょうか?

編集部分はW:33px、H:15px程度で小さめではありますが。。

Yamonov
Legend
May 5, 2018

「形式」にビットマップファイル形式のPNGを選んでいるからです。

SVGやPDFを選べばベクターで書き出せます。が、見たままで書き出せる保障はありません。

ビットマップにしないで書き出したい理由はなんでしょう?(これが大事かなと思いますので回答お願いします。

--Yamonov
Takahiro_M
Participating Frequently
May 5, 2018

ご回答、ありがとうございます。

ビットマップだと画質が粗くなってしまうからです。

また、背景を透過した状態で書き出しをしたいので、pngを選んでいました。