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

Trình tạo ảnh giữ chỗ là gì?

Trình tạo ảnh giữ chỗ là công cụ miễn phí ngay trong trình duyệt cho nhà thiết kế và lập trình viên front-end cần ảnh lấp chỗ khi dựng bố cục, mô hình, quảng cáo và thư viện thành phần. Bắt đầu từ mẫu cài sẵn như bài đăng Instagram, hình thu nhỏ YouTube, thẻ OG hoặc vị trí quảng cáo như leaderboard 728×90, hoặc nhập kích thước điểm ảnh chính xác. Tạo kiểu nền là một màu, chuyển sắc chéo hai màu hoặc bảng màu ngẫu nhiên, thêm họa tiết chéo hoặc lưới, và đặt nhãn nhiều dòng ở một trong chín vị trí với phông sans, serif hoặc monospace. Bật lớp phủ kích thước để in chiều rộng và chiều cao ở góc, và xuất dưới dạng PNG, JPG, WebP hoặc SVG có thể sao chép, với tỷ lệ retina @2x tùy chọn cho các định dạng raster.

Cách sử dụng Trình tạo ảnh giữ chỗ

1. Chọn kích thước cài sẵn (mạng xã hội, hình thu nhỏ hoặc quảng cáo) hoặc nhập chiều rộng và chiều cao chính xác bằng điểm ảnh.
2. Mở Cài đặt để thiết lập nền: một màu, chuyển sắc hai màu, hoặc nhấp Ngẫu nhiên để có màu ngẫu nhiên an toàn.
3. Tùy chọn phủ họa tiết chéo hoặc lưới và bật lớp phủ kích thước.
4. Nhập nhãn — dùng dòng mới cho văn bản nhiều dòng — rồi đặt vị trí, phông chữ, độ đậm và cỡ chữ.
5. Chọn PNG, JPG, WebP hoặc SVG, và bật @2x để xuất raster retina.
6. Kiểm tra bản xem trước trực tiếp và nhấp Tải xuống (với SVG bạn cũng có thể sao chép mã đánh dấu).

Ví dụ

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

Có những kích thước cài sẵn nào?

Kích thước mạng xã hội (bài đăng, dọc và story Instagram, ảnh bìa Facebook, bài đăng và tiêu đề X, banner LinkedIn, hình thu nhỏ YouTube, thẻ OG) và các đơn vị quảng cáo tiêu chuẩn (leaderboard, hình chữ nhật vừa, cao ốc rộng, billboard). Chọn một để điền chiều rộng và chiều cao, hoặc nhập bất kỳ kích thước tùy chỉnh nào.

Các tùy chọn nền và họa tiết hoạt động thế nào?

Nền có thể là một màu, chuyển sắc chéo hai màu, hoặc bảng màu ngẫu nhiên từ nút Ngẫu nhiên, dùng bộ tạo số ngẫu nhiên an toàn của trình duyệt. Bên trên bạn có thể phủ họa tiết đường chéo hoặc lưới được vẽ bằng màu chữ.

Nhãn có thể nhiều dòng và đổi vị trí không?

Có. Nhập dòng mới trong ô nhãn để có văn bản nhiều dòng, đặt khối ở một trong chín vị trí (trên/giữa/dưới × trái/giữa/phải), và chọn phông sans, serif hoặc monospace với độ đậm thường hoặc đậm và cỡ tự động hoặc cố định. Để trống nhãn để tự động in kích thước.

Xuất @2x làm gì?

Với các định dạng raster (PNG, JPG, WebP), nó vẽ canvas ở gấp đôi kích thước điểm ảnh để tệp vẫn sắc nét trên màn hình retina và DPI cao. SVG vốn không phụ thuộc độ phân giải nên @2x không áp dụng cho nó.

Ảnh hoặc văn bản của tôi có bị tải lên đâu không?

Không. Mỗi ảnh giữ chỗ được vẽ hoàn toàn trong trình duyệt bằng API canvas và SVG, và việc tải xuống diễn ra cục bộ — không có gì bạn nhập hoặc tạo được gửi đến máy chủ, nên nó hoạt động ngoại tuyến và giữ riêng tư cho công việc của bạn.