Sự khác biệt về màu sắc giữa hình ảnh và html

Question

Tôi gặp sự cố với màu nền css phù hợp với màu sắc trong hình ảnh trên cùng một trang html. Đưa cái gì?

Answer 1

Tôi đoán rằng bạn sử dụng hình ảnh PNG? Đây là một "tính năng" sửa gamma. Mark Ransom đã đăng một số useful text về việc này.

Lưu ý rằng giải pháp pngcrush được liệt kê ở đâu đó đã không hoạt động đối với tôi.

Answer 2

Ba khả năng mùa xuân trong tâm trí:

• kiểm sâu màu màn hình của bạn được thiết lập để 32 hoặc 24-bit, 16-bit không
• kiểm tra rằng hình ảnh không được gán một bảng (chẳng hạn như bảng màu an toàn cho web). Đây có thể là trường hợp của một hình ảnh .gif hoặc 8-bit .png.
• séc .png vấn đề chỉnh gamma trong IE - xem bài viết khác để biết chi tiết

Một cách giải quyết mà tôi đã sử dụng trong quá khứ xa xôi là để thiết lập màu nền bằng cách lặp lại một hình ảnh nhỏ, thay vì đặt nó trong HTML. Loại mẹo này hữu ích trong những ngày có bảng màu an toàn trên web, v.v., nhưng ít hữu dụng hơn.

Answer 3

Có thể trình duyệt của bạn là thử nghiệm, tôi gặp rất nhiều rắc rối với ví dụ 6.

Answer 4

Đây có thể là sự cố về màu sắc. Ví dụ: nếu hình ảnh là JPEG và có cấu hình màu và trình duyệt của bạn không hỗ trợ hiển thị hình ảnh trong các cấu hình màu mà chúng chỉ định, màu sắc của hình ảnh sẽ tự hiển thị khác trong trình duyệt của bạn. Trong trường hợp này, nếu bạn đã kiểm tra màu của hình ảnh trong Photoshop (nhận dạng màu) và sau đó áp dụng màu đó trong CSS của bạn và xem trang trong trình duyệt không phải là màu sắc, nó sẽ khác.

Answer 5

Bạn đang sử dụng chương trình chỉnh sửa hình ảnh nào? Tôi đã tìm thấy this article about Photoshop color profiles. Cũng có thể có sự cố với PNG gamma correction.

Answer 6

Có thể là do colour management của trình duyệt.