🏞️ Công Cụ Tạo Ảnh Placeholder
Tạo ảnh placeholder tùy chỉnh với chiều rộng và chiều cao bất kỳ — chọn màu nền, màu chữ và nhãn, sau đó tải xuống dạng PNG, JPEG hoặc WebP ngay trên trình duyệt, hoàn toàn miễn phí.
Giới thiệu
Công cụ này sử dụng Canvas API của trình duyệt để vẽ một hình chữ nhật màu đồng nhất theo kích thước pixel bạn chỉ định, sau đó hiển thị nhãn văn bản căn giữa — mặc định là kích thước ảnh, ví dụ 800×600. Bạn có thể chọn màu nền và màu chữ qua bộ chọn màu, nhập nhãn tùy ý và chọn định dạng xuất PNG, JPEG hoặc WebP. Kết quả có thể lưu thành file hoặc sao chép dưới dạng Base64 data URI để nhúng trực tiếp vào HTML hay CSS. Vì toàn bộ xử lý diễn ra phía client, dữ liệu của bạn không rời khỏi trình duyệt và không cần tài khoản hay máy chủ.
Cách sử dụng
- Nhập chiều rộng và chiều cao mong muốn theo pixel (tối đa 4000 mỗi chiều).
- Chọn màu nền và màu chữ bằng bộ chọn màu.
- Nhập nhãn tùy chỉnh, hoặc để trống để tự động hiển thị kích thước ảnh.
- Chọn định dạng xuất — PNG, JPEG hoặc WebP — và xem trước trực tiếp trên canvas.
- Nhấn Tải xuống để lưu file ảnh, hoặc sao chép Base64 data URI để nhúng trực tiếp vào code.
Câu hỏi thường gặp
- Ảnh placeholder là gì?
- Ảnh placeholder là hình ảnh tạm thời dùng trong quá trình phát triển web hoặc ứng dụng để giữ chỗ bố cục trước khi ảnh thật sẵn sàng — thường gặp trong wireframe, prototype và template HTML.
- Có giới hạn kích thước ảnh tối đa không?
- Công cụ hỗ trợ tối đa 4000×4000 pixel. Vượt quá giới hạn này, bộ nhớ canvas của trình duyệt có thể gây lỗi. Với hầu hết nhu cầu phát triển, 4000 px mỗi chiều là quá đủ.
- Base64 data URI là gì và khi nào nên dùng?
- Base64 data URI mã hóa ảnh thành chuỗi văn bản có thể dán trực tiếp vào thuộc tính src của thẻ img hoặc giá trị background-image trong CSS mà không cần file ảnh riêng. Phù hợp nhất cho ảnh nhỏ trong prototype hoặc email.
- Nên chọn định dạng xuất nào — PNG, JPEG hay WebP?
- Chọn PNG nếu cần chất lượng không mất dữ liệu và hỗ trợ trong suốt, JPEG khi không cần trong suốt để có file nhỏ hơn, và WebP để cân bằng tốt nhất giữa dung lượng và chất lượng trên các trình duyệt hiện đại.
- Công cụ này có tải dữ liệu lên máy chủ không?
- Không. Ảnh được tạo hoàn toàn trong trình duyệt bằng Canvas API và không bao giờ được truyền đến bất kỳ máy chủ nào. Không đăng nhập, không tải lên, không thu thập dữ liệu.