Làm cách nào để xóa các pixel trắng xung quanh các cạnh khi xuất GIF trong suốt?


11

Tôi đã lấy các trình tải từ xooplate.com sau đó xuất chúng với sự trợ giúp của hành động đi kèm sang GIF. Nhưng tôi có một số pixel trắng xung quanh trình tải thực sự gây khó chịu khi hiển thị trên nền tối. Bạn có thể thấy nó ở đây, trong một khung tôi trích xuất từ ​​gif:

nhập mô tả hình ảnh ở đây

Làm cách nào tôi có thể ngăn những pixel trắng đó và duy trì nền trong suốt?


Bạn có thể muốn đề cập đến phần mềm bạn đang sử dụng. Tôi có thể giả sử Photoshop, nhưng không bao giờ đau lòng khi gắn thẻ câu hỏi của bạn đúng cách và đề cập đến phần mềm bạn đang sử dụng.
Scott

đó là photoshop. Tôi quan tâm đến việc xóa các pixel trắng đó, không phải trong suốt (KMSTR)
Ryan

1
kontur là chính xác về lý do cho sự gồ ghề (tức là bật / tắt trạng thái nhị phân). Tùy thuộc vào ngữ cảnh, người ta có thể gian lận một chút bằng cách tạo ra một hình ảnh lớn hơn, gần giống nhau được lưu dưới dạng PNG với độ trong suốt alpha và đặt nó làm hình nền tĩnh với gif hoạt hình màu thấp tập trung vào nó. Bằng cách này, bạn có thể đảm bảo màu mờ (như được mô tả trong câu trả lời của kontur) có thể được biết với mức độ chắc chắn cao hơn.
horatio

Câu trả lời:


19

Cách thức trong suốt hoạt động với gifs / png 8 bitmột pixel hoàn toàn trong suốt hoặc mờ hoàn toàn .

Trên các góc của một vòng tròn nơi vòng tròn hòa trộn trong suốt với nền, thường có các pixel bán trong suốt để làm mịn quá trình chuyển đổi. Quá trình chuyển đổi suôn sẻ này không thể được sao chép hoàn toàn với gifs / png 8 bit.

Một cách để giả mạo điều này là chọn một nền mờ cho tất cả các pixel bán trong suốt đó. Điều này có nghĩa là những pixel không hoàn toàn trong suốt sẽ được tính màu của chúng như thể chúng ở trên cùng của màu mờ.

Các pixel trắng trong vòng tròn gif của bạn diễn ra như thế này, bởi vì chúng được tạo để sử dụng trên nền trắng. Các pixel bán trong suốt của vòng tròn ban đầu bị rọi vào màu trắng mờ, dẫn đến các pixel gần như trắng nhưng mờ hoàn toàn xung quanh các góc.

Cách khắc phục điều này nếu bạn có vòng tròn nguyên bản, trong suốtsave for web & devicesvà chọn một màu mờ phù hợp với nền của bạn. Bằng cách đó, các pixel có khả năng bán trong suốt sẽ được hợp nhất thành các pixel mờ hoàn toàn so với màu mờ và được xem trên trang web của bạn với màu nền tương tự, nó sẽ xuất hiện hoàn toàn mượt mà. Lưu ý rằng a) đồ họa với phạm vi nhỏ các vùng bán trong suốt (tính bằng pixel) hoạt động tốt nhất và b) điều này đòi hỏi nền của gif được hiển thị dựa trên một số màu nhất quán mà bạn chọn cho màu mờ của mình.

nhập mô tả hình ảnh ở đây

Trong hình ảnh này:

  • Phía trên bên trái là đồ họa tròn ban đầu với các góc được khử răng cưa, tức là được làm nhẵn.
  • Kết quả tương tự bạn nhận được với png-24, như được thấy ở phía trên bên phải - nhưng điều này không hoạt động cho hoạt hình.
  • Chế độ xem dưới cùng bên trái cho bạn thấy các pixel bán trong suốt của đồ họa được chuyển sang màu mờ đỏ đã chọn. Cũng lưu ý cách các pixel đó, hoàn toàn trong suốt, vẫn hoàn toàn trong suốt. Trong khi đó, chỉ những pixel có một chút độ trong suốt mới được "lót" bằng màu mờ và các pixel mờ hoàn toàn vẫn không bị ảnh hưởng bởi cài đặt độ trong suốt (tuy nhiên, chúng bị ảnh hưởng từ các lựa chọn về loại hòa sắc và màu sắc).
  • Phía dưới bên phải giống với loại tùy chọn xuất được sử dụng cho hình ảnh ví dụ của bạn. Với màu trắng mờ được chọn, cùng các pixel hiển thị màu đỏ ở hình dưới cùng bên trái, sẽ hiển thị màu trắng ở hình dưới cùng bên phải. Điều này là hoàn toàn chấp nhận được nếu bạn hiển thị nó trên nền trắng. Với các hình nền khác, tối hơn, các pixel trắng hiển thị do sử dụng sai màu mờ để tạo các pixel mờ hoàn toàn cho bất kỳ pixel nào không trong suốt hoàn toàn.

Xem cả hai gifs được xuất với màu đỏ và trắng mờ trong hình ảnh này, trên nền khác nhau. Điều này cho thấy màu đỏ mờ kết hợp độc đáo với nền đỏ như thế nào, nhưng cũng làm xáo trộn màu trắng mờ trên nền đen.

nhập mô tả hình ảnh ở đây


Nếu bạn đang ở trong tình huống không may, rằng bạn không có tệp gốc với các bảng chữ cái được khử răng cưa đầy đủ (nghĩa là bạn chỉ có gif 8 bit), thật khó để đảo ngược việc quét mờ này - pixel theo pixel bạn phải xóa màu mờ từ các pixel bán trong suốt và sau đó xuất lại chúng với các cài đặt phù hợp hơn.


5

Trong hộp thoại Lưu cho Web, hãy chắc chắn đặt màu Mờ ở bên phải cửa sổ thành màu nền của trang web của bạn.

GIF không hỗ trợ độ trong suốt 8 bit, chúng chỉ hỗ trợ độ trong suốt 1 bit. Điều tốt nhất bạn có thể làm là sử dụng màu phù hợp với nền trang web để hình ảnh hòa trộn với màu đó một cách dễ dàng.

Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.