Android에서 SVG 파일 열기 — 벡터 그래픽 보기

SVG 파일이란 무엇입니까?

SVG(Scalable Vector Graphics)는 다른 이미지 형식과 근본적으로 다릅니다.JPEG, PNG 및 WEBP는 이미지를 컬러 픽셀 격자(래스터)로 저장하는 반면 SVG는 이미지를 XML 코드에 정의된 수학적 모양(원, 직사각형, 경로, 곡선 및 텍스트)으로 설명합니다.

이는 SVG 이미지를 의미합니다.

• 무한 확장 — 픽셀화나 흐림 없이 10,000%까지 확대/축소
• 파일 크기가 작습니다 — PNG의 경우 500KB인 로고는 SVG의 경우 5KB일 수 있습니다.
• 텍스트로 편집 가능 — 텍스트 편집기에서 열어 색상, 크기, 모양을 변경할 수 있습니다.
• 해상도 독립적 — 모든 화면 밀도(휴대폰, 태블릿, 4K TV)에서 완벽하게 보입니다.

SVG는 어떤 크기에서도 선명하게 보여야 하는 로고, 아이콘, 일러스트레이션, 차트, 지도 및 모든 그래픽의 표준 형식입니다.

SVG 파일의 출처

디자인 도구: Figma, Adobe Illustrator, Sketch, Inkscape 및 Canva는 웹 및 앱 사용을 위해 디자인을 SVG로 내보냅니다.

아이콘 라이브러리: Material Icons, Font Awesome, Heroicons 및 수천 개의 아이콘 팩이 SVG 파일로 배포됩니다.

웹 다운로드: 웹사이트에서 다운로드한 로고, 일러스트레이션, 그래픽은 SVG인 경우가 많습니다(마우스 오른쪽 버튼 클릭 → 다른 이름으로 저장).

개발자 자산: Android 앱 개발자는 앱 아이콘과 UI 요소에 SVG(VectorDrawable로 변환됨)를 사용합니다.

데이터 시각화: D3.js, Chart.js, Tableau와 같은 도구의 차트, 그래프, 인포그래픽을 SVG로 내보냅니다.

지도: OpenStreetMap 내보내기, 사용자 정의 지도 및 지리적 시각화는 SVG를 사용합니다.

인쇄 디자인: 로고와 브랜드 자산은 확장 가능한 재생산을 위해 SVG로 배포됩니다.

안드로이드에서 SVG 보기

AnExplorer은 두 가지 방법으로 SVG 파일을 처리합니다.

시각적 렌더링(사진 뷰어):

1. AnExplorer의 SVG 파일로 이동합니다.
2. 탭하여 엽니다. 벡터 그래픽이 뷰어에 렌더링됩니다.
3. 확대 - 어떤 확대에서도 이미지가 완벽하게 선명하게 유지됩니다.
4. 아무리 확대해도 픽셀화나 흐림 현상이 없습니다.

코드 보기(텍스트 편집기):

1. SVG 파일을 길게 누르기 → 다음으로 열기 → 텍스트 편집기
2. XML 소스 코드 보기
3. 색상 편집(fill="#FF0000"을 임의의 16진수 색상으로 변경)
4. 크기, 위치 수정 또는 요소 추가/제거
5. 저장 - 다시 보면 변경 사항이 즉시 반영됩니다.

AnExplorer을 사용하여 SVG 파일 관리

탐색 및 정리:

• SVG 파일은 파일 목록에 벡터 그래픽 아이콘으로 표시됩니다.
• 이름, 날짜, 크기별로 정렬
• 폴더를 생성해 프로젝트별로 정리하세요(로고, 아이콘, 일러스트레이션)
• 더 나은 구성을 위해 파일 이름 바꾸기

이전 및 공유:

• Device Connect를 통해 SVG 파일을 PC로 전송합니다(디자이너는 데스크탑에서 작업하는 경우가 많습니다).
• 팀 협업을 위해 Google Drive, Dropbox에 업로드
• 설계 자산 보관을 위해 NAS에 복사
• 이메일이나 메시지를 통해 공유(SVG 파일은 매우 작습니다. 일반적으로 100KB 미만)

보관 작업:

• 아이콘 팩 아카이브에서 SVG 파일 추출(수백 개의 SVG가 포함된 ZIP)
• 공유를 위해 SVG 컬렉션을 ZIP으로 압축
• 추출하지 않고 SVG 파일이 포함된 아카이브 찾아보기

코드로 편집:

• AnExplorer 의 내장 텍스트 편집기에서 엽니다.
• SVG는 XML입니다. 사람이 읽고 편집할 수 있습니다.
• 색상 변경: fill="..." 또는 stroke="..." 속성 찾기
• 크기 변경: width 및 height 속성 수정
• 요소 제거: <path> , <circle> 또는 <rect> 태그 삭제

그래픽용 SVG vs PNG vs PDF

SVG를 사용하는 경우: 로고, 아이콘, 일러스트레이션, 차트, UI 요소 - 사진이 아닌 모든 것. PNG를 사용하는 경우: 스크린샷, 투명도가 있는 사진, 고정된 크기의 래스터 그래픽. PDF를 사용하는 경우: 문서, 여러 페이지로 구성된 콘텐츠, 인쇄 가능한 파일.

Android의 일반적인 사용 사례

아이콘 팩 관리

디자이너와 개발자는 아이콘 라이브러리를 사용하여 작업합니다.

1. 아이콘 팩 다운로드(보통 수백 개의 SVG가 포함된 ZIP 파일)
2. AnExplorer 님의 아카이브 관리자로 추출
3. SVG 파일 탐색 - 축소판을 보고 올바른 아이콘을 찾으세요.
4. 필요한 아이콘을 프로젝트 폴더에 복사하세요.
5. 또는 사용하기 전에 텍스트 편집기에서 열어 색상을 맞춤 설정하세요.

팀의 디자인 자산 보기

공동작업자가 설계 파일을 공유하는 경우:

1. 이메일, 클라우드 공유 또는 Device Connect를 통해 SVG 파일 수신
2. AnExplorer에서 열어 디자인을 미리 봅니다.
3. 색상, 레이아웃, 내용 확인
4. 필요한 경우 자세한 편집을 위해 데스크탑으로 전달

모바일에서 SVG 색상 편집

디자인 도구 없이 빠른 색상 변경:

1. AnExplorer의 텍스트 편집기에서 SVG를 엽니다.
2. fill="#을 검색하여 색상 정의를 찾으세요.
3. 16진수 색상 코드 교체(예: #FF0000 → #0066CC )
4. 저장 - 뷰어에서 열어 변경 사항을 확인합니다.
5. 수정된 SVG 공유

개발자 워크플로

벡터 자산을 사용하는 Android 개발자:

1. Material Design 또는 기타 라이브러리에서 SVG 아이콘을 다운로드합니다.
2. AnExplorer에서 미리 보고 올바른지 확인하세요.
3. Device Connect를 통해 개발 머신으로 전송
4. Android 앱에서 사용할 수 있도록 VectorDrawable XML로 변환

SVG 파일 크기

SVG 파일은 래스터 파일에 비해 현저히 작습니다.

따라서 SVG는 대규모 아이콘 라이브러리를 저장하는 데 이상적입니다. 1,000개의 SVG 아이콘은 총 10MB일 수 있지만 PNG와 동일하게 500MB 이상입니다.

관련 가이드

• Android에서 PNG 파일 열기 — 래스터 이미지 형식
• Android에서 PDF 파일 열기 — 문서 형식
• 텍스트 편집기 — SVG 코드를 직접 편집합니다.
• 아카이브 관리자 — 아이콘 팩 아카이브 추출