Inkscape - 이미지와 패턴을 rect로 사용할 때의 품질 저하 <image>

그래서 기본적으로 두 가지 버전의 png 이미지를 사용합니다. 먼저 Inkscape에서 열어 svg로 저장하고, 두 번째로는 "패턴으로 변환"을 클릭 한 다음 svg로 저장하십시오.Inkscape - 이미지와 패턴을 rect로 사용할 때의 품질 저하 <image>

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

이 같은 초 : : 파일이 같은 첫 번째 외모 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.7MB에서 1.3MB로 줄어 듭니다. 왜 이런 일이 생길까요? 어떻게 이것을 피할 수 있습니까?

출처

2017-12-12 Mircode

이미지의 크기와 관련이있을 수 있습니다. 두 번째 변환 후 두 파일의 픽셀 크기가 같은지 확인 했습니까?

내게 약간 이상한 점은, 그래픽 기반 그래픽을 위해 설계된 Inkscape를 사용하여 픽셀 기반 이미지를 벡터 그래픽의 형식으로 다시 변환하고 다시 사용한다는 것입니다. .

출처

2017-12-12 22:46:50 Gunee

좋은 아이디어! 하지만 결과는 같은 크기입니다. 여기서 내가하는 일을 볼 수 있습니다 : https://stackoverflow.com/questions/47714939/workflow-for-creating-animated-hand-drawn-videos-encoding-difficulties 나는 칠판 배경으로 png를 가지고 있으며 칠판 패턴으로 경로를 사용하여 스폰지로 분필을 지우는 것처럼 보이게하십시오. – Mircode

https://stackoverflow.com/questions/11293026/default-background-color-of-svg-root-element에서 볼 수 있으므로 svg에서 검정색 배경을 직접 설정할 수 있습니다. – Gunee

사실, 내 애니메이션에서 깜박 거리는 부분이 어디에서 왔는지 이제는 결국 대신 패턴이있는 모양을 사용하여 문제를 해결할 수 있습니다. 그래서 그것은 모두 아주 조금 흐리게됩니다. 그러나 나는 항상 내가 불완전한 해결 방법으로 해결했다는 것을 알게 될 것이다;) – Mircode

Inkscape - 이미지와 패턴을 rect로 사용할 때의 품질 저하 <image>

답변

관련 문제