Đặt bản thiết kế lên trang bạn đã dựng
Thả bản thiết kế xuất ra lên trang của bạn rồi căn cho khớp. Bật Difference: điểm ảnh nào khớp sẽ thành màu đen, chỉ còn lại chỗ lệch.
Miễn phí và mã nguồn mở (MIT). Phiên bản 0.2.2. Chưa có trên Chrome Web Store: hãy cài từ mã nguồn theo hướng dẫn bên dưới.
Xem Pixel Veil trên một trang thật
Pixel Veil làm được gì
Không giới hạn lớp
Đặt bản thiết kế desktop, tablet và mobile cạnh nhau, miễn phí. Chỉnh độ trong suốt và tỉ lệ của từng lớp, một cú nhấp cho bản xuất ở 2x.
Bốn cách so sánh
Difference biến điểm ảnh khớp thành màu đen, chỉ còn lại chỗ lệch. Ngoài ra còn Multiply, Screen và Invert.
Căn khớp nhanh
Kéo thả, gõ X và Y, nhích bằng phím mũi tên (giữ Shift để nhích 10 px), hoặc nhấp Center hay Fit width.
Nhóm
Đặt tên nhóm cho từng trang, danh sách sẽ chỉ hiện bản thiết kế của trang đó.
Header dính, trang hẹp
Ghim một lớp vào cửa sổ cho header dính, hoặc chuyển bảng điều khiển sang side panel của Chrome.
Xuất và nhập
Lưu các lớp và hình của một trang vào một tệp, rồi thêm lại trên bất kỳ máy nào.
Cài từ mã nguồn
Pixel Veil chưa có trên Chrome Web Store. Tự build chỉ mất khoảng một phút, với Git và Node.js:
git clone https://github.com/Ank-KhoaHo/pixel-overlay
cd pixel-overlay
npm ci
npm run buildSau đó mở chrome://extensions, bật Developer mode, chọn Load unpacked và chọn thư mục .output/chrome-mv3.
Bản thiết kế của bạn ở lại trong trình duyệt
Pixel Veil không có tài khoản, không analytics và không có máy chủ. Khi mới cài, nó không truy cập được trang nào; nó chỉ vẽ lên một tab sau khi bạn nhấp vào biểu tượng của nó ở tab đó.
Đọc chính sách quyền riêng tư