QRコードの大きさ、解像度について
リンクをクリップボードにコピー
コピー完了
印刷物でQRコードを配置したいです。
QRコードを1.5センチのものを配置するためフォトショップでイメージ→画像解像度から幅と高さを1.5センチにして解像度を300に設定しjpeg保存しましたがイラレで配置すると大きいです。
どのように操作したらいいでしょうか?
よろしくお願いします。
リンクをクリップボードにコピー
コピー完了
実際にどのようにサイズ確認されたのでしょうか。
また、ビットマップ画像、特にJPEG処理するとなるとノイズも入るので、QRコードの精度としては落ちることになるので、Illustratorでの利用であれば、プラグインとして入手できる、QR Code Makerなどで生成したほうが良いとは思います。
リンクをクリップボードにコピー
コピー完了
返信ありがとうございます。
サイズ確認はどの段階のものでしょうか?
ではお客様からQRコードを画像でもらうのではなくURLをいただいてこちらでQRを生成するということでしょうか?
リンクをクリップボードにコピー
コピー完了
サイズ確認はIllustratorで配置した際の変形パネル等での数値サイズです。
1.5cmでの作成なので、本来は配置時点でそのサイズにはなるはずです。
ただ、QRコードは原則としてセルのサイズで決めるものなので、密度というわけではないところがあります。
またQR Code Makerであればベクターでの生成になるので、URLを預かってそこから生成が無難だとは思います。
リンクをクリップボードにコピー
コピー完了
イラレで配置した段階で明らかに1.5センチより大きかったです。
フォトショップでの操作に何か原因があるのかと考えています。
今回すでに画像での提出をお願いしており、なかなか返信がこられない方なので改めてURLをお願いするのが心苦しく、今回は画像でやりたいと思っています。
なのでフォトショップで解像度300を保ちつつ1.5センチにする方法があれば教えていただきたいです。
リンクをクリップボードにコピー
コピー完了
QRコードをそのようにPhotoshopでリサイズしてはいけません。
セルが壊れます。絶対にやってはならないことをされています。
どうしてもPhotoshopでやりたいなら、「再サンプル」をニアレストネイバーにした上で600ppi以上を設定してリサイズしてください。
貰ったQRデータまで戻ってPhotoshopではカラーモードを適切に変えるだけにして、Illustrator上で拡縮してください。
白黒の、四角いセルでできているならモノクロ二階調かグレースケール、
カラーだったり、インスタのQRなどの丸いセルならCMYK
にするだけにし、画像解像度等は一切いじらずにIllustratorに配置して、そこで大きさを変えてください。
配置する大きさは、
「印刷する方式で■形状を安定して保てる大きさ×セル数」にし、周辺にはそのセルサイズ×4つ分のマージンを確保します。
オフセット印刷なら0.3mmを最低とします。
Yamonov
リンクをクリップボードにコピー
コピー完了
実際にどのバージョン・配置手順・サイズがどうなのかが気になるところです。
当方の環境(Windows 11+Ps 26.3+Ai 29.3)で確認した限り、配置メニューでリンク配置したところ、14.986 mm四方で配置されました(pt/mm換算影響があるのでこうなります)
またQRコードがあればそれで実際にURLは取得できるかと思いますので、それこから対応ではどうでしょう。
読み取りについてはできるだけの確実性を持たせる方が重要になるとは思います。
リンクをクリップボードにコピー
コピー完了
作業者側で新規生成を勧めるのは止めた方がよいでしょう。
短縮URL→最終URLなどサービスを経由していたり、URLに埋め込まれたトラッキングコードを削除してしまったりした場合、作業者でやってしまった責任は非常に大きなものになりますので、顧客との連絡が密にできなさそうに見える今回のような場合は危険だと思います。
Yamonov
リンクをクリップボードにコピー
コピー完了
画像のカラーモードは何を使っていますか?
画像での配置の際はIllustrator上で印刷の際に網に落ちないようなデータ処理が必要です。
JPGを用いている時点でアウトで、セルの回りにブロックノイズが生じて白黒の境目が網点で構成されてしまいます。
再サンプル等はする必要が無く、黒一色であれば解像度等はにせずにモノクロ2階調の画像にします。その際は1セル1ピクセルになっていても全く問題ありません。というか1セル=1ピクセルに対応している方が取り扱いとしては安全です。
そうした画像をIllustratorに配置して目的のサイズに調整すればOKです。
ちなみに、以下のの画像がそういったワークフローに適した画像の状態です。ベタで着色する限りエッジが網点になったりといった事が起きません。
リンクをクリップボードにコピー
コピー完了
画像はフォトショップでモノクロ2階調にしました。
フォトショップで解像度などを変更する必要はないということでしょうか?
リンクをクリップボードにコピー
コピー完了
以前、印刷会社につとめていた方に、QRコードはjpegで配置するように言われたのですがなぜjpegはダメなのでしょうか?
どのファイルで保存し使用すればいいのでしょうか?
リンクをクリップボードにコピー
コピー完了
その印刷会社に勤めていた方はかなり間違ったことを教えていますね。
理由はすでにten_aさんが書かれています。
>JPGを用いている時点でアウトで、セルの回りにブロックノイズが生じて白黒の境目が網点で構成されてしまいます。
また、モノクロ2階調のままJPEG保存すること自体できません。
PSDやTIFF形式で保存してください。
Yamonov
リンクをクリップボードにコピー
コピー完了
こういう感じでしょうか? これはPhotoshopから「Web用に保存」でJpeg書き出ししたものをIllustratorに配置したものです。
この通りであれば、原因は「Web用」としたことにより解像度72ppiが優先されたためです。
わかるような計算をすると、
300ppiで15mm、
これがピクセル数不変で72ppiになると 寸法が 300 / 72 = 約4.167倍
15mm × 4.167 = 約62.5mm
というかんじです。
「Web用に書き出し」、「書き出し形式...」すべて強制的に72ppiとなります。
この場合は「別名で保存」でJPEG形式を選びましょう。
Photoshopでのサイズ調整は、やるなとは言いませんが、「画像解像度」の「再サンプル」のチェックは必ず外してください。QRコードのセル境界がぼやける原因となります。
リンクをクリップボードにコピー
コピー完了
書き出し→書き出し形式からjpeg保存しました。
QRコードはフォトショップでモノクロ2階調にだけしてjpeg保存し
イラレ上でサイズ変更した方がいいということでしょうか?
解像度は300~350でと教わったのですが解像度はフォトショップ上で変更した方がいいでしょうか?
リンクをクリップボードにコピー
コピー完了
解像度300~350は、写真などの色階調を持つ画像の、一般的な目安としての密度数値ですから、今回の件には当てはまらないところです。
QRコード自体の規格や仕様を公開しているサイトもありますので、そのようなところの目通しも必要になってきます。
(読み取るカメラ自体がそれなりに性能高くなったので結構読み取れることはあるんですが、あらゆるデバイスへの考慮となると厳格化が必要です)
https://www.qrcode.com/howto/cell.html
https://www.keyence.co.jp/ss/products/autoid/codereader/basic2d-qr-types.jsp
リンクをクリップボードにコピー
コピー完了
ありがとうございます。
QRコードはモノクロ2階調だと解像度は変更しなくていいのですね。
リンクをクリップボードにコピー
コピー完了
別名で保存しようとするとjpegが出てこないのですがどれを選べばよいでしょうか?
リンクをクリップボードにコピー
コピー完了
ああ、失礼しました。バージョンで異なる箇所となりますが、
環境設定 > ファイル管理 > 従来の「別名で保存」を有効にする にチェックを入れると出ます。
もしくは、「コピーを保存」で代用してください。
その他のことも少し書き加えます。
Jpeg形式は、ファイル容量の軽さと汎用性が強みなのですが、ファイル容量を小さくするために品質を犠牲にします。写真などはある程度なんとか見られる場合が多いのですが、QRコードのようにキッチリしていないといけない物については悪手としか言いようがないのです。
モノクロ2階調にしたことで、「真っ白」と「真っ黒」だけの画像になりましたね。
それをJpegで書き出して、Photoshopで開き直してみてください。
そして、目一杯ズームしてみてください。
白と黒の境界にグレーが出ていませんか?
くわしくは「非可逆圧縮」で検索してみてください。
QRコードなどの、劣化しては困る種類のものは「非」のついていない「可逆圧縮」のファイル形式を選択するべきなのです。
先方からJpegを指定されてしまった上では仕方ありませんが、せめて品質を最高にしましょう。
また、「解像度300〜350」は、写真やイラストなどの場合の目安に限定してください。
線画(真っ白、真っ黒だけの画像)のたぐいでは全然たりません。1200は欲しいところです。
>イラレ上でサイズ変更した方がいいということでしょうか?
その通りです。
Photoshop上の「再サンプルあり」のサイズ変更については「ピクセル補間」が行われます。QRコードなどでは、行ってはいけないという認識でよいです。
リンクをクリップボードにコピー
コピー完了
追記ですみません…
>印刷物でQRコードを配置したい
印刷物で、ですね。
先に挙げた「Web用で保存」と「書き出し形式...」どちらも書き出し結果は強制的にRGBとなります。なので、使わないでください。指定された通りJpegでやらなければいけない場合、「別名で保存」の一択です。
リンクをクリップボードにコピー
コピー完了
ありがとうございます。
設定しなおしたのですが別名で保存からjpeg保存ができず、書き出し形式からjpeg保存ができるのですがそちらでよろしいでしょうか?
他の方が回答してくださっていますが、QRコードは解像度を気にしなくて良い?のでフォトショップでは解像度を変えずjpeg保存してイラレに配置し、好みの大きさに変えるといった手順でよろしいでしょうか?
リンクをクリップボードにコピー
コピー完了
jpegを使用するなとおっしゃっている方がいるのですがイラレで配置するのはどのファイル形式がよいですか?
リンクをクリップボードにコピー
コピー完了
JPGを使っては行けない理由は先に書いたとおり網点に落ちてしまうからです。そのためエッジがシャープになりません。もとよりJPGはモノクロ2階調をサポートしません。
QRコードに限らずモノクロ2階調の画像はJPGを使ってはいけません。TIFFかPSDを使いましょう。

