2026-03-02

jpgに0.1mmの枠をつけたいのに、線が消えてしまうとき/Illustrator






91mm×55mmの名刺サイズに、0.1mmの黒い枠をつけたJPGを書き出したい!
なのに枠が消えたり、グレーになってしまう! という時の、無理やりの対処法をご紹介。


事の経緯



名刺サイズに0.1mmの黒枠をつけたjpgを作りたいんだけど、枠が消えてしまう! と言われました。



単純に解像度が足りないんじゃないですか? と350dpiに解像度を上げてもらったものの、フチがグレーになるのが気に食わないようです。
しっかり均一な黒にしたいとのこと。



やったこと



1.アピアランスパネルから「線」をクリックし、線の位置を「内側」にする



91×55mmの枠を書いていた場合、線の位置を「中央」にしていると、半分はみ出て0.05mmの線になってしまいます。
0.1mmの線にしたいときは、線の位置を「内側」にしておきます。



これだけで線が消えてしまう問題はある程度解決できます。

が、縦と横で線の色が違うのが許せない。
グレーの部分がない線にしたい、とのご要望。



2.書き出し設定時に「アンチエイリアス」を「なし」にする



線のグレー部分は、アンチエイリアス(ギザギザを滑らかにする機能)が働いているせいなので、思い切ってアンチエイリアスを「なし」にしてあげます。





グレーの部分が消え、黒だけのくっきりした線が引けました。

しかし、アンチエイリアスをOFFにすると、当然のことながらギザギザが目立つようになります。
細い線も太く見えたり。



しかし、サイズが小さいからそんなに気にならない。枠がしっかり黒ければそれでいい、ということで、コレでOKのようです。
いいのかよ……(´・ω・`)

そもそもなんでアンチエイリアスの結果が変わる?



そもそも、同じ太さの線なのに、右上と右下でなんでアンチエイリアスのかかり方が変わるのでしょうか?


jpg画像は、ピクセルと呼ばれる四角いドットが、縦横並んで画像ができています。
350dpiで作成した画像は、横に1254個、縦に758個のピクセルを並べて作った物です。



最終結果がピクセルなので、ドキュメントの設定もピクセルに変えたいと思います。
プロパティからドキュメントの単位を「ピクセル」に変更。



すると、ピクセルのサイズが横257.95、縦155.91と端数になっていました。

これは、
「横に257個ピクセルを並べてといて。気持ち多めに!
整数しか使えないけど、258に近い257にしといて!」

と無茶な注文をされた感じです。

257か258か、どっちかしかできないのに、「257.95で! 0.95何とかして!」って言われても無理です。

その無理な処理を、「アンチエイリアス」が頑張って何とかしようとするため、変なにじみが発生してしまいます。

やったこと2



ピクセルの端数をなくしてあげます。
アートボードサイズを横258px、縦156pxに変更。



ミリメートルに直すと91.02mm×55.03mmになってしまうけれど、それこそ誤差ということで見なかったことにします(=・ω・=)



0.1mm枠の大きさも端数になっているので、同じ258×156pxに直してあげます。



ちなみに、左側の「位置」も端数になっているとにじみが発生するので、ちゃんと整数になるよう気をつけてあげて下さい。
ピクセルのものを作るときは、端数を出さないように!

枠を選択した状態で、「オブジェクト」-「ピクセルグリッドに最適化」を押しても、イイ感じに端数を切ってくれます。
他のオブジェクトもまとめて処理したいときはこっちが便利。



枠線の太さも、0.1mmの線は0.28pxなのですが……端数です。
1pxの線にしようにも、太すぎてしまいます。

1pxの線



なので、全体のサイズを大きくしてしまいましょう!

350dpiで書き出したときのサイズが1254px×758pxだったので、そのサイズにします。



オブジェクトと一緒に拡大・縮小」にチェックを入れておくと、中身も一緒に拡大できます。



いままで、258×156(72dpi)で作ってたのを、jpg書き出し時に350dpiサイズに拡大していました。
それを、最初から1254×758(350dpi)サイズで作ってあげる感じです。

拡大し終わったら改めて、周りの線を1pxにしてあげます。
350dpiのとき、0.1mmの線は1.38pxです。

1pxだと0.1mmの線よりちょっと細いけど気にしない。
ここで1.38pxと、0.38の端数まで合わせようとしたら大変なんで割愛します。

多分254dpiサイズ(950×550px)にすればいい感じかな? わかんないけど。



念のため、ピクセルプレビューでも見てみます。
メニューから「表示」-「ピクセルプレビュー」にチェック。

線を見てみると、イイ感じです。



72dpiで書き出します。
(72dpiで書き出してるけど、実際はサイズがでかいので350dpiの解像度を持っている状態)



無事、できました!!



正直、ここまでやらないでいいだろーな内容(´・ω・`)

とりあえず、ピクセルが半端だと、にじんだり消えたりしてしまうってことだけ覚えておいてください。
端数がないデータにする必要有。

0.1mmの枠をくっきりしっかりjpgにつけたいんだー! と言われたら、アンチエイリアス切って対応でいいと思う(´・ω・`)
書き出し解像度600とか1200dpiとかにすれば、ギザギザも気にならないし。

またやれ、って言われたら、次は多分アンチエイリアス切って1200dpi(600dpi)で書き出します。
(1200dpiならアンチエイリアスONにしても大丈夫でした。ファイルサイズはでかいけど。文字やコントラストが強い画像は解像度600~1200dpi欲しいってのはこれが原因か……)

サイズ調整とか、必ずどこか妥協しなきゃいけない部分が出てくるので、ほどほどのところで妥協してください。
別にいいじゃない、ちょっとぐらい線がグレーでも。見えないって(´・ω・`)

ちなみに、その書き出したjpgは、イラレに一覧として貼り付けたかったんだと後日知りました。

だったら枠なしで書き出して、

①アピアランスパネルで線0.1mmを指定し、下のFXボタンから「パス」-「オブジェクトのアウトライン」か……



②「形状に変換」-「長方形」値を追加で「0」




これで、キレイに0.1mmの枠が付けられます。

……これでよかったんじゃね……?(´・ω・`)

まぁ、枠がついたjpgも絶対に必要だというからいいんですが。

上が①、下が②


ほどほどのとこで、ある程度いろいろと妥協するのも必要だと思います。
どうしても、0.1mmの真っ黒な枠線をつけなければいけないミッションを与えられた方の参考になれば!

めっちゃ時間かかったよぉう…(´・ω・`)