みんなのお仕事相談所

「みんなのお仕事相談所」では、ユーザーさまのご依頼の相場や製作期間、
契約書やお金に関する悩みを気軽に相談できるQ&Aコミュニティです。
違反案件についてはよくある質問の「【共通】違反のお仕事とは」をご覧ください。
また、違反報告についてはよくある質問の「【共通】違反報告とは」をご確認ください。

受注者からの相談
その他(仕事)に関する相談

PNG保存について

解決済
回答数
6
閲覧回数
3252
すぐ知りたい!  : すぐ知りたい!

よろしくお願い致します。イラストレ-ターでマークを作成しそこからPNG形式に保存するときに、PNG-8で保存していましたが、PNG-24に保存を変えました。その後、それをPNG-8に戻して保存したところ、写真でみましたら画像のふちにしろい線」が見えるようになってしまいました。どうしたらいいかわかりません。教えていただけないでしょうか。よろしくお願い致します。

2017年11月21日 18:51

ベストアンサーに選ばれた回答

D-SAMさんからの回答

umekaさんが主にされているロゴデザインの仕事を前提とします。
納品形式がJPG、PNGが指定されている場合のあくまでも私のやり方ですが。
1. イラストレータのA4のアートボードに収まるサイズでデザインします。
2. 背景なしの状態で、フォーマットPhotoshop(PSD)、カラーモードRGB(またはグレースケール)、高解像度(300ppi)、アンチエイリアスあり、で「書き出し」ます。
3. それをフォトショップで開き、「カンバスサイズ」「切り抜きツール」を使って適度な余白とキリの良いピクセルサイズに整えます。
4. 白(反転用ロゴの場合は黒)の背景レイヤーを作り、原本として保存しておきます。
5. JPGの場合は最高画質で「別名で保存」、PNGは背景を付けずに「別名で保存」。
※ここでは「Web用に保存」は使いません。レイヤーを残したりの自由度がないのと、色域が少なくなる気がして。

JPGは圧縮率は高いですが再保存の度に画像が劣化していくので、最終書き出しで選ぶフォーマットです。
GIFは劣化せず、データも軽いですが、最大256色しか使えず、色数の多い画像には向きません。逆に色数の少ない画像はきれいでデータも極めて軽くできるので通信速度の遅い時代には重宝されましたが、今後は使われなくなるようです。
PNG-8はGIFの256色と同等で代替となるフォーマットですが、どちらも透明度の階調が付けられないので使う場所(背景)が限定されます。(透明部分がなく、色数が少ないものには有効)
PNG(-24)はフルカラーとなり、透明度にも階調が使えるので万能となります。

参考になれば。

2017年11月23日 17:18
相談者からのお礼コメント

 D-SAMさんへ
 各々の質問にご丁寧な回答をありがとうございます。新しく知ることもあり、他の人がどいう風なやり方をしているのかや形式の特徴も知ることができました。一参考とさせて頂きたいと思います。私事に貴重な時間を割いて下さり、本当にありがとうございました。

2017年11月24日 13:15

すべての回答

kacbさんからの回答


イラレのデータで PNG8で保存したらいいのではないでしょうか?

2017年11月22日 00:09
D-SAMさんからの回答

フォトショップで変換してるのですよね?
PNG-24はモードがインデックスモードになっているので、
一旦RGBモードにしてからPNG-8で書き出してみてはどうでしょう?
私のフォトショップは古い(PNG-8が選べない)ので確認できませんが。
ダメだったらごめんなさい。

2017年11月22日 01:06
相談者コメント

 kacbさん、DーSAMさん、見ていただいてありがとうございます。説明不足ですみません。イラレのデータをWeb用に保存からPNG-8で保存していました。PNG形式の保存にPNG-24がいろいろなところに使いやすいとありましたので、これにしてみました。ところが、これで保存するとカラー以外のバックが黒くなってしまった(ピクチャでの画像)ので、PNG-8のほうがいいと思い(何度か使った後)戻して保存しました。ところが写真で見たところ(バックは黒い)、前に保存していたときにはきれいな画像が出ていたのですが、今回からカラー画像(マークやフォント)のふちに白い線がつくようになりました。保存するときの設定を変えた記憶はないのですが、触ったということもあるかもしれませんが、どうしてこうなってしまったのかが、わからないでいます。分かる方おられましたら、よろしくお願いいたします。

2017年11月22日 13:07
kacbさんからの回答

考えられるのは もとデータが、アートボードにぴったりにつくられてなくて、ずれた状態で保存した場合、

以下の設定の仕方で、原因となっているのかもしれません。
どれか1つかもしれないし、いくつかの指定が、条件にあってないのかもしれない。

保存の画面で
透明部分にチェックの有無
マット白指定、もしくはブラック、無指定のデフォルトの色がある
アートボードサイズでクリップの有無
アートボードの背景が白になっている、透過させている の違い


とりあえずは、アートボードと作成ファイルにズレがないかみてからですね。

2017年11月22日 17:11
D-SAMさんからの回答

おそらく、
1.以前使っていた時はPNG-8で、マット「なし」で書き出していた。
2.PNG-24に切り替えた時に、なぜか「透明部分」のテェックが外れ、マットが「黒」に設定された。
3.PNG-8に戻した時に、マットが「白」に設定された。
といういきさつが考えられます。
PNG-24で「透明部分」テェックで書き出すのが一番きれいですのでお勧めします。

2017年11月22日 18:42
相談者コメント

 kacbさん、D-SAMさん、私事に時間を割いて頂きありがとうございます。お考えを確認しながら、マット「なし」でPNG-8で保存したところきれいになりました。またPNG-24に変えて保存したところ、ピクチャの表示のバックもPNGー8と同じ白になりました。本当に色々ありがとうございました。ご無理をおかけしますが、納品の場合についても教えて頂けないでしょうか。PNG形式はPNG-24で保存。JPG形式、GIF形式できれいな画像の保存の方法を教えて頂きたいのです。お手数をおかけしますが、よろしくお願い致します。

2017年11月23日 10:39
D-SAMさんからの回答

umekaさんが主にされているロゴデザインの仕事を前提とします。
納品形式がJPG、PNGが指定されている場合のあくまでも私のやり方ですが。
1. イラストレータのA4のアートボードに収まるサイズでデザインします。
2. 背景なしの状態で、フォーマットPhotoshop(PSD)、カラーモードRGB(またはグレースケール)、高解像度(300ppi)、アンチエイリアスあり、で「書き出し」ます。
3. それをフォトショップで開き、「カンバスサイズ」「切り抜きツール」を使って適度な余白とキリの良いピクセルサイズに整えます。
4. 白(反転用ロゴの場合は黒)の背景レイヤーを作り、原本として保存しておきます。
5. JPGの場合は最高画質で「別名で保存」、PNGは背景を付けずに「別名で保存」。
※ここでは「Web用に保存」は使いません。レイヤーを残したりの自由度がないのと、色域が少なくなる気がして。

JPGは圧縮率は高いですが再保存の度に画像が劣化していくので、最終書き出しで選ぶフォーマットです。
GIFは劣化せず、データも軽いですが、最大256色しか使えず、色数の多い画像には向きません。逆に色数の少ない画像はきれいでデータも極めて軽くできるので通信速度の遅い時代には重宝されましたが、今後は使われなくなるようです。
PNG-8はGIFの256色と同等で代替となるフォーマットですが、どちらも透明度の階調が付けられないので使う場所(背景)が限定されます。(透明部分がなく、色数が少ないものには有効)
PNG(-24)はフルカラーとなり、透明度にも階調が使えるので万能となります。

参考になれば。

2017年11月23日 17:18
D-SAMさんからの回答

CC使ってる人は、きっともっと効率のいい手順が使えるのでしょうね。
バージョンが古いのを忘れてました。
すいません、参考にならずに。

2017年11月23日 23:27
不安や疑問に真摯に向き合い改善につとめます クラウドワークス安心安全宣言