Tạo ảnh placeholder cho mockup và bố cục web
Công cụ tạo ảnh placeholder này tạo ra những ảnh dummy ở mọi kích thước bạn đặt, kèm màu nền, chữ và font của riêng bạn. Nó được làm cho lập trình viên, nhà thiết kế và người sáng tạo nội dung cần một ảnh chèn tạm nhanh chóng cho mockup, wireframe, bản mẫu và việc thử nghiệm bố cục.
Thay vì phụ thuộc vào một dịch vụ placeholder chung chung, bạn dựng đúng thứ mình cần ngay tại đây. Bắt đầu từ một kích thước dựng sẵn cho mạng xã hội, banner web hay màn hình thiết bị, hoặc nhập kích thước tùy chỉnh đến 4096 × 4096 pixel, rồi xuất ra PNG, JPG, WebP hoặc SVG.
Cách tạo một ảnh placeholder
Chọn kích thước
Chọn một kích thước dựng sẵn từ các tab Phổ biến, Mạng xã hội, Web hoặc Thiết bị, hoặc tự nhập Chiều rộng và Chiều cao của bạn. Bật Khóa tỉ lệ khung để giữ nguyên tỉ lệ khi đổi kích thước.
Tùy chỉnh giao diện
Đặt màu Nền bằng bảng chọn màu hoặc mã hex, và thêm Chữ của riêng bạn. Để trống ô chữ để hiển thị kích thước (ví dụ 800 × 600). Khi bật tương phản Tự động, màu chữ được chọn tự động để luôn dễ đọc.
Chỉnh font chữ
Tự canh cỡ chữ mặc định sẽ canh chữ vừa với canvas. Tắt nó đi để đặt Cỡ chữ chính xác, và chọn Độ đậm chữ là Thường, Hơi đậm hoặc Đậm.
Xuất ảnh
Chọn một Định dạng — PNG cho chất lượng không mất mát, JPG hoặc WebP cho file nhỏ hơn (kèm thanh trượt Chất lượng), hoặc SVG cho ảnh vector phóng to thoải mái — rồi nhấn Tải xuống. Để tạo nhiều kích thước, nhấn Thêm để dựng một danh sách hàng loạt và Tải ZIP khi đã xong.
Tính năng
Thư viện kích thước dựng sẵn
Bốn tab kích thước sẵn có — Phổ biến (1080p, 720p, VGA, hình thu nhỏ), Mạng xã hội (Facebook, Instagram, Twitter), Web (leaderboard, banner chính, ảnh bìa blog) và Thiết bị (iPhone, iPad, Màn hình FHD/QHD/4K).
Kích thước tùy chỉnh
Nhập chiều rộng và chiều cao bất kỳ đến 4096 × 4096 pixel, kèm tùy chọn khóa tỉ lệ khung khi bạn đổi kích thước.
Tùy chỉnh màu sắc
Đặt màu nền và màu chữ bằng bảng chọn màu trực quan hoặc mã hex để kiểm soát giao diện chính xác.
Tự động tương phản
Tự động tương phản đọc độ sáng của nền và chọn màu chữ dễ đọc, để nhãn luôn hiện rõ trên nền sáng hay tối.
Chữ và font linh hoạt
Hiển thị chữ tùy chỉnh hoặc nhãn kích thước mặc định, tự canh font vừa canvas hoặc đặt thủ công, và chọn độ đậm Thường, Hơi đậm hoặc Đậm.
Nhiều định dạng xuất ảnh
Tải xuống dưới dạng PNG, JPG, WebP hoặc SVG, kèm thanh trượt chất lượng điều chỉnh được cho định dạng JPG và WebP.
Tạo hàng loạt
Thêm nhiều ảnh placeholder với kích thước, màu sắc và chữ riêng, rồi tải tất cả cùng lúc trong một file lưu trữ ZIP duy nhất.
Xem trước canvas trực tiếp
Canvas cập nhật tức thì khi bạn đổi kích thước, màu sắc, chữ và font, nên bạn thấy ảnh cuối cùng trước khi tải xuống.
Câu hỏi thường gặp
Ảnh placeholder là gì?
Ảnh placeholder là một ảnh chèn tạm thời, lấp vào vị trí ảnh trước khi có hình ảnh thật. Nó thường hiển thị kích thước hoặc một nhãn ngắn, để nhà thiết kế và lập trình viên dựng bố cục cho mockup, wireframe và mẫu template trong khi ảnh cuối cùng vẫn đang được chuẩn bị.
Làm sao tạo ảnh placeholder với kích thước tùy chỉnh?
Nhập chiều rộng và chiều cao bạn muốn, hoặc chọn một kích thước dựng sẵn rồi chỉnh từ đó. Bạn có thể tạo ảnh đến 4096 × 4096 pixel, đủ cho mọi thứ từ hình thu nhỏ nhỏ gọn đến màn hình 4K và bố cục in cỡ lớn.
Làm sao thêm chữ vào ảnh placeholder?
Gõ bất cứ thứ gì vào ô Chữ và nó sẽ hiện ở giữa ảnh. Nếu bạn để trống ô này, kích thước sẽ được hiển thị mặc định (ví dụ 800 × 600). Bạn kiểm soát cỡ chữ, độ đậm và màu sắc, hoặc để tính năng tự canh cỡ chữ và tự động tương phản lo phần đó cho bạn.
Tính năng Tự động tương phản làm gì?
Tự động tương phản nhìn vào độ sáng của màu nền và chọn một màu chữ hiện rõ trên nền đó — chữ tối trên nền sáng và chữ sáng trên nền tối. Tắt nó đi để bạn tự chọn màu chữ.
Tải về được những định dạng nào, gồm cả PNG và SVG?
Bạn có thể xuất ra PNG, JPG, WebP hoặc SVG. Dùng PNG cho ảnh sắc nét, không mất mát; JPG hoặc WebP cho file nhỏ hơn kèm thanh trượt chất lượng điều chỉnh được; và SVG khi bạn cần một ảnh vector phóng to mà vẫn sắc nét ở mọi kích thước.
Tính năng tạo hàng loạt hoạt động thế nào?
Thiết lập một ảnh placeholder, nhấn Thêm để đưa nó vào danh sách hàng loạt, rồi lặp lại cho từng kích thước bạn cần — mỗi mục giữ màu sắc và chữ riêng của nó. Khi đã sẵn sàng, nhấn Tải ZIP để nhận tất cả trong một file lưu trữ duy nhất.
Ảnh của tôi có bị tải lên máy chủ không?
Không. Mọi ảnh đều được tạo hoàn toàn trong trình duyệt của bạn bằng HTML Canvas API. Không có gì được tải lên hay lưu trên bất kỳ máy chủ nào, và không có dữ liệu sử dụng nào bị thu thập.
Chưa có bình luận nào. Hãy là người đầu tiên!