밤문화위키:기능 도움말/벡터 이미지 업로드 편집

현재 기준판 r2

편집자 이름(선택)편집 요약본문

> **[운영 문서]** 이 문서는 밤문화위키의 벡터 이미지 업로드 도움말입니다.

## 개요

벡터 이미지, 특히 SVG 파일은 로고, 아이콘, 간단한 지도 표식처럼 선명하게 보여야 하는 이미지에 적합합니다. 업소 외관 사진이나 실내 사진처럼 실제 장면을 담은 이미지는 보통 PNG 또는 JPEG가 더 적합합니다.

밤문화위키에서는 이미지도 문서 내용의 일부로 보며, 업로드 제안은 운영자 승인 후 반영됩니다. 업로드된 파일과 수정 내역은 리비전 히스토리에 남을 수 있습니다.

이 문서는 기능 사용을 돕기 위한 안내이며, 이미지의 허용 여부는 [[밤문화위키:편집지침]], [[밤문화위키:기본방침]], [[밤문화위키:저작권 정책]]을 함께 기준으로 판단합니다.

## 업로드 전에 확인할 것

SVG를 올리기 전에는 다음 사항을 먼저 확인합니다.

- 해당 이미지가 문서 이해에 실제로 필요한가
- 출처와 라이선스를 설명할 수 있는가
- 공식 홈페이지, 브랜드 가이드, 공개 배포 자료 등 신뢰 가능한 원본인가
- 오래된 로고, 변형된 로고, 팬 제작 이미지가 아닌가
- 업소명, 간판, 지도 표식 등 문서 내용과 직접 관련이 있는가

업소 로고나 브랜드 이미지는 가능한 한 공식 출처에서 제공하는 SVG, AI, EPS, PDF 파일을 사용합니다. 제3자 로고 모음 사이트의 파일은 오래되었거나 잘못 수정되었을 수 있으므로, 공식 출처가 없을 때만 보조적으로 참고합니다.

## 업로드하면 안 되는 이미지

다음 이미지는 벡터 여부와 관계없이 업로드하지 않습니다.

- 성매매 알선, 중개, 가격 흥정, 구체적 이용 방법을 암시하거나 설명하는 이미지
- 특정 여성, 종업원, 손님 등 개인을 식별할 수 있는 이미지
- 신상 공개, 명예훼손, 조롱 목적의 캡처 또는 합성 이미지
- 미성년자, 강요, 불법촬영과 관련된 이미지
- 공식 허가 없이 가져온 광고물, 유료 자료, 비공개 자료
- 위치 추적, 개인 연락처, 여권, 예약 내역 등 개인정보가 포함된 이미지

취소선이나 흐림 처리로도 개인 신상이나 불법적 내용을 우회해 올릴 수 없습니다.

## 파일 준비 원칙

SVG 파일은 가능한 한 단순하게 정리해 올립니다.

- 한 파일에는 하나의 로고, 아이콘, 표식 등 하나의 목적만 담습니다.
- 보이지 않는 레이어, 캔버스 밖 개체, 투명한 불필요 요소는 삭제합니다.
- 비트맵 이미지를 SVG 안에 포함하지 않습니다.
- 텍스트는 필요하면 경로로 변환해 폰트 깨짐을 줄입니다.
- `viewBox`가 유지되는지 확인합니다.
- 파일 크기가 지나치게 크지 않은지 확인합니다.
- 라이트 모드와 다크 모드에서 모두 식별 가능한 색상인지 확인합니다.

업소 정보는 수시로 바뀝니다. 로고, 상호, 지점명, 간판 이미지도 변경될 수 있으므로 문서에는 “방문 전 공식 채널 또는 업소에 직접 확인”이 필요하다는 전제를 유지합니다.

## 권장 제작 도구

SVG 편집에는 다음 도구를 사용할 수 있습니다.

- Inkscape: 무료 벡터 편집기
- Adobe Illustrator: 상용 벡터 편집기
- Visual Studio Code: SVG 코드 확인 및 간단한 수정
- SVGO 또는 SVGOMG: SVG 최적화 도구

웹 변환 도구를 사용할 때는 비공개 자료나 저작권이 불명확한 파일을 업로드하지 않도록 주의합니다.

## 다른 포맷을 SVG로 변환하기

AI, EPS, PDF 등 다른 벡터 포맷만 있는 경우에는 Inkscape나 Illustrator에서 열어 SVG로 저장할 수 있습니다. 변환 후에는 반드시 원본과 비교해 색상, 비율, 글자, 여백이 깨지지 않았는지 확인합니다.

그라데이션, 마스크, 특수 효과는 SVG 변환 과정에서 비트맵으로 바뀌거나 깨질 수 있습니다. 이 경우 억지로 SVG로 올리기보다 PNG 파일이 더 적합할 수 있습니다.

## 업로드 절차

1. 문서에서 필요한 이미지인지 확인합니다.
2. 공식 출처 또는 신뢰 가능한 원본을 확보합니다.
3. 파일명, 출처, 라이선스, 사용 문서를 정리합니다.
4. SVG를 열어 화면 표시와 파일 구조를 확인합니다.
5. 업로드 제안을 작성합니다.
6. 운영자 승인 후 문서에 반영됩니다.
7. 반영 뒤 실제 문서에서 이미지가 정상 표시되는지 확인합니다.

파일 설명에는 최소한 다음 정보를 적습니다.

```markdown
출처:
라이선스:
사용 문서:
설명:
```

## 오류 예방

SVG가 정상적으로 보이지 않는 대표적인 이유는 다음과 같습니다.

- `<style>` 안의 CSS가 제대로 적용되지 않음
- 외부 폰트나 외부 이미지를 참조함
- `image` 태그로 비트맵을 포함함
- `viewBox`가 삭제되어 크기 조정이 깨짐
- 편집기 전용 태그나 불필요한 메타데이터가 많음
- 마스크, 필터, 혼합 모드가 브라우저마다 다르게 표시됨

업로드 전에는 브라우저에서 SVG 파일을 직접 열어 보고, 가능하면 모바일 화면에서도 확인합니다. 최적화 도구를 사용한 뒤에는 원본과 결과물을 비교해야 합니다. 최적화 과정에서 일부 개체가 사라지거나 색상이 바뀔 수 있습니다.

## 색상과 테마

로고나 아이콘 색상을 임의로 바꾸지 않는 것이 원칙입니다. 다만 배경색 때문에 식별이 어려운 경우에는 공식 가이드라인이 허용하는 범위에서 라이트 모드용, 다크 모드용 이미지를 따로 준비할 수 있습니다.

공식 색상이 있는 브랜드 이미지는 단순히 흰색이나 검정색으로 바꾸지 말고, 가능한 한 공식 색상 규정을 따릅니다.

## 비트맵을 따라 그려 SVG를 만들 때

공식 SVG가 없고 단순한 로고만 있는 경우, Inkscape의 비트맵 따라 그리기 기능 등으로 SVG를 만들 수 있습니다. 이때 결과물을 그대로 올리지 말고 경로, 곡선, 모서리, 색상, 여백을 직접 점검합니다.

## 문서에 넣을 때

이미지는 문서 내용을 보조해야 하며, 광고처럼 보이게 배치하지 않습니다. 업소 문서에서는 로고나 대표 이미지를 넣더라도 홍보성 문구, 과장된 장점, 선정적 표현과 결합하지 않습니다.

이미지와 함께 업소의 영업 상태, 서비스 구성, 가격, 예약 방식 등을 단정적으로 쓰는 것은 피합니다. 이런 정보는 변경될 수 있으므로, 문서 본문에서는 방문 전 직접 확인이 필요하다는 점을 유지합니다.

## 관련 문서

제출한 내용은 바로 반영되지 않고 관리자 검토 후 반영됩니다.