Trình tạo giữ chỗ SVG

Tạo hình ảnh svg để sử dụng làm trình giữ chỗ trong ứng dụng của bạn.

Chiều rộng (tính bằng px)

Lý lịch

Chiều cao (tính bằng px)

Màu văn bản

Cỡ chữ

Văn bản tùy chỉnh

Sử dụng kích thước chính xác

Phần tử HTML SVG

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 350" width="600" height="350">
  <rect width="600" height="350" fill="#cccccc"></rect>
  <text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle" font-family="monospace" font-size="26px" fill="#333333">600x350</text>
</svg>

SVG trong Base64

data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MDAgMzUwIiB3aWR0aD0iNjAwIiBoZWlnaHQ9IjM1MCI+CiAgPHJlY3Qgd2lkdGg9IjYwMCIgaGVpZ2h0PSIzNTAiIGZpbGw9IiNjY2NjY2MiPjwvcmVjdD4KICA8dGV4dCB4PSI1MCUiIHk9IjUwJSIgZG9taW5hbnQtYmFzZWxpbmU9Im1pZGRsZSIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZm9udC1mYW1pbHk9Im1vbm9zcGFjZSIgZm9udC1zaXplPSIyNnB4IiBmaWxsPSIjMzMzMzMzIj42MDAqMzUwPC90ZXh0PiAgIAo8L3N2Zz4=

Trình giữ chỗ là gì?

Placeholder hay còn gọi là PlaceHolder trong tiếng Anh thường được sử dụng trong các tình huống không cần nội dung thực tế nhưng vị trí của nó cần được giữ lại, chẳng hạn như: placeholder văn bản, placeholder hình ảnh. Công cụ này cung cấp chức năng tạo hình ảnh giữ chỗ. Ảnh giữ chỗ được tạo có định dạng SVG. Quá trình tạo SVG được hoàn thành trên máy khách (trình duyệt), diễn ra cực kỳ nhanh nên công cụ này còn được gọi là công cụ giữ chỗ SVG.
Trình giữ chỗ chủ yếu được sử dụng trong thiết kế nguyên mẫu trang web (APP), trình bày PPT, hướng dẫn vận hành và các tình huống khác. Ý nghĩa được truyền tải là: loại hình ảnh nào sẽ được đặt ở đây và kích thước là xxx pixel. Trong các trường hợp trên, việc sử dụng trình giữ chỗ có thể tránh được chi phí thời gian cho việc tìm kiếm ảnh mỗi lần.