Skip to content
Zoyku

Trình tạo ảnh giữ chỗ

Tạo ảnh giữ chỗ kích thước nào cũng được dưới dạng SVG, PNG hay JPG — chọn màu và nhãn, xem trước tức thì, rồi tải tệp hoặc sao chép markup SVG.

Width (px)
Height (px)
Background color
Text color
Label (optional)
1200×630

Everything is generated locally: the SVG is pure markup you can paste into any project, and PNG/JPG versions are rendered on a canvas in your browser.

Công cụ này chạy hoàn toàn trong trình duyệt của bạn. Dữ liệu không bao giờ rời khỏi thiết bị — không được tải lên bất kỳ máy chủ nào.

Cách sử dụng

  1. 1Nhập chiều rộng và cao tính bằng pixel.
  2. 2Đặt màu nền và chữ, và nhãn tuỳ chọn (mặc định: kích thước).
  3. 3Tải về dạng SVG, PNG hay JPG — hoặc chép markup SVG và dán vào đâu cũng được.

Trình tạo ảnh giữ chỗ

Mockup và wireframe cần khung ảnh trước khi tài liệu thật tồn tại. Gõ chiều rộng và cao — hero 1200×630, avatar 256×256, hay bất kỳ từ 1×1 tới 5000×5000 — chọn màu nền và chữ, thêm nhãn nếu muốn, và ảnh giữ chỗ vẽ ngay theo từng phím bạn gõ.

Tải kết quả về dạng SVG, PNG hay JPG, hoặc chép markup SVG thẳng vào clipboard: đó là một nắm phần tử đọc được, chứ không phải cháo base64, nên bạn dán vào HTML, JSX hay Figma rồi sửa chữ và màu bằng tay. Mọi thứ sinh ra trong trình duyệt của bạn; không có gì được gửi đi.

Câu hỏi thường gặp

Khi nào nên dùng SVG thay vì PNG hay JPG?

SVG là văn bản: nhỏ xíu, phóng vô hạn và sửa được bằng tay — lý tưởng cho mockup, tài liệu và bố cục thân thiện thư điện tử. PNG an toàn hơn cho các nền tảng làm hỏng SVG nhúng (vài CMS và ứng dụng nhắn tin), còn JPG hợp với ảnh giữ chỗ giống ảnh chụp ở dung lượng nhỏ. Bản xem trước của cả ba như nhau.

Giới hạn kích thước và màu sắc là gì?

Chiều rộng và cao phải là số nguyên từ 1 tới 5000 pixel; màu phải là hex — #RRGGBB hay dạng rút gọn #RGB. Bất kỳ thứ gì khác đều bị từ chối kèm gợi ý thay vì lặng lẽ sinh ra ảnh hỏng.

Có gì được gửi lên máy chủ không?

Không. SVG được dựng từ một mẫu chuỗi trong trình duyệt của bạn và các bản raster vẽ trên canvas cục bộ. Không có gì rời trang: chạy cả khi ngoại tuyến và an toàn cho thiết kế chưa phát hành.

Nhúng công cụ này

Đưa công cụ này vào trang của bạn bằng một dòng — nó chạy trong trình duyệt của khách.

<iframe src="https://zoyku.com/vi/tools/placeholder-image-generator?embed=1" width="100%" height="640" style="border:0;border-radius:16px" title="Zoyku — placeholder-image-generator" loading="lazy"></iframe>
100% local processing