Lưu Hình ảnh Photoshop dưới dạng GIF cho Thiết bị Web và Điện thoại di động - núm vú

Lưu các tệp tin cho web hoặc thiết bị di động trong Photoshop Photoshop CS5 tạo một phiên bản nhỏ hơn của hình ảnh để tải nhanh chóng. Ý tưởng là làm cho hình ảnh nhỏ nhất có thể trong khi vẫn giữ được hình ảnh dễ chịu.

Sử dụng định dạng GIF nếu bạn có nhiều màu lớn.

Một hình ảnh có nhiều màu đặc biệt làm cho một GIF tốt.

Định dạng GIF không lossy ( nó không bị mất dữ liệu khi tệp nén ở định dạng này), nhưng giảm kích thước tệp bằng cách sử dụng một số lượng hạn chế các màu trong bảng màu. Số lượng màu càng thấp, kích thước tệp càng nhỏ. Nếu bạn đã từng làm việc trong chế độ màu Index, bạn đã quen thuộc với quá trình này.

Độ trong được hỗ trợ bởi định dạng tệp GIF. Nói chung, các tệp GIF không làm việc tốt trên bất cứ thứ gì cần chuyển đổi trơn tru từ một màu này sang màu khác, vì sự hỗ trợ kém của định dạng chống răng cưa , đó là phương pháp mà Photoshop sử dụng mịn màng. Khi một ảnh chuyển từ màu này sang màu khác, Photoshop sẽ tạo ra nhiều màu sắc của các điểm ảnh để tạo ra sự pha trộn giữa hai màu.

Bởi vì chống răng cưa cần tạo nhiều màu sắc cho hiệu ứng này, các tập tin GIF thường không được khuyến khích. Trên thực tế, khi bạn giảm kích thước của một GIF, bạn sẽ thích dải (một hiện vật xuất hiện dưới dạng các vạch trong hình) bởi vì việc chống răng cưa không thể diễn ra với giới hạn số màu có sẵn ở định dạng GIF.

Bạn có thể dĩ nhiên tăng số lượng màu sắc để tạo ra sự chuyển đổi mượt mà hơn, nhưng sau đó bạn có nguy cơ tạo các tệp quái vật kéo dài để tải xuống.

Lưu dưới dạng GIF

Khi bạn chọn File → Save For Web & Devices, trước tiên bạn sẽ thấy các tùy chọn định dạng GIF có sẵn. Họ có thể rõ ràng hơn nếu bạn có một hình ảnh mở (với nhiều màu sắc rắn trong đó).

Để lưu tệp cho Web dưới dạng tệp GIF, hãy làm theo các bước sau:

Chọn Tệp → Lưu cho Web và Thiết bị.

Hộp thoại Lưu cho Web & Thiết bị xuất hiện.
Ở đầu, nhấp vào tab 2-up.

Bạn nhìn thấy hình ảnh gốc ở bên trái và hình ảnh được tối ưu hóa ở bên phải (hoặc trên cùng và dưới cùng, tùy thuộc vào tỷ lệ hình ảnh).

Ở phần dưới của màn hình, bạn sẽ thấy kích thước tệp gốc so với kích thước tệp được tối ưu hóa, cũng như thời gian tải gần đúng. Thời gian tải xuống là rất quan trọng. Hầu hết mọi người không đợi quá mười giây để trang web xuất hiện, vì vậy giữ thời gian tải xuống của mỗi hình ảnh xuống còn 5 giây hoặc ít hơn.

Thay đổi tốc độ tải xuống bằng cách chọn từ trình đơn Xem trước (tìm kiếm mũi tên ở phía trên bên phải của hộp thoại Lưu cho Web & Thiết bị).
Chọn GIF 32 No Dither từ danh sách thả xuống Preset.

Bạn có thể thấy một sự thay đổi. Photoshop cung cấp cho bạn các cài đặt sẵn để lựa chọn, hoặc bạn có thể tuỳ chỉnh và lưu riêng của bạn.
Chọn xem bạn có muốn điều chỉnh độ dithering cho hình ảnh bằng cách chọn một tùy chọn từ danh sách thả xuống Xác định Dither Algorithm.

Sự lựa chọn này hoàn toàn mang tính cá nhân. Bởi vì bạn có thể giới hạn màu sắc, Photoshop có thể sử dụng pha trộn để trộn các điểm ảnh màu sẵn có để mô phỏng màu sắc bị thiếu. Nhiều nhà thiết kế chọn tùy chọn No Dither bởi vì việc pha loãng có thể tạo ra những đốm màu không tự nhiên trong một hình ảnh.

Chọn từ cài đặt trước hoặc tạo cài đặt tùy chỉnh của riêng bạn.
Nếu hình ảnh của bạn ở trên một lớp trong suốt và bạn muốn duy trì sự minh bạch đó trên một trang Web, hãy chọn hộp kiểm Transparency.

Bảng màu trong hộp thoại Lưu thiết bị Web & Thiết bị

Khi bạn lưu một hình ảnh ở định dạng GIF bằng hộp thoại Lưu cho Web & Thiết bị, bạn sẽ thấy bảng màu cho hình ảnh ở phía bên phải hộp thoại. Bảng màu là rất quan trọng vì nó không chỉ cho phép bạn nhìn thấy màu sắc được sử dụng trong hình ảnh mà còn cho phép bạn tùy chỉnh bảng màu bằng cách sử dụng các tùy chọn ở phía dưới cùng.

Bạn có thể tùy chỉnh bảng màu của mình bằng cách chọn một số màu để được An toàn trên web và khóa màu để chúng không bị va đập khi bạn giảm số lượng đã sử dụng.

Để tùy chỉnh bảng màu, hãy làm theo các bước sau:

Nếu hình ảnh của bạn chỉ có một vài màu mà bạn muốn chuyển đổi thành màu Web-safe, hãy chọn công cụ Eyedropper ở bên trái hộp thoại Lưu cho Web & Thiết bị hộp và nhấp vào màu sắc trong chế độ xem Tối ưu hóa.

Màu lấy mẫu được đánh dấu trong bảng màu.
Nhấp vào nút An toàn trên web ở cuối bảng màu.

Khi bạn vượt qua nút này, chú giải công cụ Cải tiến / Bỏ màu được chọn vào Web Panel xuất hiện.

Một viên kim cương xuất hiện, chỉ ra rằng màu sắc bây giờ an toàn trên web.
Khóa màu mà bạn không muốn xóa khi bạn giảm số lượng màu sắc trong bảng màu.

Chọn một màu với công cụ Eyedropper, hoặc chọn nó trong bảng màu và sau đó nhấp vào nút Khóa Màu. Một hình vuông màu trắng xuất hiện ở góc dưới bên phải, chỉ ra rằng màu sắc đã bị khóa.

Nếu bạn khóa 32 màu và sau đó giảm bảng màu xuống 24, một số màu đã khóa sẽ bị xóa. Nếu bạn chọn thêm màu sắc, những màu đã khóa đó sẽ là màu đầu tiên trở lại.

Tùy chỉnh màu sắc bằng cách sử dụng bảng màu trong cửa sổ Lưu cho Web và Thiết bị.

bảng màu được tạo ra như thế nào? Dựa vào phương pháp thuật toán giảm màu bạn chọn, tính năng Lưu trang web & Thiết bị sẽ kiểm tra số lượng màu mà bạn cho biết. Nếu giữ màu an toàn trên web là quan trọng, hãy chọn tùy chọn Restrictive (Web) cho phương pháp; nếu bạn muốn hình ảnh của mình trông đẹp hơn trên hầu hết các màn hình nhưng không nhất thiết phải an toàn trên web, hãy chọn tùy chọn Adaptive.

Sử dụng trình đơn thả xuống Màu sắc hoặc nhập một số để thêm hoặc xóa màu sắc từ bảng màu.
Nếu hình ảnh của bạn sử dụng độ trong suốt, hãy chọn hộp kiểm Độ trong suốt gần đầu hộp thoại Lưu trang web và thiết bị.

Hãy nhớ rằng minh bạch được tính là một trong những màu của bạn trong bảng màu.
Chọn hộp kiểm Tách rời chỉ khi ảnh GIF của bạn lớn (25K trở lên).

Chọn tùy chọn này làm cho hình ảnh được xây dựng trên một số lần quét trên trang web - hình ảnh có độ phân giải thấp sẽ bật lên nhanh chóng và sau đó được làm mới với hình ảnh có độ phân giải cao hơn khi quá trình tải xuống hoàn tất. Interlacing cho phép ảo giác về việc tải xuống nhanh hơn nhưng làm cho kích thước tệp lớn hơn, do đó chỉ sử dụng nó nếu cần.
Nhấp vào Lưu.

Bây giờ hình ảnh đã sẵn sàng để được gắn vào một e-mail hoặc sử dụng trong một trang web.