Chrome Perfectpixel hỗ trợ convert chính xác hơn đến từng pixcel

Giới thiệu: Chrome có addon miễn phí. Firefox cũng có nhưng có tính phí. (hơi buồn vì thường dùng firefox)

Tính năng:
Thêm nhiều lớp hình ảnh vào trên cùng browser để so sánh trực tiếp file thiết kế và website đang hoạt động.

Để hỗ trợ điều đó đó : độ trong suốt, mức độ ưu tiên của hình ảnh + vị trí có thể move hình ảnh.
Yêu cầu: hình ảnh và website đều phải đặt ở mức 100% độ chuẩn. Nếu hình ảnh mà đã phóng to thu nhỏ và đưa vào so sánh thì .... pó tay nhé.

Tác dụng:
Cùng lúc nhìn hình ảnh đã thiết kế và website để hiệu chỉnh.

Ý nghĩa: là công cụ hỗ trợ xem trực quan hơn, chứ không có nghĩa công việc giảm đi (vì vậy đừng ảo tưởng ... quá như mình ^.^ lúc đầu).

Bình thường thực hiện thì vẫn đo kích thước nhưng mức độ lệch là vài pixel, kết hợp với phương pháp này là quá tuyệt. Kết hợp với inspect element để chính cho đúng css.

Link download: (chỉ hỗ trợ google )
https://chrome.google.com/webstore/detail/perfectpixel-by-welldonec/dkaagdgjmgdmbnecmcefdhjekcoceebi