Về công cụ này
Ảnh ghép biến vài tấm ảnh riêng lẻ thành một ảnh duy nhất có thể chia sẻ — lưới 2×2 cho một chuyến đi, dải 3×1 cho ảnh sản phẩm, hay mosaic 3×3 lớn cho một moodboard. Công cụ này xây dựng lưới đó hoàn toàn trong trình duyệt của bạn: thêm ảnh, chọn số hàng và cột mong muốn, đặt khoảng cách và màu nền hiển thị qua các khe hở, rồi ghép tất cả lên một canvas duy nhất mà bạn có thể tải xuống dưới dạng PNG hoặc JPG.
Mỗi ảnh được co giãn để lấp đầy hoàn toàn ô của nó và được cắt canh giữa để khớp tỷ lệ khung hình của ô — giống hệt cách `object-fit: cover` trong CSS hoạt động — nên ảnh dọc và ảnh ngang đều khít với các ô lân cận thay vì bị bóp méo hay để trống viền. Ảnh lấp đầy lưới theo đúng thứ tự bạn đã thêm; nếu bạn thêm nhiều ảnh hơn số ô của lưới, ảnh dư sẽ đơn giản bị bỏ qua (có ghi chú), còn nếu thêm ít hơn, các ô còn lại sẽ giữ màu nền. Không có gì được tải lên — toàn bộ ảnh ghép được vẽ cục bộ bằng Canvas API và không bao giờ rời khỏi thiết bị của bạn.
Câu hỏi thường gặp
Điều gì xảy ra nếu một ảnh không khớp với tỷ lệ khung hình của ô?
Nó được thu phóng để bao phủ hoàn toàn ô (giống CSS `object-fit: cover`), sau đó được cắt xén ở giữa để vừa khít — ảnh luôn lấp đầy ô từ mép đến mép mà không bị méo hoặc có thanh trống dạng letterbox, nhưng bất kỳ phần nào không khớp với tỷ lệ của ô sẽ bị cắt bỏ ở hai bên hoặc trên/dưới.
Tôi có thể dùng số lượng ảnh khác với số ô của lưới không?
Có, cả hai hướng đều được xử lý gọn gàng: với số ảnh ít hơn số ô, các ô còn lại chỉ hiển thị màu nền bạn đã chọn; với số ảnh nhiều hơn số ô, các ảnh thừa sẽ chỉ đơn giản bị bỏ qua (kèm ghi chú cho bạn biết bao nhiêu ảnh đã bị bỏ) thay vì gây lỗi — hãy điều chỉnh hàng×cột để khớp chính xác nếu bạn muốn mọi ảnh đều được đưa vào.