フォトショップの画像をイラストレーターに移行すると縮小されるのはなぜ？

質問

お世話になります。
フォトショップで写真の編集等は行えますが、イラストレーターは全くの素人です。フォトショップで作った画像にイラストレーターで文章を綺麗に入れたいのですが、データー移行がうまくいかず悩んでいます。
フォトショップで画像解像度300で作ったpsd画像をイラストレーターで開くと、すごく小さく表示されています。過去の同じような質問では、イラストレーターのサイズはmmだから、というようなことが書いてありましたが、イラストレーター側の画像をjpegで保存し、フォトショップで見てみると、元は同じ画像だったはずなのに解像度が72になっています。
おそらくこの解像度が違うせいで、縮小されてしまっていると思うのですが、どこをいじれば直るのかが分かりません。
ただ同じ大きさで写真を編集したいだけなのです。
どなたか、ご回答宜しくお願い致します。

回答No.7

noname#107580 · ベストアンサー

サイトでID for Weblifeを確認しました。

Flashサイトだったんですね～。
ですと解像度が関係ある可能性があります。
ステージに直接開くと解像度が適応されます。
ライブラリに読み込んでからステージに配置するとピクセルサイズになります。

この辺の理由は忘れましたが、これはWebの場合本当に特殊な例なのですが、このID for Weblifeというソフトは直接配置される仕組みになっているのだと思います。

＞このソフトはフラッシュが奇麗に使えるので買ってみました。

お持ちなのですね・・。
もしFlashと同じだったら・・のことなのですが、試してみて下さい。

1000×542で解像度を３００にする・・ということは、実際のサイトでの表示サイズは240×130にしたいということです。

＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋

まず、1000×542ピクセルの画像をPhotoshopの画像解像度で『画像の再サンプル』にチェックをいれたまま【解像度】を７２にします。

ピクセル数が240×130になります。
（いままでよりかなり小さい状態です）

それをpsd(Photoshop形式)で別名で保存します。

それをイラストレータで開きます。

文字入れします。

そのままWeb用に保存で最高画質（１００％）で書き出します。
（解像度は72のままになっていますよ・・）

これをID for Weblifeに読み込んで解像度300で読み込んだ物と比べてみてください。

Flashと同じでしたら大きな物を縮小表示するよりも原寸で作業した方が滲みがないはずです。

これでダメでしたらID for Weblifeの仕組みが分からない私にはアドバイスは無理です・・。

前回の２回のアドバイスはWebの世界の一般的な話ですので、今回は当てはまらないかもしれません・・。

お礼

なるほど。
いろいろ試してみます。
IDからは、原寸よりも大きいサイズで作って縮小するほうが、
比較的きれいと言われたのですが、どうも作り難いし、
基本はhtmlで、必要な部分だけ（スライドショーなど）IDを使うという風に切り替えることにしました。いずれにしても、イラストレーターは使うことになると思うので、アドバイス、参考にさせて頂きますね。たびたびご親切にご回答いただきありがとうございました。

回答No.8

noname#235092

最終的に画像として保存するのでしょうか？
でしたら、Illustratorで文章を完成させておいて、それをPhotoshopで開いた作成済みの画像にペーストするのが普通だと思います。

何をしたいのかイマイチ理解出来ていないのでなんとも言えませんが。

お礼

ご回答ありがとうございます。最終的にはjpeg保存なのですが、イラストレーターで文字を作っても、それをフォトショップで作った画像にペースト、そこから保存にするとピクセルで保存することになってしまい、せっかくイラストレーターで作っても意味が無くなってしまう、と言われました。なので、フォトショップ→イラストレーター、という形式にこだわっていたのですが・・・
そのやり方で出来れば、早いですよね。いろいろ試してみたいと思います。ありがとうございました。

回答No.6

noname#107580

え～・・

＞自動的にWeb用に圧縮されてしまうので、画質が粗くなるのを防ぐために、実際よりも大きい画像で(本来は765×415ピクセルのところを1000×542)作成し、画像解像度も300にするよう指示されました。

これはクライアント様からの指示でしょうか？？
はっきり言わせていただくとまったく意味のないことです。

先ほども説明しましたが画像解像度とは『どの位の密度で印刷するか』という指示にすぎません。1000×542ピクセルの画像でしたら300にしようが72にしようがブラウザには1000×542で表示されます。
＊プログラムによって表示サイズを変えることは出来ますが、それで小さくしても画質は良くなりません。
ただ重くなって観覧者に不便な思いをさせるだけです。
Webサイト用の画像に解像度は関係のない話です。

＞300を72に変更しても、サイト上で見る限り画質が悪くなったりすることはないということでしょうか？

ありません。解像度を変えても画像の質はまったく同じです。

＞それをそのままイラストレーターで開き、文字を入れた後でJPEGで保存するように言われた

＞写真だとそれほど気にならないのですが、自動的に圧縮がかかってしまうためか、文字が鮮明に映らないのです。

文字が鮮明にならないのはJpegだからです。

試しにGifで書き出して見てください。
文字は鮮明になりますが、写真が滲んでしまいます。

フォトショップはお持ちでしょうか？お持ちでしたらバージョンとイラストレータのバージョンを教えてください。

Photoshop７ぐらいからはWeb用の機能が充実してきてJpeg保存でも文字の部分を鮮明にした状態で書き出すことが出来ます。
Web用画像の書き出しはPhotoshop側の方が充実しています。

ただし・・

＞＞自動的にWeb用に圧縮されてしまうので、

ID for Weblifeというソフトは使ったことがないのですが、そこで勝手に圧縮されてしまうのなら、こちらでどんなにキレイに仕上げてもそこでまた再圧縮されてしまいますので文字は滲んでしまいます。

補足

早速のご回答ありがとうございます。
＞はっきり言わせていただくとまったく意味のないことです
そうなんですか！！！
なんと。
ID for weblife は、私も使うのが初めてで、今まではhtmlでサイトを作っていたのですが、このソフトはフラッシュが奇麗に使えるので買ってみました。このフラッシュに使えるのは、基本はJpeg画像、ということで、Jpegで作っています。
上記の指示は、IDの相談窓口で聞いた答だったのですが・・・私が間違って理解していたんでしょうか？？？(3回くらい聞いたけど。）
フォトショップは７．イラストレーターは９です。（どっちもだいぶ古いんですが）フォトショップの方が使い慣れているので、フォトショップで出来るに越したことはないのですが、文字を鮮明で作っても、どうしても滲んだ感じで出てしまいます。　
とはいえ、苦労してイラストレーターで作っても、保存段階でJpegにするにはWeb用に保存するしかないので、それだと　おっしゃるように再圧縮になってしまいます。　それなら、フォトショップで通常のJpeg保存にした方が、まだ綺麗なのかも、という気もします。とりあえず、今は先ほど教えて頂いた方法でイラストレーターで開けたので、そちらで文字入力をして文字の鮮明さを試してみているところです。
度々のご回答、ありがとうございます。助かります。

回答No.5

ohg-jiya

300ppiの画像データを作ったのには、綺麗なプリントをしたいとかそれなりの理由があるわけでしょ？　それを72ppiにしてしまってはまずいんですよね。
何を基準に小さくなるというのか分かりませんが。ただPhotoshopとillustratorの表示単位の違いによるものではないでしょうか。Photoshopでその画像を開いてイメージ→解像度のダイアログを開いてください。そこのドキュメントの項に縦横のサイズが出ていますがその単位をmmにすれば、そのサイズがデータサイズです。
illustrator側も単位をmmに統一すれば、同じサイズであることが確認できるはずです。
illustratorで思ったより小さいことが確認できたら、画像を作りなおすしかありません。Photoshopでむりやり拡大してしまったり70ppiにして拡大しまうと、せっかくの300ppiの持つ精密さが失われます。
最終的にどういう目的のデータかわかりませんが、そういうことです。

補足

ご回答ありがとうございます。画像解像度300で作っているのは、ID for Weblife というサイト作成ソフトのためです。これだとソフトに画像を取り込む時に自動的にWeb用に圧縮されてしまうので、画質が粗くなるのを防ぐために、実際よりも大きい画像で(本来は765×415ピクセルのところを1000×542)作成し、画像解像度も300にするよう指示されました。写真だとそれほど気にならないのですが、自動的に圧縮がかかってしまうためか、文字が鮮明に映らないのです。
300のきれいな画像のまま、イラストレーターで文字を入力し、そのままJPEGで保存、というのが理想なのです。

回答No.4

noname#107580

こんにちは！

＞フォトショップで画像解像度300で作ったpsd画像をイラストレーターで開くと、すごく小さく表示されています。

画像解像度300というのは印刷するときの解像度の指示です。
ですからイラストレーターで開くと印刷されるときの大きさで開かれます。
フォトショップと同じ大きさで開けたければ、【画像解像度】で『画像の再サンプル』のチェックを外して解像度３００を７２に変更して保存して下さい。

『画像の再サンプル』のチェックを外していますのでデータは変化しません・・・ピクセル数は同じです。

印刷するときのサイズの指示が変わっただけです。

解像度を７２にしてイラストレータで開けば同じ大きさになるはずです。

＞イラストレーター側の画像をjpegで保存し、フォトショップで見てみると、元は同じ画像だったはずなのに解像度が72になっています。

同じ画像ではありません。
イラストレータで開いたpsd画像と別にJpeg保存しているわけですから・・

イラストレータのバージョンが分かりませんが、Jpeg保存するときに解像度や画質を指示するウィンドウが開きませんか？

そこで解像度を３００に指定して下さい。

補足

ご回答ありがとうございます。教えて頂いた方法でやってみたら、確かにイラストレーターでも同じ大きさで開くことが出来ました。それで質問なのですが、画像解像度300で作っているのは、ID for Weblife というサイト作成ソフトのためです。これだとソフトに画像を取り込む時に自動的にWeb用に圧縮されてしまうので、画質が粗くなるのを防ぐために、実際よりも大きい画像で(本来は765×415ピクセルのところを1000×542)作成し、画像解像度も300にするよう指示されました。それをそのままイラストレーターで開き、文字を入れた後でJPEGで保存するように言われたのですが、ちっとも出来なかったのです。教えた通りやったけど出来ない、と問い合わせても、イラストレーターのことは管轄外、と取り合ってもらえませんでした。
私の素人認識では、またIDに問い合わせた時の感じでは、画像解像度を高くしておく方が、サイト上でも画像が奇麗に映る、と思っていたのですが、今回に教えて頂いた方法で300を72に変更しても、サイト上で見る限り画質が悪くなったりすることはないということでしょうか？
写真だとそれほど気にならないのですが、自動的に圧縮がかかってしまうためか、文字が鮮明に映らないのです。

回答No.3

kabuni

まずはきちっとサイズ設定できているか確認してみましょう。

フォトショップで画像を開いたら
イメージメニュー＞画像解像度でサイズが確認できます。
一番下の「□画像の再サンプル」をクリックしてチェックマークをつけておきましょう。
ドキュメントのサイズの枠の中、単位を確認してみてください。
幅と高さはｃｍ、解像度はpixel/inchにしておきます。
解像度を300に変更したとき、幅と高さを確認してください。
希望のサイズになっていますか？
サイズを変更する場合は
一番下の「□画像の再サンプル」をクリックしてチェックマークはずします。
幅と高さを変更してください。
（このとき、サイズを大きくすることは無駄なので、もしも今より大きな画像がほしい場合は最初から大きなサイズの写真を用意する必要があります。）
出来上がった画像は「Web用に保存」ではなく、「別名で保存」で保存形式を変更、もしくは今のままでよいなら「保存」で保存します。

イラストレーターで作業する場合、
イラストレーターでファイルメニュー＞「新規」で新しい書類を作成してから、ファイルメニュ＞「配置」で画像を選びます。

こうすれば指定したサイズで開くことができると思うのですが・・・。

余談ですが、イラストレーターで作成したものはコピー＆ペーストでそのままフォトショップに貼り付けることができます。フォトショップを使い慣れていらっしゃるのならはフォトショップに貼り付けたほうがいいかもしれませんね。その場合もやはりフォトショップの画像は最初に幅と高さ、解像度を変更しておきましょう。

補足

こんにちは。ご回答ありがとうございます。
サイズ確認は出来ていると思うのですが。。。。なかなかうまくいきません。ちなみに、コピー、ペーストで出来る、とのアドバイスでそのままやってみましたが、やはりイラストレーターにペーストすると画像が縮小されてしまうのです。　やはり解像度を72に下げないとだめなのでしょうか？

回答No.2

grumpy_the_dwarf

変ですね。私がPhotoshopで作った300dpi、450 x 450pxの画像は、
Illustratorに配置すると正確に1.5 x 1.5inchになりますよ。

解像度とピクセル数から実寸が理解出来るようになれば、混乱しな
くなるはずです。

お礼

ご回答ありがとうございます。なぜでしょう・・・？
解像度とピクセル数について、もう少し勉強してみます。
ありがとうございました。

回答No.1

micikk

イラストレーターの解像度が、たしか72だったはずです。

ですので、フォトショップ上でA4サイズの画像を、イラストレーターでも
A4で使用したい場合は、フォトショップで210mm x 297mm　72ピクセルインチにすれば
そのサイズで加工できますよ！

お礼

ご回答ありがとうございます。いま、ID for Weblife というサイト作成ソフトを使っていて、それだとそのソフトに画像を取り込む時に自動的にWeb用に圧縮されてしまうのです。それで画質が粗くなるのを防ぐために、実際よりも大きい画像で(本来は765×415ピクセルのところを1000×542)作成し、画像解像度も300にするよう指示されました。なので、出来れば300で出来る方法が知りたいです。72の時は確かにそのままのサイズでした。すぐにご回答くださりありがとうございます。