Trình xem & Chỉnh sửa SVG
Xem trước, chỉnh sửa và tối ưu hóa tệp SVG trực tuyến. Xem trước trực tiếp, chỉnh sửa mã và công cụ tối ưu hóa.
Định dạng SVG là gì?
SVG (Scalable Vector Graphics) là định dạng hình ảnh vector dựa trên XML cho phép co giãn vô hạn mà không mất chất lượng. Nó được sử dụng rộng rãi cho logo, biểu tượng và đồ họa web.
Sự khác biệt giữa SVG và PNG là gì?
SVG là định dạng vector sử dụng công thức toán học để mô tả đồ họa và có thể phóng to vô hạn mà không mất chất lượng. PNG là định dạng raster gồm các pixel bị mờ khi phóng to. SVG lý tưởng cho logo, biểu tượng và sơ đồ, trong khi PNG phù hợp hơn cho ảnh.
Tôi có thể xem định dạng tệp nào?
Công cụ này xem tệp SVG. Bạn có thể dán mã SVG trực tiếp hoặc tải lên tệp .svg từ thiết bị của mình.
Tôi có thể chỉnh sửa mã SVG trực tiếp không?
Có, bạn có thể chỉnh sửa mã nguồn SVG trong bảng chỉnh sửa và xem thay đổi trong bảng xem trước theo thời gian thực.
Xem trước trực tiếp hoạt động như thế nào?
Bảng xem trước tự động cập nhật khi bạn nhập trong trình chỉnh sửa mã, hiển thị chính xác cách SVG của bạn sẽ được kết xuất trong trình duyệt.
Làm thế nào để tối ưu hóa SVG của tôi?
Nhấp vào nút Tối ưu hóa để loại bỏ khoảng trắng không cần thiết, nhận xét, siêu dữ liệu và thuộc tính thừa, giảm kích thước tệp.
Tôi có thể thay đổi màu sắc và kiểu dáng SVG không?
Có, bạn có thể sửa đổi màu tô, màu nét, độ mờ và các thuộc tính kiểu khác trực tiếp trong mã SVG.
SVG có hỗ trợ hoạt ảnh không?
Có, SVG hỗ trợ hoạt ảnh thông qua SMIL (Synchronized Multimedia Integration Language) và hoạt ảnh CSS. Bạn có thể tạo các hiệu ứng như chuyển động, thay đổi màu sắc và biến đổi hình dạng trực tiếp trong SVG.
Những trình duyệt nào được hỗ trợ?
Công cụ này hoạt động trong tất cả các trình duyệt hiện đại bao gồm Chrome, Firefox, Safari và Edge.
Làm thế nào tôi có thể xác thực cú pháp SVG?
Công cụ tự động tô sáng các lỗi cú pháp trong mã SVG của bạn, giúp bạn xác định và sửa lỗi ngay lập tức.
Tôi có thể thay đổi kích thước SVG mà không mất chất lượng không?
Có, SVG là định dạng vector có thể co giãn đến bất kỳ kích thước nào mà không mất chất lượng hoặc bị pixel hóa.
Dữ liệu SVG của tôi có được gửi đến máy chủ không?
Không, tất cả xử lý diễn ra cục bộ trong trình duyệt của bạn. Nội dung SVG của bạn không bao giờ rời khỏi thiết bị của bạn.
Cách sử dụng Trình xem & Chỉnh sửa SVG
SVG Viewer & Editor hiển thị SVG ngay khi bạn dán mã hoặc thả tệp vào, và cho phép chỉnh sửa mã với bản xem trước trực tiếp. Mọi thứ diễn ra cục bộ trong trình duyệt của bạn.
- Dán mã SVG vào trình soạn thảo có gợi ý “Paste SVG code here or drag & drop a file...”, hoặc kéo thả tệp .svg vào trang.
- Hình ảnh được kết xuất ngay lập tức trong phần xem trước bên cạnh mã.
- Chỉnh sửa trực tiếp các thuộc tính như viewBox, width, height, fill hoặc dữ liệu đường vẽ — bản xem trước cập nhật ngay khi bạn gõ.
- Sửa ngay các lỗi thường gặp, chẳng hạn thiếu thuộc tính xmlns hoặc viewBox làm cắt mất hình.
- Sao chép mã cuối cùng khi bản xem trước đã ưng ý.
Nếu bản xem trước vẫn trống, hãy kiểm tra mã có bắt đầu bằng <svg và chứa không gian tên xmlns — thiếu xmlns là nguyên nhân phổ biến nhất.
Công cụ liên quan
- Trình tối ưu SVG Tối ưu và nén tệp SVG ngay lập tức trong trình duyệt. Loại bỏ siêu dữ liệu, nhận xét và dữ liệu thừa, giảm kích thước tới 60%.
- Chuyển đổi SVG sang PNG Chuyển đổi SVG sang PNG, JPEG hoặc WebP ngay lập tức trong trình duyệt. Tùy chỉnh tỷ lệ, kích thước và màu nền. Miễn phí, riêng tư, không tải lên.
- Máy tính Chmod Máy tính chmod trực tuyến miễn phí để trực quan hóa và tính toán quyền tệp Linux với hộp kiểm. Chuyển đổi ngay lập tức giữa ký hiệu số (755, 644) và tượng trưng (rwxr-xr-x). Hỗ trợ quyền đặc biệt như setuid, setgid, sticky bit.
- Bảng ASCII Tham khảo mã hóa ký tự ASCII đầy đủ với mã thập phân, thập lục phân, bát phân, nhị phân, thực thể HTML và mô tả ký tự. Tìm kiếm và lọc tức thì.
- Trình kiểm tra yêu cầu HTTP Kiểm tra API REST trực tiếp trong trình duyệt. Gửi yêu cầu GET, POST, PUT, DELETE với header, body và tham số tùy chỉnh. Xem trạng thái, header và body JSON phản hồi ngay lập tức.
- Trình tạo .htaccess Tạo quy tắc .htaccess Apache cho chuyển hướng, viết lại, tiêu đề bảo mật, bộ nhớ đệm và hơn thế nữa.
- Trình tạo Robots.txt Trình tạo robots.txt trực tuyến miễn phí. Tạo và tùy chỉnh tệp robots.txt để kiểm soát việc thu thập dữ liệu của công cụ tìm kiếm, quản lý quyền truy cập của trình thu thập và tối ưu hóa SEO cho trang web của bạn.
- Trình tạo Sitemap Trình tạo sitemap XML trực tuyến miễn phí. Thêm URL, đặt mức ưu tiên và tần suất, tạo sitemap SEO ngay lập tức.