Back to Tools

Tạo SVG Placeholder

Tạo hình ảnh SVG giả (placeholder) và data URL nhẹ nhàng, tiện lợi cho việc dựng layout web và thiết kế wireframe nhanh chóng.

Configuration

Xem trước trực tiếp

SVG Placeholder Preview

Data URL

Mã SVG HTML

Câu Hỏi Thường Gặp (FAQ)

Hình ảnh Placeholder SVG là gì?
Placeholder SVG là các hình ảnh vector nhẹ được dùng để giữ chỗ cho hình ảnh thật trên các thiết kế web. Chúng cho phép lập trình viên và designer thấy được bố cục trước khi có nội dung thật.
Tôi có thể nhúng trực tiếp SVG này vào HTML không?
Có, bạn có hai cách: 1) Copy Data URL để đặt vào thuộc tính src của thẻ img. 2) Copy SVG String để dán trực tiếp mã HTML vào trang web.
Tại sao nên dùng định dạng SVG thay vì PNG/JPG?
SVG rất nhẹ, có thể phóng to thu nhỏ mà không bị vỡ hạt (lossless scaling), dễ dàng thay đổi màu sắc và text mà không cần load lại các file ảnh dung lượng lớn, giúp trang web tải nhanh hơn.