최근 수정 시각 : 2021-06-23 21:45:05

나무위키:프로젝트/이미지 벡터화


파일:나무위키프로젝트.png
이 문서는 나무위키 프로젝트 관련 문서입니다.

나무위키 프로젝트에 참가하여 주시는 여러분들께 감사드립니다. 참가자 분들은 나무위키:프로젝트 문서와 참가하는 프로젝트 문서에 있는 내용을 꼭 숙지하여 주시기 바랍니다.

1. 개요2. 프로젝트를 수행하실 때
2.1. 개선 방법
3. 프로젝트 홍보4. 참가자 서명5. 개선이 필요한 이미지 파일
5.1. 벡터화가 필요한 파일5.2. 이미지의 일부가 이상하게 출력되는 경우5.3. 이미지 전체가 이상하게 출력되는 경우5.4. 원본 파일을 변형해야 되는 경우
6. 역링크 제거가 필요한 파일7. 프로젝트 성과8. 역대 안건9. 기타

1. 개요

간단한 도형이나 글씨로 된 그림을 SVG 파일로 바꾸는 프로젝트입니다. 2020년 11월부터 the seed 엔진에서 벡터 확장자인 SVG를 지원하기 시작하였으며, 이에 따라 프로젝트를 개설하였습니다.

2. 프로젝트를 수행하실 때

  • SVG 원본이 있는 파일일 경우 해당 이미지를 구글 이미지 찾기로 검색한 후 원본 svg 파일을 올리면 됩니다. 단, 규정에 의거하여 출처 및 라이선스 표기를 꼭 해주시기 바랍니다.
  • 기업, 단체, 정당 등의 로고 등은 악의적으로 왜곡된 로고가 업로드되는 것을 막기 위해 가급적 해당 단체의 홈페이지의 벡터 파일을 svg 파일로 변환하여 올리는 것을 권장합니다.[1]
  • 어도비 일러스트레이터 등으로 직접 SVG 파일을 제작하여 업로드하는 경우 소수점 자리가 3 이상인지 확인 후 업로드 해주시기 바랍니다. 그래도 문제가 생기는 경우에는 스타일을 '내부 CSS' 대신 '인라인 스타일'로 선택해 업로드 해주시기 바랍니다.
  • 현재 나무위키 SVG 파일 지원이 기능적으로 불완전하며, 이를 방증하듯 더시드 포럼에도 여러 제보 게시글이 올라와있는 상태입니다. 따라서 SVG 파일을 올린 뒤 해당 이미지가 정상적으로 불러와지는지 확인할 필요가 있습니다. 아래의 "개선이 필요한 이미지 파일" 문단이 해당 오류가 일어난 파일들입니다.
    • 이 경우는 the seed 엔진이 SVG 내의 <style> 시트를 지우는 것이 문제인 것으로 보여지며, 스타일 시트의 스타일들을 직접 인라인 스타일로 옮길 시 정상적으로 출력됩니다. 이외에 현재까지 지워지는 건 <sodipodi> 시트, <svg> 시트 내의 "xmlns:xlink"값입니다.
    • 비트맵 이미지를 포함한 svg 파일은 이미지의 일부나 전체가 출력되지 않습니다.[2]

2.1. 개선 방법

svg 파일을 개선하는 방법입니다.
  1. 원본 출처에서 svg 파일을 다운로드 받습니다. 대부분은 위키미디어 공용 / 케이머그[3] / Logopedia / 로고백과 위키에서 얻을 수 있습니다.
  2. svg 파일을 문서 편집기[4]로 열어 <style> 태그 내의 내용들을 각 tag의 속성으로 넣습니다.[5] 다른 태그의 수정 방법에 대해서는 아직 알려진 게 없습니다.[6]
  3. 저장한 후 업로드합니다.

3. 프로젝트 홍보

파일:나무위키프로젝트.png 이 사용자는 나무위키 이미지 벡터화 프로젝트의 참가자입니다.
파일:완료된프로젝트.png 이 사용자는 나무위키 이미지 벡터화 프로젝트의 참가자였습니다.
파일:중단된프로젝트.png 이 사용자는 나무위키 이미지 벡터화 프로젝트의 참가자였습니다.

참가자의 경우에는 사용자 문서에서 이 틀을 이용해 프로젝트를 홍보해 주세요. 틀을 사용하는 문법은 다음과 같습니다.
[include(틀:유저박스/프로젝트,프로젝트=나무위키 이미지 벡터화 프로젝트)]
[include(틀:유저박스/프로젝트,프로젝트=나무위키:프로젝트/이미지 벡터화)]
[include(틀:유저박스/프로젝트,프로젝트=이미지 벡터화 프로젝트)]

4. 참가자 서명

  • 꼭 서명하실 필요는 없습니다.
[ 서명 방법 펼치기 / 접기 ]
비로그인 유저의 경우
*[[https://namu.wiki/contribution/ip/아이피/document|아이피]]
*--[[https://namu.wiki/contribution/ip/아이피/document|아이피]]-- - 영구차단
'아이피' 자리에 참가자의 아이피를 그대로 적어주세요.
로그인 유저의 경우
*[[사용자:닉네임|닉네임]]
*--[[사용자:닉네임|닉네임]]-- - 영구차단됨
'닉네임' 자리에 참가자의 나무위키에서의 닉네임을 그대로 적어주세요.
  1. HayashiNeru15 - 개설자
  2. jun0130_nw
  3. gymin
  4. coit0219 nemiko0219 sarell_caerly
  5. whynotsave
  6. gustmd7410
  7. kang060302
  8. Hs2009
  9. blorblor
  10. gusdnlee0102
  11. TheDev
  12. googol
  13. CirrusO
  14. Far
  15. summer1357
  16. VersionFE
  17. W1NNER
  18. Sayori
  19. rao0307
  20. coronahater1002
  21. mkj3533
  22. doubleyou
  23. MLS037
  24. samsungalaxy
  25. ElectricalBoy
  26. jeong1234
  27. Bee
  28. Gwangtori3527
  29. Johnmapper32
  30. KiriTo
  31. khooni21
  32. Mangsoi

5. 개선이 필요한 이미지 파일


5.1. 벡터화가 필요한 파일

5.2. 이미지의 일부가 이상하게 출력되는 경우

5.3. 이미지 전체가 이상하게 출력되는 경우

5.4. 원본 파일을 변형해야 되는 경우

6. 역링크 제거가 필요한 파일


7. 프로젝트 성과

파일:상세 내용 아이콘.svg   자세한 내용은 나무위키:프로젝트/이미지 벡터화/성과 문서
번 문단을
부분을
참고하십시오.

8. 역대 안건

9. 기타



[1] 기업 로고는 최소 여백 확보, 최소 사이즈 등 브랜드 가이드라인에서 명시된 내용을 따르는 것이 권장됩니다. 여백 조정은 으로도 할 수 있습니다. [2] 브라우저 내 개발자 도구 또는 페이지 소스 보기를 통해 <image>에서 "xlink:href "가 지워진 것을 확인할 수 있습니다. [3] 상단의 검색창에서 찾고자 하는 이미지의 키워드나 제목으로 검색한 뒤, '디자인 자료실' 카테고리에서 파일을 찾으면 됩니다. 다운로드는 무료이나 로그인이 필요합니다. 다만 이 사이트는 eps와 ai 파일이 주로 올라오므로 어도비 일러스트레이터 또는 잉크스케이프 프로그램을 통해 svg 파일로 변환할 필요가 있습니다. sit 파일인 경우 StuffIt Expander이나 이 사이트를 통해 압축을 풀어서 작업하시면 됩니다. [4] 간단하게 메모장, 워드패드 등으로도 가능합니다. 안드로이드의 경우 지퍼7의 노트 에디터 등등의 앱에서 UTF-8로 열면 편집할 수 있습니다. [5] 예를 들어 <style>.fil0{fill:#ffc730}</style>이라고 되어있고, 밑에 <path class="fil0" d=□□□/>라고 되어있다면 <path fill="#ffc730" d=□□□/>또는 <path style="fill:#ffc730;" d=□□□/>로 바꾼 뒤 <style> 태그 밑 태그 내의 내용들을 모두 제거합니다. [6] svgo 프로그램이나 에서 svgomg를 이용해 어느 정도 해결할 수 있습니다. 사용 방법 다만 이때 "style 요소 제거"는 위처럼 인라인 속성으로 넣어주는 게 아니라 단지 나무위키처럼 <style> 시트를 삭제하는 것이니 섣불리 사용해서는 안 됩니다.