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

[include(틀:상위 문서, top1=알파위키:기능 도움말)]

[include(틀:알파위키)]

[include(틀:알파위키 도움말)]

[목차]

== 개요 ==

[[알파위키]]에 벡터 그래픽([[SVG]] 파일)을 업로드하는 방법입니다.

예시로는 다음과 같습니다.

[[파일:Circles.svg|width=200]]

SVG 각 객체나 그룹의 태그 내에 animate 등의 속성을 부여하여 애니메이션 효과를 줄 수 있습니다.

* [[https://stackoverflow.com/questions/29205294/how-to-achieve-blinking-effect-in-svg|animation - How to achieve blinking effect in svg? - Stack Overflow]]

* [[:파일:trafficYBlk.svg]] (노란 점멸 신호 SVG) 파일의 예시

repeatCount="indefinite" # 무한 반복

/>

</circle> # circle 태그 닫음}}}

자세한 내용은 모질라 재단에서 해당 웹 표준 태그를 설명한 기술 문서를 참조할 수 있습니다.

* [[https://developer.mozilla.org/en-US/docs/Web/SVG/Element/animate|<animate> 문서]]

* [[https://developer.mozilla.org/en-US/docs/Web/SVG/Element/animateMotion|<animateMotion> 문서]]

SVG 파일을 다루는 데 익숙하지 않으면 [[https://svgcolor.com/|이 사이트]] 등의 웹 도구를 활용하면 비교적 간단하게 색상을 변경할 수 있습니다. SVG 파일 편집 방법을 잘 아는 경우 [[Inkscape]]에서 열어 색상을 수정하거나, [[Visual Studio Code]]로 파일을 열어 {{{fill}}} 속성을 변경하는 편이 빠르고 편리합니다. ({{{<path ...}}}를 {{{<path fill="#헥스 코드" ...}}}로 수정하여 색을 바꿀 수 있습니다.

원본 파일을 다크 혹은 라이트 테마에 맞춰 변환할 때, 가능한 경우 단순히 흰색/검정색으로 바꾸지 말고 해당 이미지 파일의 '''공식 가이드라인에 맞춘 색상을 사용'''하시기 바랍니다.