Các SVG có thể tham chiếu các SVG hoặc hình ảnh khác. Khi tôi kiểm tra đầu ra SVG từ Illustrator (Illustrator CC 17.1.0), áp dụng SVG AI_GaussianBlur_4 cho một đối tượng hình tròn có tô màu gradient dẫn đến chỉ đánh dấu SVG trong tệp. Tôi đã làm điều này hơn, nhưng lần này đã áp dụng Drop Shadow và sau đó là SVG AI_GaussianBlur_4. Mã bao gồm một hình ảnh. Nếu tôi áp dụng 2 Bộ lọc SVG lên đối tượng, thì SVG chứa hình ảnh.
Dựa trên điều này tôi sẽ nói:
- Nếu tệp của bạn chứa bất kỳ hiệu ứng nào không phải là Bộ lọc SVG và không yêu cầu rasterization (Stylize> Drop Shadow hoặc bất kỳ bộ lọc Photoshop nào), bạn sẽ kết thúc với một hình ảnh được nhúng trong tệp.
- Nếu tệp của bạn có nhiều bộ lọc SVG được áp dụng cho một đối tượng trong đó, bạn sẽ kết thúc với một hình ảnh được nhúng.
Tôi sẽ suy đoán rằng một hoặc hai điều là trường hợp, một mình hoặc song song:
- Plugin SVG mà Illustrator sử dụng chỉ đơn giản là kiểm tra và trao tác phẩm nghệ thuật cho trình rasterizer và yêu cầu trả lại .png bất cứ khi nào nó gặp nhiều hơn một hiệu ứng trên một đối tượng.
- Để giữ gìn vẻ ngoài của tác phẩm nghệ thuật, đặc biệt là xem xét các biến thể của trình duyệt, Illustrator đã raster hóa bất kỳ đối tượng nào có hiệu ứng không phải là SVG cụ thể hoặc có thể hiển thị xấu vì sự phức tạp và không được xác định cho sự khác biệt của trình duyệt.
Để kiểm tra:
Tạo một tệp mới và vẽ một đối tượng trong đó
Hãy chắc chắn rằng đối tượng được chọn
Chọn Hiệu ứng> Bộ lọc SVG Nhận> AI_GaussianBlur_4
Chọn Tệp> Lưu
Chọn SVG trong định dạng kéo xuống
Nhấp vào để lưu
Nhấp vào mã SVG
Điều này sẽ mở một tệp văn bản với đánh dấu SVG trong đó. Không có hình ảnh nhúng.
Quay trở lại Illustrator và Hủy bỏ khỏi hộp thoại Lưu
Hoàn tác AI_GaussianBlur_4
Chọn Hiệu ứng> Tạo kiểu> Thả bóng
Chấp nhận cài đặt mặc định
Chọn Tệp> Lưu
Chọn SVG trong định dạng kéo xuống
Nhấp vào để lưu
Nhấp vào mã SVG
Điều này sẽ mở một tệp văn bản với đánh dấu SVG trong đó. Nó sẽ có một hình ảnh nhúng .
Tôi đã thực hiện nhiều kết hợp bộ lọc và đối tượng bằng phương pháp này. Tôi ghi chú:
- Cả bộ lọc Stylize và SVG cho một đối tượng = hình ảnh nhúng
- Hai bộ lọc SVG được áp dụng cho một đối tượng = hình ảnh được nhúng
- Hai bộ lọc SVG, một bộ lọc được áp dụng cho Đối tượng A, bộ lọc thứ hai được áp dụng cho Đối tượng B = NO hình ảnh nhúng
- Ba bộ lọc SVG, một bộ lọc được áp dụng cho Đối tượng 1 và 2 được áp dụng cho Đối tượng 2 = hình ảnh được nhúng