digtools
🖼️
dummy image generator,

Trình Tạo Ảnh Ảo

Nhanh chóng tạo các bức ảnh ảo (placeholder) ngay trên trình duyệt với kích thước, màu sắc và chữ tùy chỉnh.

🎨
Tùy Chỉnh Toàn Bộ
Đổi kích thước & màu sắc tự do
🖼️
4 Định Dạng
Hỗ trợ PNG / JPEG / WebP / SVG
🔒
Xử Lý Nội Bộ
Không gửi ảnh lên server
600 × 400
px
×
px
24px
about,

Giới thiệu

Trình tạo ảnh ảo là một công cụ miễn phí giúp bạn nhanh chóng tạo các "ảnh placeholder" ngay trên trình duyệt. Rất hữu ích khi làm thiết kế web hoặc phát triển ứng dụng mà bạn cần một bức ảnh tạm để trám vào bố cục chờ ảnh thật.

Ngoài việc tùy chỉnh chiều rộng và chiều cao bất kỳ, công cụ còn cung cấp sẵn các kích thước chuẩn của mạng xã hội (OGP, Thumbnail...) hay banner quảng cáo. Bạn có thể đổi màu nền, màu chữ, viết chữ lên ảnh và xuất file dưới 4 định dạng phổ biến: PNG, JPEG, WebP, SVG.

Đặc biệt, mọi quá trình tạo ảnh đều diễn ra trên trình duyệt của bạn (client-side). Sẽ không có bất kỳ dữ liệu hay nội dung text nào bị gửi lên máy chủ của chúng tôi, đảm bảo an toàn tuyệt đối.

how to,

Cách sử dụng

BƯỚC 1

Cài đặt kích thước

Nhập "Chiều rộng" và "Chiều cao" theo đơn vị pixel. Nếu muốn giữ nguyên tỷ lệ khung hình khi kéo thả kích thước, hãy tick vào "Khóa Tỷ Lệ". Hoặc bạn có thể bấm qua tab Mẫu Có Sẵn để chọn các kích thước chuẩn trong 1 nốt nhạc.

BƯỚC 2

Tùy chỉnh thiết kế

Chọn Màu Nền và Màu Chữ bằng cách bấm vào ô chọn màu hoặc nhập mã HEX (ví dụ: #CCCCCC). Chữ hiển thị mặc định sẽ là kích thước ảnh (vd: 600x400), nhưng bạn có thể bỏ tick "Tự động" để nhập bất cứ nội dung gì bạn thích.

BƯỚC 3

Tải ảnh về máy

Sau khi đã ưng ý với ảnh xem trước, chọn định dạng đuôi file bạn muốn xuất (PNG, JPEG, WebP, SVG) và bấm nút "Tải Xuống". Ảnh sẽ được lưu trực tiếp vào máy tính/điện thoại của bạn.

glossary,

Thuật ngữ

Ảnh Placeholder
Ảnh dùng để giữ chỗ. Trong lúc thiết kế UI/UX hay code giao diện, khi chưa có ảnh thật của khách gửi, lập trình viên sẽ nhét mấy tấm ảnh ảo này vào để xem tổng thể bố cục có bị vỡ hay xấu không.
OGP (Open Graph Protocol)
Khi bạn chia sẻ một đường link lên Facebook hay Zalo, cái hình thu nhỏ hiện lên chính là ảnh OGP. Kích thước tiêu chuẩn thường là 1200x630 pixel, và công cụ này có sẵn kích thước đó cho bạn chọn.
WebP
Một định dạng ảnh xịn xò do Google tạo ra. Nó nhẹ hơn PNG và JPEG rất nhiều mà vẫn giữ được chất lượng nét căng. Tải web nhanh hơn đồng nghĩa với SEO tốt hơn, nên giờ ai cũng chuộng WebP.
SVG (Scalable Vector Graphics)
Ảnh vector được viết bằng mã (XML). Zoom to cỡ nào cũng không bị vỡ hạt. Khi xuất ảnh ảo bằng SVG từ công cụ này, dung lượng file chỉ tính bằng vài byte siêu nhẹ.
faq,

FAQ

Q.Tôi có thể tạo ảnh lớn đến mức nào?
Tùy thuộc vào bộ nhớ của trình duyệt, nhưng với cấu hình thông thường, bạn có thể tạo ảnh độ phân giải cao cỡ 4000x4000 pixel mà không gặp vấn đề gì. Tuy nhiên, nếu bạn tạo ảnh cực lớn (như 10000 pixel trở lên), trình duyệt có thể bị đứng hoặc crash.
Q.Tôi có thể làm ảnh nền trong suốt được không?
Được chứ. Ở phần màu nền, hãy nhập mã màu có đuôi 00 (ví dụ #00000000) để làm nền trong suốt. Nhớ chọn định dạng xuất là PNG, WebP hoặc SVG nhé. Định dạng JPEG không hỗ trợ nền trong suốt nên nó sẽ tự động đổ thành nền trắng hoặc đen.
Q.Tôi có thể tạo hàng loạt nhiều ảnh cùng lúc không?
Công cụ này được thiết kế để tùy chỉnh và tạo từng ảnh một theo đúng ý bạn, nên chưa hỗ trợ tạo hàng loạt. Nếu bạn cần rất nhiều ảnh cùng lúc, hãy dùng các API cấp ảnh placeholder (như Lorem Picsum) để chèn thẳng vào code.
Q.Dùng trên điện thoại được không?
Có, nó hoạt động mượt mà trên trình duyệt của điện thoại và máy tính bảng. Ảnh tạo ra có thể lưu thẳng vào cuộn camera (Photos) để bạn dùng cho thiết kế trên điện thoại.
use cases,

Ứng dụng

💻

Thiết kế Wireframe và Mockup Web

Khi dev phải code giao diện từ bản vẽ của designer nhưng chưa nhận được kho ảnh thực tế, họ sẽ dùng ảnh ảo này để giữ chỗ cho các khu vực ảnh đại diện, ảnh bài viết...

📱

Template cho Baner & Mạng Xã Hội

Tạo các khung ảnh có kích thước chuẩn của ảnh cover Facebook, ảnh bìa YouTube hay banner GDN để kiểm tra xem chữ có bị cắt mất hay thiết kế có lọt vào vùng an toàn không.

📝

Làm Theme cho Blog & CMS

Khi code theme WordPress, bạn cần nhập hàng chục bài viết thử nghiệm. Tải vài chục tấm ảnh có ghi sẵn kích thước để nhét vào Thumbnail sẽ giúp bạn dễ dàng theo dõi tỷ lệ crop ảnh.

📊

Chuẩn bị Slide Thuyết trình

Khi làm file PowerPoint hay Google Slides để đi gọi vốn, nếu chưa có ảnh minh họa, bạn cứ ném tạm mấy tấm placeholder này vào để hình dung tổng quan cấu trúc trang trình bày.

Tất cả danh mục

Gửi phản hồi

Vui lòng cho chúng tôi biết suy nghĩ của bạn để giúp chúng tôi cải thiện công cụ.

Tuyên bố miễn trách nhiệm

Các công cụ được cung cấp trên trang web này hoàn toàn miễn phí, nhưng vui lòng sử dụng theo rủi ro của riêng bạn. Chúng tôi không đảm bảo về độ chính xác, đầy đủ hoặc an toàn của bất kỳ kết quả tính toán, kết quả chuyển đổi hoặc dữ liệu được tạo ra nào. Xin lưu ý rằng người vận hành không chịu trách nhiệm về bất kỳ thiệt hại hoặc sự cố nào gây ra bởi việc sử dụng các công cụ này. Hầu hết các công cụ xử lý tệp và tính toán ngay trong trình duyệt của bạn, nghĩa là dữ liệu bạn nhập không được gửi hoặc lưu trữ trên máy chủ của chúng tôi.