Mở tệp SVG trên Android — Xem đồ họa vector

Tệp SVG là gì?

SVG (Đồ họa vectơ có thể mở rộng) về cơ bản khác với các định dạng hình ảnh khác.Trong khi JPEG, PNG và WEBP lưu trữ hình ảnh dưới dạng lưới pixel màu (raster), SVG mô tả hình ảnh dưới dạng hình dạng toán học - hình tròn, hình chữ nhật, đường dẫn, đường cong và văn bản - được xác định bằng mã XML.

Điều này có nghĩa là hình ảnh SVG:

• Tỷ lệ vô hạn — thu phóng tới 10.000% mà không bị hiện tượng pixel hoặc mờ
• Có kích thước tệp rất nhỏ — một logo có kích thước 500 KB ở dạng PNG có thể là 5 KB ở dạng SVG
• Có thể chỉnh sửa dưới dạng văn bản — mở trong bất kỳ trình soạn thảo văn bản nào để thay đổi màu sắc, kích thước, hình dạng
• Không phụ thuộc vào độ phân giải — trông hoàn hảo trên mọi mật độ màn hình (điện thoại, máy tính bảng, TV 4K)

SVG là định dạng chuẩn cho logo, biểu tượng, hình minh họa, biểu đồ, bản đồ và bất kỳ đồ họa nào cần trông sắc nét ở mọi kích thước.

Tệp SVG đến từ đâu

Công cụ thiết kế: Figma, Adobe Illustrator, Sketch, Inkscape và Canva xuất các thiết kế dưới dạng SVG để sử dụng trên web và ứng dụng.

Thư viện biểu tượng: Material Icons, Font Awesome, Heroicons và hàng nghìn gói biểu tượng được phân phối dưới dạng tệp SVG.

Tải xuống trên web: Logo, hình minh họa và đồ họa được tải xuống từ trang web thường là SVG (nhấp chuột phải → Lưu dưới dạng).

Tài sản dành cho nhà phát triển: Nhà phát triển ứng dụng Android sử dụng SVG (được chuyển đổi thành VectorDrawable) cho các biểu tượng ứng dụng và thành phần giao diện người dùng.

Trực quan hóa dữ liệu: Biểu đồ, đồ thị và đồ họa thông tin từ các công cụ như D3.js, Chart.js và Tableau xuất dưới dạng SVG.

Bản đồ: Các bản xuất OpenStreetMap, bản đồ tùy chỉnh và trực quan hóa địa lý đều sử dụng SVG.

Thiết kế in ấn: Logo và nội dung thương hiệu được phân phối dưới dạng SVG để tái tạo có thể mở rộng.

Xem SVG trên Android

AnExplorer xử lý tệp SVG theo hai cách:

Hiển thị trực quan (trình xem ảnh):

1. Điều hướng đến tệp SVG trong AnExplorer
2. Nhấn để mở — đồ họa vector hiển thị trong trình xem
3. Phóng to — hình ảnh vẫn sắc nét hoàn hảo ở mọi độ phóng đại
4. Không bị hiện tượng pixel, không bị mờ, cho dù bạn phóng to bao xa

Chế độ xem mã (trình soạn thảo văn bản):

1. Nhấn và giữ tệp SVG → Mở bằng → Trình soạn thảo văn bản
2. Xem mã nguồn XML
3. Chỉnh sửa màu sắc (thay đổi fill="#FF0000" thành bất kỳ màu hex nào)
4. Sửa đổi kích thước, vị trí hoặc thêm/xóa các thành phần
5. Lưu - các thay đổi sẽ phản ánh ngay lập tức khi được xem lại

Quản lý tệp SVG với AnExplorer

Duyệt và sắp xếp:

• Tệp SVG hiển thị với các biểu tượng đồ họa vector trong danh sách tệp
• Sắp xếp theo tên, ngày hoặc kích thước
• Tạo thư mục để sắp xếp theo dự án (logo, biểu tượng, hình minh họa)
• Đổi tên tập tin để tổ chức tốt hơn

Chuyển nhượng và chia sẻ:

• Gửi file SVG tới PC thông qua Device Connect (các nhà thiết kế thường làm việc trên máy tính để bàn)
• Tải lên Google Drive, Dropbox để cộng tác nhóm
• Sao chép vào NAS để lưu trữ tài sản thiết kế
• Chia sẻ qua email hoặc tin nhắn (tệp SVG rất nhỏ — thường dưới 100 KB)

Hoạt động lưu trữ:

• Trích xuất các tệp SVG từ kho lưu trữ gói biểu tượng (ZIP chứa hàng trăm SVG)
• Nén bộ sưu tập SVG thành ZIP để chia sẻ
• Duyệt kho lưu trữ chứa tệp SVG mà không cần giải nén

Chỉnh sửa dưới dạng mã:

• Mở trong trình soạn thảo văn bản tích hợp của AnExplorer
• SVG là XML - con người có thể đọc và chỉnh sửa được
• Thay đổi màu sắc: tìm thuộc tính fill="..." hoặc stroke="..."
• Thay đổi kích thước: sửa đổi thuộc tính width và height
• Loại bỏ các thành phần: xóa các thẻ <path> , <circle> , hoặc <rect>

SVG so với PNG và PDF cho Đồ họa

Khi nào nên sử dụng SVG: Logo, biểu tượng, hình minh họa, biểu đồ, thành phần giao diện người dùng — bất kỳ thứ gì không phải là ảnh. Khi nào nên sử dụng PNG: Ảnh chụp màn hình, ảnh có độ trong suốt, đồ họa raster ở kích thước cố định. Khi nào nên sử dụng PDF: Tài liệu, nội dung nhiều trang, tệp sẵn sàng để in.

Các trường hợp sử dụng phổ biến trên Android

Quản lý gói biểu tượng

Nhà thiết kế và nhà phát triển làm việc với thư viện biểu tượng:

1. Gói biểu tượng tải xuống (thường là ZIP chứa hàng trăm SVG)
2. Giải nén bằng trình quản lý lưu trữ của AnExplorer
3. Duyệt các tệp SVG - xem hình thu nhỏ để tìm biểu tượng phù hợp
4. Sao chép các biểu tượng cần thiết vào thư mục dự án của bạn
5. Hoặc mở trong trình soạn thảo văn bản để tùy chỉnh màu sắc trước khi sử dụng

Xem nội dung thiết kế từ nhóm

Khi cộng tác viên chia sẻ file thiết kế:

1. Nhận tệp SVG qua email, chia sẻ trên đám mây hoặc Kết nối thiết bị
2. Mở trong AnExplorer để xem trước thiết kế
3. Kiểm tra màu sắc, bố cục và nội dung
4. Chuyển tiếp ra màn hình để chỉnh sửa chi tiết nếu cần

Chỉnh sửa màu SVG trên di động

Thay đổi màu sắc nhanh chóng mà không cần công cụ thiết kế:

1. Mở SVG trong trình soạn thảo văn bản của AnExplorer
2. Tìm kiếm fill="# để tìm định nghĩa màu sắc
3. Thay thế mã màu hex (ví dụ: #FF0000 → #0066CC )
4. Lưu — mở trong trình xem để xác minh thay đổi
5. Chia sẻ SVG đã sửa đổi

Quy trình làm việc của nhà phát triển

Các nhà phát triển Android làm việc với nội dung vectơ:

1. Tải xuống biểu tượng SVG từ Material Design hoặc thư viện khác
2. Xem trước trong AnExplorer để xác minh rằng chúng đúng
3. Chuyển sang máy phát triển thông qua Device Connect
4. Chuyển đổi sang VectorDrawable XML để sử dụng trong các ứng dụng Android

Kích thước tệp SVG

Các tệp SVG có kích thước nhỏ đáng kể so với các tệp raster tương đương:

Điều này làm cho SVG trở nên lý tưởng để lưu trữ các thư viện biểu tượng lớn - 1.000 biểu tượng SVG có thể có tổng dung lượng là 10 MB, trong khi tương tự như PNG sẽ là 500 MB+.

Hướng dẫn liên quan

• Mở tệp PNG trên Android — định dạng hình ảnh raster
• Mở tệp PDF trên Android — định dạng tài liệu
• Trình soạn thảo văn bản — chỉnh sửa trực tiếp mã SVG
• Trình quản lý lưu trữ — trích xuất kho lưu trữ gói biểu tượng