알파위키:기능 도움말/벡터 이미지 업로드(비교)

* 현재 나무위키 SVG 파일 지원이 기능적으로 불완전합니다. '''{{{#red 따라서 SVG 파일을 올린 뒤 해당 이미지가 정상적으로 불러와지는지 확인할 필요가 있습니다.}}}''' [[나무위키:프로젝트/이미지 벡터화/진행 상황]] 문서의 [[나무위키:프로젝트/이미지 벡터화/진행 상황#개선이 필요한 이미지 파일|개선이 필요한 이미지 파일]] 문단이 해당 오류가 일어난 파일들입니다.

* 정상적인 SVG 파일이었는데 나무위키 업로드 시 엑박 오류가 발생할 경우 [[#엑박 개선]] 문단의 방법으로 개선해 볼 수 있습니다.

* 색상이 검정색으로만 표시되는 등의 문제의 경우 the seed 엔진이 SVG 내의 <style> 시트를 지우는 것이 문제인 것으로 보여지며, 스타일 시트의 스타일들을 직접 인라인 스타일로 옮길 시 정상적으로 출력됩니다. 이외에 현재까지 지워지는 건 {{{<sodipodi>}}} 시트, {{{<svg>}}} 시트 내의 "{{{xmlns:xlink}}}"값입니다. [[#<style> 시트 개선 방법]] 으로 개선해 볼 수 있습니다.

* [[https://developer.mozilla.org/ko/docs/Web/CSS/mix-blend-mode|mix-blend-mode]] 스타일이 적용된 SVG 파일은 혼합 모드가 적용되지 않고 기본값인 '표준(normal)' 모드로 출력됩니다.

* 출력 오류 시 Inkscape에서 '''파일 - 새로 만들기''' 실행 후 기존 내용물을 붙여넣기 하면 제대로 출력되는 경우가 있으니 시도해 보시기 바랍니다.

* PNG 파일을 SVG로 제작할 때 개선 방법에 있는 내용처럼 메모장이나 워드 패드로 tag의 속성을 넣는다.

* 웬만하면 [[오픈 소스]]에 호환성이 좋은 [[Inkscape|잉크스케이프]]를 사용하시길 바라며 [[어도비 일러스트레이터]]로 작업 후 저장하는 경우에는 '''{{{#red SVG 프로파일: SVG 1.1 / 이미지 위치: 포함 / Illustrator 편집 기능 보존은 체크 해제}}}'''한 뒤 저장하시길 추천드립니다.

* 최종 업로드할 파일에서 불필요한 요소가 상당한 양으로 존재하는 것은 아닌지 확인하여 주세요. 데이터로만 존재하고 보여지지 않는 항목, 이를테면 투명해서 무의미한 객체이거나, 캔버스 밖에 존재하는 다른 요소 등이 많지 않은지 확인해야 합니다. 캔버스 밖에 존재하는 무의미한 데이터는 모두 삭제하고, 한 개의 파일에는 한 개 목적의 내용만 들어가도록 할 것을 권장합니다. 불필요한 요소가 많으면 파일 크기가 과도하게 커져 데이터 사용량이 많아지고, 페이지 로드 속도가 떨어집니다. 또한 눈에 보이지 않아도 해당 벡터 파일을 불러올 때마다 같이 렌더링되어 브라우저의 렉과 강제 중지를 유발할 수 있습니다.

* 혹시라도 SVG에 텍스트 데이터가 존재하는 것은 아닌지 확인해 주세요. 특수한 경우(도표나 데이터처럼 SVG에서 텍스트를 꼭 다뤄야 할 필요가 있는 경우 등)를 제외하고는 Outstroke(외곽선)하여 텍스트가 아닌 Path의 형태로만 존재하도록 하여 저장하는 것을 권장합니다.[* 일반적인 로고 및 이미지는 모두 이 내용에 해당합니다. 텍스트 형태로 저장될 경우 기기의 상황(폰트 및 렌더링)에 따라 결과물에 차이가 발생하거나, 정상적으로 출력되지 않을 수 있습니다(폰트 깨짐 현상).] [[Inkscape]]에서는 '개체를 경로로'(Ctrl+Shift+C) 기능을 이용해 텍스트를 일반 Path로 변환할 수 있으니 참고하시기 바랍니다.