SVG (Scalable Vector Graphics) là định dạng vector dựa trên XML, hỗ trợ tốt trên trình duyệt hiện đại. Ưu điểm: dung lượng nhỏ, tùy biến dễ dàng bằng CSS, co giãn không mờ, hầu như mọi trình duyệt đều hỗ trợ.
Tại sao dùng SVG?
- Kích thước nhỏ – phù hợp web/email.
- Linh hoạt với CSS – chỉnh sửa nhanh bằng trình soạn thảo văn bản.
- Vector – phóng to/thu nhỏ không mất chất lượng.
- Hỗ trợ rộng rãi trên trình duyệt.
Cách nhúng chữ ký SVG vào email Outlook (trên trình duyệt)
Lưu ý: Chỉ hoạt động trên Outlook Web (OWA). Ứng dụng Outlook desktop/Mail mặc định không hỗ trợ chữ ký SVG gốc.
Bước 1: Chuẩn bị link ảnh SVG
- Tải chữ ký SVG lên trang host ảnh (Imgur, GitHub, v.v.) hoặc dùng link trực tiếp.
- Chuột phải ảnh → Copy image address.
Thử chèn trực tiếp (Insert → Pictures → Inline) sẽ báo lỗi không hỗ trợ định dạng.
Bước 2: Mở công cụ phát triển (Inspect)
Trong cửa khung soạn thảo email Outlook Web, chuột phải vùng trống → Inspect (hoặc F12). Sẽ hiện bảng HTML.
Bước 3: Tạo phần tử trống
Trong tab Elements, tìm thẻ body hoặc div chứa nội dung email. Thêm một dòng trống (Enter) để tạo phần tử rỗng.
Bước 4: Chèn mã HTML cho chữ ký
Chuột phải phần tử rỗng → Edit as HTML. Xóa nội dung cũ, dán:
<img src="https://link-cua-ban.svg" style="width:200px;height:121px;">
src: đường dẫn file SVG.style: kích thước hiển thị (điều chỉnh tùy ý).
Click ra ngoài vùng soạn thảo → chữ ký hiện ra.
Lưu ý quan trọng
- Người nhận dùng Gmail hoặc client khác có thể không thấy chữ ký SVG do không hỗ trợ gốc.
- Khuyên dùng PNG/JPG cho chữ ký email để tương thích tối đa.