2017-12-12 15 views
1

したがって、基本的には2つの異なるバージョンのpngイメージを使用します。最初にInkscapeで開き、svgとして保存し、2番目の「パターンに変換」をクリックしてからsvgとして保存します。最初のファイルに次のようになります。Inkscape - 画像をパターンとして使用してrectを使ったときの画質低下<image>

<image 
width="1280" 
height="720" 
preserveAspectRatio="none" 
xlink:href="data:image/png;base64,iVBOR..." 
id="image10" 
x="0" 
y="0" /> 

と、このような二:私はInkscapeのを使用してPNGなど、両方のSVGファイルをエクスポートする場合

<defs 
    id="defs6"> 
    <pattern 
     patternUnits="userSpaceOnUse" 
     width="1280" 
     height="720" 
     id="pattern4157"> 
     <image 
     y="0" 
     x="0" 
     id="image10" 
     xlink:href="data:image/png;base64,iVBOR..." 
     preserveAspectRatio="none" 
     height="720" 
     width="1280" /> 
    </pattern> 
    </defs> 
    <sodipodi .../> 
    <rect 
    style="stroke:none;fill:url(#pattern4157)" 
    width="1280" 
    height="720" 
    x="0" 
    y="0" 
    id="rect4160" /> 

は今、最初のものはソースと同一でありますpng、もう1つは少しぼやけてしまい、色もやや暗くなり、ファイルサイズも1.7MBから1.3MBに縮小します。なぜこれが起こるのですか?どうすればこれを避けることができますか?

答えて

0

画像の大きさに関係する場合がありますか? 2回目の変換後の両方のファイルが同じピクセルサイズであることを確認しましたか?

これは、ベクトルグラフィックス用に設計されたInkscapeを使用して、ピクセルベースのイメージをベクトルグラフィックス用に再度作成されたフォーマットに変換することが奇妙に思えます。

+0

良いアイデア!しかし、はい、結果は同じサイズです。ここでは、私が何をしているのかを見ることができます: https://stackoverflow.com/questions/47714939/workflow-for-creating-animated-hand-drawn-videos-encoding-difficulties 私は黒板の背景としてpngを持っています。黒板模様のパスを使って、スポンジでチョークを消したように見せてください。 – Mircode

+0

https://stackoverflow.com/questions/11293026/default-background-color-of-svg-root-elementを見ると、黒い背景を直接svgに設定できます。 – Gunee

+0

私のアニメーションのちらつきがどこから来たのかを最終的に見極めたところ、の代わりに常に模様付きの形を使って修正できます。それで、すべてが少しぼやけてしまいます。しかし、私はいつも不完全な回避策のために解決したことを知っています;) – Mircode

関連する問題