Xuất SVG từ Illustrator

SVG đóng một vai trò trung tâm trong web ngày nay. Chúng không chỉ thay thế các phông chữ biểu tượng mà còn cung cấp khả năng thao tác thông qua CSS hoặc JavaScript. Nếu bạn muốn lưu đồ họa vector cho web từ Adobe Illustrator dưới dạng SVG, bạn phải thực hiện một số cài đặt để tránh cạm bẫy và giảm thời gian tải, điều này tôi sẽ trình bày trong bài viết sau.


Có thể tìm thấy chức năng xuất chung trong " Tệp> Xuất> Xuất dưới dạng ... ". Cuối cùng, chọn " SVG (* .SVG) " làm loại tệp. Nếu bạn không muốn cắt các vùng trong suốt và tính đến vùng vẽ, hãy chọn " Sử dụng vùng vẽ ", nếu không thì không. Trong hộp thoại sau, bạn chọn các tùy chọn sau:

Nếu bạn không hài lòng với mức độ chi tiết của các đường dẫn trong kết quả, bạn tăng dần các chữ số thập phân lên 3 hoặc 4.

Sẽ rất thú vị khi bạn nhúng mặt nạ cắt vào tệp vectơ. Chúng cũng có thể được loại bỏ (điều này một lần nữa dẫn đến kích thước tệp nhỏ hơn và tăng khả năng tương thích khi sử dụng các công cụ in như dompdf ).

Có hai cách nổi tiếng trong Illustrator: Đầu tiên, bạn đánh dấu tất cả các đối tượng bằng CTRL + A và chọn " Đối tượng> Giảm độ trong suốt ... ". Sau đó, bạn loại bỏ các clipping mask hiện có thông qua " Object> Clipping Mask> Convert Back ". Nếu cách đó không hiệu quả, hãy làm như sau thay vì hai bước cuối cùng: Đầu tiên chọn " Đối tượng> Chuyển đổi ...> OK " và sau đó chọn tùy chọn " Loại bỏ khu vực chồng chéo " trong hộp thoại Pathfinder.:

SVG cuối cùng sau đó có thể được tối ưu hóa hơn nữa bằng các công cụ như svgo (trên dòng lệnh hoặc trong GUI web ).

Trở lại