Trong khi hầu hết trình vẽ vector khiến bạn phải làm việc gián tiếp với bản vẽ, trình chỉnh sửa SVG GodSVG lại cho phép thao tác trực tiếp trên mã SVG theo thời gian thực. Repository này giải quyết bài toán file SVG phình to, chứa nhiều metadata khó đọc, đồng thời phù hợp cho lập trình viên, kỹ sư web và người muốn kiểm soát mã nguồn. Vì dự án vẫn ở giai đoạn late alpha, bạn nên dùng thử trên dữ liệu không quan trọng trước khi áp dụng vào quy trình chính thức.

Thank you for reading this post, don't forget to subscribe!

GodSVG là trình chỉnh sửa đồ họa vector mã nguồn mở, đại diện trực tiếp mã SVG thay vì che giấu nó sau nhiều lớp thao tác. Nó giải quyết vấn đề file SVG bị phình do công cụ vẽ tự do chèn metadata và mã không cần thiết, hướng tới file sạch, chính xác và tối ưu hơn.

Khác với các trình chỉnh sửa vector phổ biến, GodSVG không cố gắng biến SVG thành tài liệu riêng. Bạn thấy đúng cấu trúc thẻ, thuộc tính và giá trị. Theo tác giả, mục tiêu là một trình chỉnh sửa có độ trừu tượng thấp, phù hợp khi bạn muốn hiểu từng dòng mã SVG. Nói tới đây, bạn có nhận ra nó giống trình soạn code có giao diện hơn là phần mềm vẽ thuần túy không? Toàn bộ mã nguồn nằm tại repository GodSVG trên GitHub.

Điểm cốt lõi của GodSVG nằm ở triết lý ít trừu tượng: bạn chỉnh phần tử trên màn hình, đồng thời thấy mã được sinh ra ngay lập tức. Quá trình này giúp file SVG luôn gọn, dễ đọc và không mang mã thừa từ công cụ.

• Interactive SVG editing: bạn có thể chọn từng phần tử trong khung nhìn hoặc danh sách bên trái, thay đổi hình học, màu nền và đường viền.
• Real-time code: mỗi thao tác trên giao diện lập tức tạo mã, không qua metadata, nên code có thể đọc hiểu như viết tay.
• Optimized SVGs: file xuất ra nhỏ và hiệu quả, kèm các tùy chọn hỗ trợ tối ưu.
• Đa nền tảng: bản desktop hỗ trợ các nền tảng desktop lớn, Android; bản web chạy tại godsvg.com/editor.
• Cộng đồng và phát triển: có sẵn kênh Discord, hệ thống GitHub Issues để báo lỗi, đề xuất tính năng.

Thực tế khi dùng thử, tôi thấy ấn tượng nhất là mã SVG thay đổi ngay khi kéo thả hình khối; điều này giúp học cấu trúc SVG nhanh hơn. Nhưng cần nhắc lại, dự án đang ở late alpha. Một số bản macOS chưa được ký số, nên bạn phải bỏ quarantine bằng lệnh hoặc tắt Gatekeeper, và tính năng có thể thay đổi lớn trước khi phát hành ổn định.

Muốn dùng thử, bạn hãy vào trang releases và tải bản phát hành phù hợp; nếu muốn trải nghiệm không cài đặt, mở bản web. Trên macOS cần xử lý quarantine, còn trên Android có thể xác minh chữ ký APK trước khi cài.

Cài đặt từ bản phát hành và bản web

1. Truy cập danh sách GodSVG releases trong kho GitHub và tải bản mới nhất. Bản phát triển hiện tại đang ở nhánh v4.6.
2. Nếu dùng macOS, cài file vào thư mục Applications rồi mở Terminal chạy: xattr -d com.apple.quarantine /Applications/GodSVG.app. Cách khác là tắt Gatekeeper, nhưng không khuyến khích nếu bạn không rõ rủi ro bảo mật.
3. Với Android, tải file APK rồi dùng lệnh keytool -printcert -jarfile <APK-file> để so sánh vân tay SHA1: BC:78:C1:A1:90:B4:5E:5A:13:49:4C:07:22:2E:F5:0B:5D:88:5E:5B và SHA256: 68:39:C3:D4:9B:74:DF:30:C5:0B:32:B8:81:04:05:A7:45:80:7B:D5:A8:0B:64:D1:9A:46:89:38:28:5A:DB:5D.
4. Muốn chạy bản mới nhất trên web, mở trang https://godsvg.com/editor. Bản này tiện để kiểm tra nhanh mà không cần cài đặt.
5. Muốn chạy bản dev, tải Godot Engine, tải mã nguồn repository, mở Godot và import tệp project.godot. Ngoài ra bạn có thể mở một commit trên GitHub, vào Checks > export-optimized > Summary > Artifacts; tài khoản GitHub là bắt buộc để tải artifact.

Làm quen với quy trình chỉnh sửa SVG có cấu trúc

GodSVG nằm giữa trình chỉnh sửa SVG và trình soạn code có hỗ trợ. Bạn có thể thêm phần tử mới bằng nút + Add new element, chuột phải vào viewport hoặc chuột phải vào danh sách phần tử. Sau đó chọn shape, group, gradient… và điều chỉnh hình học ngay trên viewport hoặc đổi thuộc tính fill, stroke trong danh sách.

Khi cần kiểm soát sâu hơn, bạn có thể sửa trực tiếp mã SVG. Trong inspector, di chuột vào từng trường để biết thuộc tính tương ứng. Với path data, GodSVG có trình chỉnh sửa phức tạp hơn: bạn chuột phải vào path command, chọn Insert After, hoặc dùng phím M, L, H, V, Z, A, Q, T, C, S để chèn lệnh mới. Nhấn Shift khi thêm sẽ tạo lệnh tuyệt đối thay vì tương đối. Chọn nhiều phần tử bằng Ctrl+Click hoặc Shift+Click; nhấn đúp vào path command để chọn cả subpath.

Ai nên dùng GodSVG — ai nên cân nhắc trình soạn thảo khác?

GodSVG phù hợp với người đã quen đọc mã SVG, lập trình viên front-end, kỹ sư web và team muốn tối ưu icon. Không phù hợp với nhà thiết kế cần vẽ tự do, làm brush phức tạp hoặc muốn công cụ ổn định ở mức production trong giai đoạn alpha.

• Nên dùng: nếu bạn thường xuyên xử lý icon, cần file SVG sạch để đưa vào dự án, muốn học cấu trúc SVG qua thao tác trực quan.
• Không nên dùng: nếu bạn cần vẽ minh họa tự do, làm việc với bitmap, hoặc không muốn đụng mã; hãy chọn Inkscape, Figma hoặc Illustrator.
• Cẩn trọng: nếu bạn dùng macOS và không muốn chạy lệnh xattr, hãy cân nhắc trước khi tải bản desktop.

Giấy phép MIT của GodSVG có ý nghĩa gì với người dùng?

Với giấy phép MIT, bạn được tự do dùng GodSVG cho bất kỳ mục đích nào, nghiên cứu code, sửa cho cá nhân và phân phối lại. Nội dung tạo ra từ GodSVG vẫn thuộc về bạn vì file SVG không chứa mã nguồn của GodSVG.

Cụ thể, nếu bạn tích hợp code GodSVG vào sản phẩm của mình, bạn có thể phát hành dưới giấy phép khác nhưng phải ghi rõ rằng sản phẩm có nguồn gốc từ GodSVG theo giấy phép MIT. Tác giả cũng nói rõ phần giải thích này không phải tư vấn pháp lý. Dự án gần như do tác giả làm trong thời gian rảnh, nên nếu cảm thấy hữu ích, bạn có thể hỗ trợ qua các nền tảng donate được liệt kê trong README.

Câu hỏi thường gặp

GodSVG có phải là bản thay thế hoàn toàn cho Inkscape không?

GodSVG không phải bản thay thế hoàn toàn cho Inkscape. Nó là trình chỉnh sửa SVG có cấu trúc, phù hợp khi bạn muốn kiểm soát mã, tạo file tối ưu và tránh metadata thừa. Inkscape vẫn mạnh hơn cho vẽ minh họa tự do, bộ lọc và nhu cầu thiết kế đồ họa phức tạp.

Dùng GodSVG có làm mất dữ liệu trong file SVG hiện tại không?

GodSVG không cố ý thêm metadata, nhưng vì dự án vẫn ở late alpha, bạn nên sao lưu file trước khi chỉnh sửa. Các thẻ SVG cơ bản hoạt động tốt, nhưng chưa có bằng chứng cho thấy mọi chuẩn SVG đều hiển thị hoàn hảo trong công cụ.

GodSVG có bản chạy trên trình duyệt không?

Có. Trang web chính thức godsvg.com/editor cho phép dùng thử GodSVG ngay trong trình duyệt, không cần cài đặt. Bản web phù hợp để kiểm tra nhanh; nếu xử lý file lớn hoặc cần tích hợp vào quy trình phát hành, hãy dùng bản desktop.

Làm sao để báo lỗi hoặc đề xuất tính năng cho GodSVG?

Tác giả khuyến khích bạn mở GitHub Issues sau khi kiểm tra xem vấn đề đã được thảo luận chưa. Nếu không thấy nội dung tương tự, hãy tạo issue mới. Đối với trao đổi phi chính thức, bạn có thể tham gia Discord cộng đồng có link trong README.

Kết luận

GodSVG là một lựa chọn đáng thử nếu bạn muốn chỉnh SVG theo hướng cấu trúc, đọc được và tối ưu. Đừng bỏ qua cảnh báo late alpha, nhưng cũng đừng ngại mở bản web hoặc tải bản phát hành để kiểm tra ngay hôm nay.