Mở file SVG thế nào? Hướng dẫn toàn diện cho máy tính, điện thoại và trình duyệt

1. Bốn cách mở SVG trên máy tính

• Trình duyệt (đơn giản nhất): kéo file SVG thả vào cửa sổ Chrome, Edge, Firefox hoặc Safari là hiện ngay; bạn cũng có thể bấm chuột phải vào file, chọn "Open with" rồi chọn một trình duyệt;
• Đặt ứng dụng mặc định: nếu làm việc với SVG thường xuyên, hãy liên kết file .svg với trình duyệt hoặc phần mềm thiết kế để bấm đúp là mở thẳng;
• Phần mềm thiết kế: Illustrator, Figma và Inkscape miễn phí đều mở và chỉnh sửa được SVG, hợp với việc chỉnh sửa sâu;
• Trình soạn thảo mã: SVG vốn là văn bản XML, mở bằng VS Code để xem và sửa mã nguồn rất thuận tiện khi gặp lỗi.

Cách đặt ứng dụng mặc định: trên Windows, bấm chuột phải vào file SVG, chọn "Open with → Choose another app" và tích "Always use this app"; trên macOS, bấm chuột phải chọn "Get Info", chọn trình duyệt ở mục "Open with" rồi bấm "Change All", từ đó bấm đúp là xem trước được ngay.

2. Mở SVG trên điện thoại thế nào

Android: một số trình quản lý tệp không xem trước được SVG, hãy nhấn giữ file, chọn "Open with" rồi chọn trình duyệt. iPhone: lưu file SVG vào app "Files", các hệ điều hành mới có thể xem trước trực tiếp; nếu không hiện, dùng menu chia sẻ để mở bằng Safari. File SVG nhận trong WeChat hay QQ sẽ được coi là file thông thường, chọn "Open with" một trình duyệt là hiển thị bình thường.

Nhìn chung, trình duyệt trên điện thoại là công cụ xem SVG đáng tin cậy nhất, không cần cài thêm app nào. Máy tính bảng cũng vậy, mở bằng trình duyệt sẵn có là được, không cần ứng dụng xem riêng.

3. Bấm đúp ra một đống mã hoặc màn hình trắng thì xử lý sao

Hiện một đống mã: nghĩa là file đang được liên kết với Notepad hay trình soạn thảo văn bản. SVG vốn là văn bản nên đây là bình thường, chuyển sang mở bằng trình duyệt là sẽ thấy hình. Màn hình trắng: trước tiên hãy kiểm tra file có đầy đủ không — mở bằng trình soạn thảo mã, một file SVG hợp lệ sẽ bắt đầu bằng thẻ <svg> hoặc khai báo <?xml; nếu bạn thấy <html> hay mã trang web thì nhiều khả năng khi tải xuống, trang báo lỗi đã bị lưu thành file .svg, hãy tải lại. Ngoài ra, nếu file tham chiếu ảnh hay phông chữ bên ngoài mà tải không được thì nội dung sẽ bị thiếu.

Xin nhắc thêm một điểm: SVG là định dạng văn bản có thể mang theo script, nên đừng mở file từ nguồn không rõ trong trình duyệt ngay lập tức. Hãy kiểm tra bằng trình soạn thảo mã trước, xác nhận file bắt đầu bằng thẻ svg và không có script đáng ngờ rồi hãy xem trước.

4. Mở xong muốn sửa thì dùng trình chỉnh sửa trực tuyến

Chỉ cần đổi một màu, xóa nền hay xóa vài thành phần thì không cần cài phần mềm nặng nề. Mở trình chỉnh sửa SVG trực tuyến của PolySVG (lối vào trực tiếp: /editor), tải file lên rồi bạn có thể bấm chọn đường để xóa, xóa nền một cú nhấp, đổi màu, vẽ bằng cọ, xóa bằng công cụ tẩy, hoàn tác và làm lại bất cứ lúc nào, rồi xuất ra SVG hoặc PNG. Miễn phí, không cài đặt, không cần đăng ký.

5. Chỉ muốn xem thì chuyển sang PNG là tiện nhất

Nếu thiết bị của người nhận không mở được SVG, cách đơn giản nhất là chuyển sang PNG: xuất PNG từ trình chỉnh sửa, hoặc chụp màn hình trong trình duyệt. Muốn hiểu sâu về bản thân định dạng SVG, hãy đọc SVG là gì; nếu đang có ảnh bitmap muốn làm thành SVG thì công cụ chuyển ảnh sang SVG chỉ mất vài bước.

Nếu bạn là lập trình viên, bạn còn có thể nhúng SVG trực tiếp vào HTML hoặc tham chiếu bằng thẻ img, trình duyệt sẽ hiển thị tức thì — đây cũng là cách phổ biến nhất để xem SVG trên web.