Cài đặt màu Photoshop cho thiết kế web

Những cài đặt cấu hình màu nào nên được sử dụng trong Photoshop cho thiết kế web? Có hiệu ứng màn hình hiệu chỉnh tiết kiệm cho hình ảnh web?

Tôi giữ cho màn hình của mình được hiệu chỉnh bằng máy đo màu và muốn chắc chắn rằng màu sắc của tôi sẽ nhất quán trên tất cả các trình duyệt chính.

Tôi sử dụng cấu hình màn hình đã hiệu chỉnh cho không gian làm việc của mình, tắt quản lý màu và không nhúng cấu hình để lưu cho web và thử sử dụng .png 24 bất cứ khi nào có thể. Đây có phải là thực hành tốt nhất?

Cài đặt màu

Tiết kiệm cho web

"Quản lý màu" và "phát triển web" không bao giờ nên được sử dụng trong cùng một câu, trừ khi đủ điều kiện với "không làm phiền", "lãng phí thời gian" hoặc "fuggedaboudit." Những lý do lawndartcatcher nêu ra là chính xác. Tôi vẫn chưa thấy một văn phòng (ngoài một studio thiết kế đồ họa) nơi có bất kỳ hai màn hình nào hiển thị cùng màu. Máy tính gia đình ít nhất là xấu.

Nếu bạn làm việc chủ yếu trên web, thì sRGB phải là mặc định của bạn, vì đó là tiêu chuẩn cho Internet và là thứ mà tất cả các tác nhân người dùng (trình duyệt) được xây dựng để hiển thị.

KHÔNG nhúng hồ sơ màu trong hình ảnh cho các trang web. Họ thêm kích thước cho hình ảnh, nhưng không thêm bất kỳ thông tin hữu ích nào, vì vậy tất cả những gì bạn làm là làm cho các trang của bạn nặng hơn. Khi bạn Lưu cho Web và Thiết bị từ Photoshop, hãy nhớ bỏ chọn "Nhúng màu hồ sơ." Như một biện pháp an toàn, hãy kiểm tra "Chuyển đổi sang sRGB" (trong trường hợp bạn đang xử lý một hình ảnh trong một không gian màu khác và bạn quên chuyển đổi nó).

Để trả lời các câu hỏi khác của bạn: Hiệu chỉnh màn hình không ảnh hưởng đến hình ảnh SfW trừ khi bạn sử dụng cấu hình giám sát làm hồ sơ màu cho hình ảnh (điều mà bạn không bao giờ nên làm vì bất kỳ lý do nào hoặc vì bất kỳ mục đích nào khác ngoài hình nền máy tính cá nhân).

PNG-24 hữu ích cho hình ảnh có độ trong suốt. Nếu không có độ trong suốt, jpeg thường cung cấp một tệp nhỏ hơn cho cùng chất lượng hình ảnh và đối với các hình ảnh đơn giản có ít màu sắc và đặc biệt là nếu chúng có các cạnh cứng (logo là ví dụ cổ điển) .gif thường là lựa chọn tốt nhất.

Chà, vấn đề lớn là bạn sẽ dành nhiều thời gian và quan tâm đến việc hiệu chỉnh và chọn màu sắc (tốt cho bạn!) Và rất có thể chúng sẽ được xem bởi những người thậm chí không thể làm việc Nút "Độ sáng" trên màn hình của họ. Tất cả đồng nghiệp của tôi (không thiết kế) đều có hai màn hình, và không ai trong số họ thậm chí phù hợp với nhau. Vì vậy, nếu bạn đang hỏi "Có cách nào màu đỏ đặc biệt này mà khách hàng của tôi yêu cầu sẽ luôn trông chính xác dựa trên hiệu chuẩn siêng năng mà tôi đã thực hiện không?" Câu trả lời thật đáng buồn là:

Không.

Nhưng (và đây là một khoản khá lớn nhưng) tất cả sự chăm sóc mà bạn thực hiện đều quan trọng. Bằng cách giữ một cấu hình nhất quán, tất cả các trang / màu của bạn sẽ trông giống nhau trên cùng một màn hình. Chỉ cần nhớ rằng không phải tất cả mọi người đều không sử dụng cùng một màn hình, vì vậy nó sẽ không giống nhau.

Bằng cách không nhúng hồ sơ, nó có thể mở rộng cửa để trình duyệt ghi đè lên hồ sơ hiện tại. Nếu bạn có thể khiến các trình duyệt lớn đồng ý về việc xử lý màu sắc thì có lẽ bạn sẽ nhận được một số giải thưởng Nobel.

Câu chuyện dài, vâng - tất cả sự chăm sóc mà bạn đang thực hiện đều quan trọng và các cài đặt bạn đang sử dụng đều tốt (mặc dù cá nhân tôi sẽ tìm kiếm một cấu hình RGB chung chung hơn một chút). Nhưng chỉ có rất nhiều quyền kiểm soát mà bạn sẽ có khi thiết kế của bạn rời khỏi máy và bước ra thế giới rộng lớn của những người dùng web không biết.

+1 Chris đây thực sự là một câu hỏi hay, chính xác là tôi không biết sâu sắc nhưng khi tôi quan tâm đến câu hỏi này, tôi đã tìm thấy một số bài viết giống nhau, có thể chúng sẽ giúp bạn khi tôi thay đổi cài đặt của mình theo chúng, xin vui lòng một cái nhìn, nó có thể sẽ giải quyết bạn tò mò là tốt.

1. quản lý màu bởi ivan
2. Mẹo để quản lý màu trong Photoshop cho web
3. Quản lý màu sắc để phù hợp với màu sắc trên nhiều thiết bị
4. Cài đặt này không ai nên sử dụng cho photoshop

Hy vọng ít nhất điều này sẽ giúp một chút .......

Cảm giác trung thực của tôi về quản lý màu web phản ánh những điều được thể hiện ở trên, nhưng với một số cảnh báo.

Nói chung, bạn nên duy trì luồng công việc được quản lý màu ở đầu để bạn ít nhất có thể có điểm khởi đầu tốt nếu bạn đang thiết kế bên ngoài quy trình quản lý màu và kết hợp màn hình / phần mềm của bạn diễn ra theo cách ra ngoài ăn trưa (phôi màu ngoài ý muốn, các vấn đề về gam màu và gamma, v.v.), bạn sẽ tăng nguy cơ rằng một thiết bị người dùng cuối chưa được hiệu chỉnh khác sẽ hết một lượng tương đương theo hướng ngược lại, và sẽ thấy một thứ gì đó gấp đôi hiển thị kém hơn nếu nó được thiết kế trong quy trình quản lý màu ở vị trí đầu tiên, dựa trên các quyết định màu sai lệch mà bạn đã thực hiện.

Ngoài ra, trong khi tôi không bao giờ gắn thẻ hình ảnh đồ họa (tiêu đề, điều hướng, hình nền, v.v.) cho các trang web và mẫu trang web (vì điều này có thể dẫn đến sự không phù hợp xấu giữa màu sắc được chỉ định hex và hình ảnh được quản lý màu sắc được quản lý màu trong số ít những trình duyệt mà thực sự tôn trọng cấu hình màu sắc), tôi làm thường ảnh thẻ. Đặc biệt hình ảnh độ phân giải cao hơn. Trong trường hợp hiếm hoi mà người dùng cuối đang xem nội dung trong trình duyệt được quản lý màu, các cấu hình đảm bảo rằng người dùng sẽ nhìn thấy bức ảnh khi nó được chụp và các tông màu da, bầu trời, nước, v.v. đại diện đúng.