Hình ảnh / Xưởng ảnh

Thanh trượt trước và sau

Tạo bản so sánh trước và sau với nhãn có thể chỉnh sửa cùng thanh trượt trực tiếp. Tải xuống tệp HTML độc lập chứa cả hai ảnh, GIF có hiệu ứng quét hoặc WebM nếu được hỗ trợ.

Thanh trượt trước và sau: Công cụ sử dụng tỷ lệ của ảnh trước và cắt chính giữa ảnh sau để vừa khung. Tệp HTML tải xuống chứa cả hai ảnh PNG dưới dạng URI dữ liệu cùng thanh trượt phạm vi có thể điều khiển bằng bàn phím. Hiệu ứng quét GIF nằm trong khung 480 × 480 px; hiệu ứng quét WebM được ghi trong khoảng hai giây khi trình duyệt hỗ trợ ghi hình. Chạy 100% cục bộ trong trình duyệt của bạn, không có tệp nào được tải lên máy chủ.

Lượt chạy
Trong trình duyệt của bạn
Chi phí
Miễn phí · không cần đăng ký
Trạng thái khả dụng
Sẵn sàng sử dụng
Thanh trượt trước và sauXử lý cục bộ

Chạy hoàn toàn trong trình duyệt của bạn

Áp dụng cho lần xuất raster tiếp theo.
Chọn ảnh trước

Nhấp, kéo và thả hoặc dán · dữ liệu vẫn ở trên thiết bị này

Chọn ảnh sau

Nhấp, kéo và thả hoặc dán · dữ liệu vẫn ở trên thiết bị này

Ảnh trước xác định tỷ lệ; ảnh sau được cắt chính giữa để vừa khung. Ảnh tĩnh và ảnh HTML được thu vừa trong 1200 × 1200 pixel. GIF chuyển ảnh được thu vừa trong 480 × 480 pixel.

Tệp HTML xuất ra chứa hình ảnh và mã thanh trượt trong cùng một tệp. Mở tệp bằng trình duyệt để kéo thanh trượt hoặc dùng các phím mũi tên.

So sánh trực tiếp

Chọn cả hai ảnh để so sánh.

Tính năng ghi WebM không khả dụng trong trình duyệt này. Thay vào đó, hãy tải xuống GIF chuyển ảnh.

So sánh dễ chia sẻ

Cả hai hình ảnh được chuẩn hóa về cùng tỷ lệ và nhúng vào HTML dưới dạng URI dữ liệu PNG. Một điều khiển phạm vi gốc xác định vùng hình ảnh sau đang hiển thị và hỗ trợ các phím mũi tên trên bàn phím. Tệp chứa JavaScript nội tuyến, có thể bị các chính sách lưu trữ nghiêm ngặt chặn.

Tệp xuất động

Tính khả dụng của WebM được kiểm tra trước khi ghi. GIF là phương án dự phòng khi WebM hoặc tính năng ghi canvas không khả dụng. Kiểm tra hỗ trợ MediaRecorder: https://developer.mozilla.org/en-US/docs/Web/API/MediaRecorder/isTypeSupported_static

Cách sử dụng

  1. Chọn ảnh trước và sau.
  2. Thêm nhãn rồi di chuyển thanh trượt so sánh.
  3. Tải xuống HTML để dùng thanh trượt tương tác, hoặc GIF hay WebM được hỗ trợ để tạo hiệu ứng quét động.

Quyền riêng tư và giới hạn

Dữ liệu đầu vào và hình ảnh của bạn vẫn ở trong trình duyệt. Không có gì được tải lên.

Công cụ liên quan

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

HTML có hoạt động ngoại tuyến không?

Có. Tệp này chứa cả hai ảnh và mã thanh trượt trong một tệp duy nhất, không gửi yêu cầu bên ngoài.

Tại sao WebM bị vô hiệu hóa?

Trình duyệt phải hỗ trợ ghi WebM và chụp canvas. Khi các tính năng này không khả dụng, hãy dùng hiệu ứng quét GIF.

Công cụ này khác gì so với thanh trượt so sánh hình ảnh?

Trang này xuất thanh trượt HTML hoạt động được và các hiệu ứng quét động. Thanh trượt so sánh hình ảnh xuất PNG tĩnh, bao gồm cả bố cục đặt cạnh nhau.

Công cụ miễn phí · trong trình duyệt của bạn lượt chạy · không cần tài khoản