Adobe IllustratorでSVGを作成すると、一部のSVGフィルターが自動的にPNGに変換されるのはなぜですか?


7

PNGファイル全体をにエクスポートすると、IllustratorにあるSVGフィルターの一部が自動的に変換されるのはなぜですかSVGPNGスケーラビリティのため、隠しファイルは必要ありません。

別の言い方をすると:

ベクターファイル形式のベクターアプリケーションで作業しているにもかかわらず、作成したエフェクトの一部がラスタライズされるのはなぜですか?


問題のオブジェクトの外観パネルの最後にSVG効果が表示されていることを確認してください。他の影響はありません。
cclark413 14

コメントをありがとう。私は試しましたが、それでも同じ問題があります。(外観パネルの)使用したい効果の下で私が持っている唯一のことは、明らかに移動できないその不透明度です:/
hello_jo

1
このアートは100%ベクトルですか?テクスチャや配置ファイルはなく、単一の不透明度のみが適用されていますか?
horatio 14

はい、100%ベクトルです。多くのレイヤーがありますが、他のファイルからは何も配置されていません。私が使用しているSVGエフェクトは「GaussianBlur4」です。この効果を持つ要素(円)は、ファイル全体が.svgにエクスポートされると.pngに変わります。つまり、内部に.pngが非表示になっている.svgファイルです。助けてくれてありがとう!
hello_jo 2014

これを回避する1つの方法は、フィルターを削除し、その後テキストエディターでsvgを編集し、フィルターをコピーして戻すことです。これは回避策ですが、他のことも最適化するため、うまくいきます。
mix3d 2016年

回答:


3

SVGは他のSVGまたは画像を参照できます。Illustrator(Illustrator CC 17.1.0)からのSVG出力をテストしたところ、グラデーション塗りつぶしのある円オブジェクトにSVG AI_GaussianBlur_4を適用すると、ファイルにSVGマークアップのみが生成されました。私はこれをやりましたが、今回はドロップシャドウを適用し、次にSVG AI_GaussianBlur_4を適用しました。コードには画像が含まれていました。2つのSVGフィルターをオブジェクトに適用した場合、SVGには画像が含まれていました。

これに基づいて私は言うでしょう:

  • あなたのファイルが含まれている場合は任意の SVGフィルターではありません効果を、そしてあなたは、ファイルに埋め込まれた画像で終わるつもりだ場所(スタイライズ>ドロップシャドウやPhotoshopのフィルタのいずれか)を取るためにラスタライズが必要です。
  • ファイル内のオブジェクトに複数のSVGフィルターが適用されている場合、画像は埋め込まれます。

私は、1つまたは2つのことが当てはまると推測します。

  • Illustratorが使用するSVGプラグインは、アートワークをチェックアウトしてラスタライザに渡すだけで、オブジェクトに複数の影響が発生するたびに.pngを要求します。
  • アートワークの外観を維持するために、特にブラウザーのバリエーションを考慮して、Illustratorは、特にSVGではない、または複雑でブラウザーの違いが考慮されていないためにレンダリングが悪くなる可能性のあるオブジェクトをラスタライズします。

テストする:

  1. 新しいファイルを作成し、その中に単一のオブジェクトを描画します

  2. オブジェクトが選択されていることを確認してください

  3. エフェクト> SVGフィルター…> AI_GaussianBlur_4を選択します。

  4. [ファイル]> [保存]を選択します

  5. [フォーマット]プルダウンでSVGを選択します

  6. 保存をクリックします

  7. SVGコードをクリック…

  8. これにより、SVGマークアップを含むテキストファイルが開きます。埋め込み画像はありません。

  9. Illustratorに戻り、[保存]ダイアログをキャンセルします。

  10. AI_GaussianBlur_4を元に戻す

  11. 効果>スタイライズ>ドロップシャドウ…を選択します。

  12. デフォルト設定を受け入れる

  13. [ファイル]> [保存]を選択します

  14. [フォーマット]プルダウンでSVGを選択します

  15. 保存をクリックします

  16. SVGコードをクリック…

  17. これにより、SVGマークアップを含むテキストファイルが開きます。画像が埋め込まれます

この方法を使用して、フィルターとオブジェクトのさまざまな組み合わせを行いました。私のノート:

  • 単一のオブジェクトへのスタイライズとSVGフィルターの両方=埋め込み画像
  • 1つのオブジェクトに適用される2つのSVGフィルター=埋め込み画像
  • 2つはオブジェクトAに適用され、もう1つはオブジェクトBに適用される2つのSVGフィルター=いいえ埋め込み画像
  • 3つのSVGフィルター、1つはオブジェクト1に、2つはオブジェクト2に適用=埋め込み画像

また、2つのオブジェクトが重なっている場合、他のオブジェクトを完全に解決できないと、Illustratorがラスタライズする必要がある場合もあります。
joojaa 14年
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.