デザイン・イラストのお仕事を募集中!→ココナラを見る

イラレに配置したとき小さくなる謎【完全に理解した】

Illustratorに配置した時に画像が小さくなる現象について、しっかり調べて完全に理解したのでご報告します。おそらく、配置時にサイズが小さくなる理由を理解した記事は日本語のサイトでここだけです。是非最後まで読んでみてください。デザイナー仲間にドヤできるトリビアです。

以前から気にはなっていた

先日自分で作った素材画像をAdobeのIllustratorに配置していた時にふとモヤモヤしました。

以前からなんとなく気づいていはいたのですが、画像をIllustratorに配置したらなぜか、本来のサイズが違うサイズになる事が急に気になりだしました。今までは自分で素材を作って自分で素材を使って完結していたのでなんとなく、サイズが変わってもあまり気にしなかったです。「配置のやり方間違えたかな?」と。

今は素材を他の方に渡す機会が多くなり、配置時にサイズが小さくなる現象を「よくわからない」では済まされないと思えてきました。「変な素材を渡された」や「お客様の使い方が悪いんだ」なんていうすれ違いは絶対に避けなければいけません。この現象をしっかり理解しなければいけないということで検証したり色々調べました。

解像度の違う素材を準備

検証するために大きさは同じで、解像度の違う素材を2つ用意しました。サイズは900px、解像度は300と、72ppi。

普通サイズが同じなのだから、Illustratorに配置しても同じ大きさに配置されるはずです。しかし、そうではないですよね。

自分なりに仮説を立てた

解像度はいわばドット。Illustratorには見えない解像度のグリッドがあって、きっと画像の解像度の細かさで大きさを判断し、表示させているのでは?と予想しました。300ppiは粒が多いから大きく配置される。一方72ppiは粒が少ないから小さく表示される。

………はず。

実際に画像を配置してみた

サイズ900pxで、解像度はそれぞれ300ppiと72ppiの画像を配置してみました。すると、解像度の低い72ppiが大きく表示される。なぜ…?

みなさんが画像が小さくなる現象に悩まされているのは左の300ppiの画像。サイズは900pxだったのに216pxになっている。小さくなっている。理解できない………。

外部サイトで調べた

結局自分だけの予想や調べでは理解できませんでした。あきらめて他の方のサイトや知恵袋などに行きましたが、「理由は分からない」や「リンク情報の変形が100%であれば原寸」など説明の弱いものばかりで、明確に理由を教えてくれるところはありませんでした。

結局日本語サイトに答えがなかったので、英語サイトに飛びました。海外の方も配置時のサイズが小さく現象に疑問をもっているようで、議論している。そこで、ようやく納得できる答えがありました。

配置時にサイズが小さくなる現象を私なりに理解したので噛み砕いてお教えします。

フォトショとイラレの認識の違い

Photoshopで作った高解像度の画像をIllustratorに配置すると画像が小さくなる。これはPhotoshopと、Illustratorの解像度の認識の違いです。

Photoshopは1インチを100ppiと思っています。一方Illustratorは1インチを72ppiと思っています。Illustratorが1インチを72ppiと認識している理由はおそらく、かつてのモニターが標準的72ppiだったことに起因しているようです。

フォトショとイラレのやり取りで大きさが変わる

Photoshopで作った画像は900pxの300ppiで3インチ。それをIllustratorで開くと3インチは72の3倍の大きさということで216pxになるということです。高解像度であるがゆえに、Illustrator配置時に小さくなってしまい、72ppiなら原寸で配置できる。なんか変な話ですよね笑

イラレも理解はしている

Illustratorの配置時の小さくなる現象は、勘違いです。ですが、Illustratorも画像の正しい寸法は理解しているようです。【 リンク > リンク情報 】から画像の情報を見ることができます。

Illustratorが画像の配置時に高解像度の画像を小さくしてしまうのは、「72ppiいいよね~、黎明期最高!」って感じでしょうか。

正しい大きさで表示するには

小さくなる現象はバグや配置の間違いでもないと理解できるとスッキリしますね。小さく配置されてしまった画像はしょうがないので手作業で原寸にしてしまいましょう。

変形のW(幅)か、H(高さ)で正しい数値を入力してください。それでOK!

まとめ

長年見て見ぬ振りをして放置していた現象を理解することができました。これからはイラレさんの天然を理解して手作業で寸法変更しようと思いました。

皆さんはどうでしたか?深堀りしてみたら結構面白い話でしたよね。他のデザイナーさんにもこの話してちょっとだけドヤァしてみてください。

3 Comments

いーだ

謎が解けてすっきりです。
大変参考になりました。
サイトも素敵で読みやすかったです。
ありがとうございました!

返信する
サンダル電話

もうめっちゃ助かりました!!
とても分かりやすく解説して下さりありがとうございます!

返信する

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です