Làm thế nào để giữ GIF trong Photoshop

Sau khi tạo một hình ảnh động trong Photoshop, nó phải được lưu trong một trong các định dạng có sẵn, một trong số đó là GIF. Một tính năng của định dạng này là nó nhằm hiển thị (phát) trong trình duyệt.

Nếu bạn quan tâm đến các tùy chọn khác để lưu hình ảnh động, chúng tôi khuyên bạn nên đọc bài viết này:

Bài học: Cách lưu video trong Photoshop

Quá trình tạo hoạt hình GIF đã được mô tả trong một trong những bài học trước đó và hôm nay chúng ta sẽ nói về cách lưu tệp ở định dạng GIF và về cài đặt tối ưu hóa.

Bài học: Tạo một hình ảnh động đơn giản trong Photoshop

Tiết kiệm GIF.

Để bắt đầu, chúng tôi lặp lại các tài liệu và đọc cửa sổ Lưu Cài đặt. Nó mở bằng cách nhấp vào mục "Lưu cho web" trong menu Tệp.

Cửa sổ bao gồm hai phần: Khối xem trước

và khối cài đặt.

Xem trước khối.

Chọn số lượng tùy chọn xem được chọn ở đầu khối. Tùy thuộc vào nhu cầu, bạn có thể chọn cài đặt mong muốn.

Hình ảnh trong mỗi cửa sổ, ngoại trừ bản gốc, được cấu hình riêng. Điều này được thực hiện để bạn có thể chọn tùy chọn tối ưu.

Ở bên trái của khối có một bộ công cụ nhỏ. Chúng tôi sẽ chỉ sử dụng "bàn tay" và "quy mô".

Sử dụng "Tay", bạn có thể di chuyển hình ảnh trong cửa sổ đã chọn. Sự lựa chọn cũng được thực hiện bởi công cụ này. "Quy mô" thực hiện cùng một hành động. Xấp xỉ và xóa hình ảnh cũng có thể là các nút ở dưới cùng của khối.

Thấp bên dưới là nút với dòng chữ "xem". Nó mở tùy chọn đã chọn trong trình duyệt mặc định.

Trong cửa sổ trình duyệt, ngoại trừ cài đặt tham số, chúng ta cũng có thể lấy mã GIF HTML.

Cài đặt khối

Trong khối này, các tham số hình ảnh được cấu hình, xem xét nó nhiều hơn.

1. Bảng màu. Cài đặt này xác định bảng màu được lập chỉ mục nào sẽ được áp dụng cho hình ảnh khi tối ưu hóa.

   

   • Nhận thức, và đơn giản là "sơ đồ nhận thức." Khi được sử dụng, Photoshop sẽ tạo một bảng màu sắc, được hướng dẫn bởi các sắc thái hiện tại của hình ảnh. Theo các nhà phát triển, bảng này càng gần càng tốt để mắt người nhìn thấy màu sắc. Thêm vào đó - Hình ảnh gần với bản gốc nhất, màu sắc được lưu tối đa.
   • Đề án chọn lọc tương tự như trước đó, nhưng màu sắc liên quan đến web an toàn cho web chủ yếu được sử dụng trong đó. Nó cũng tập trung vào việc hiển thị các sắc thái gần đúng với cái đầu.
   • Thích ứng. Trong trường hợp này, bảng được tạo từ màu sắc phổ biến hơn trong hình ảnh.
   • Giới hạn. Bao gồm 77 màu, một số mẫu được thay thế bằng màu trắng dưới dạng điểm (hạt).
   • Tập quán. Khi chọn chương trình này, có thể tạo bảng màu của riêng bạn.
   • Đen và trắng. Bảng này chỉ sử dụng hai màu (đen trắng), cũng sử dụng hạt.
   • Ở điểm màu xám. Có nhiều hơn 84 mức độ màu xám.
   • Macos và windows. Dữ liệu bảng được biên dịch dựa trên các tính năng của ánh xạ hình ảnh trong các trình duyệt chạy các hệ điều hành này.

   Dưới đây là một số ví dụ về việc áp dụng các chương trình.

   

   Như bạn có thể thấy, ba mẫu đầu tiên có chất lượng khá chấp nhận được. Mặc dù thực tế là chúng gần như không khác với nhau, trên các hình ảnh khác nhau, các chương trình này sẽ hoạt động khác nhau.

2. Số lượng màu tối đa trong bảng màu.

   

   Số lượng sắc thái trong hình ảnh ảnh hưởng trực tiếp đến trọng lượng của nó và, theo đó, trên tốc độ tải xuống trong trình duyệt. Giá trị của 128 thường được sử dụng nhất, vì cài đặt này gần như không ảnh hưởng đến chất lượng, đồng thời giảm trọng lượng của GIF.

   

3. Màu web. Cài đặt này thiết lập dung sai mà các sắc thái được chuyển đổi sang tương đương với bảng web an toàn. Trường tệp được xác định bởi giá trị được đặt bởi thanh trượt: Giá trị cao hơn - tệp ít hơn. Khi thiết lập màu Web cũng không nên quên chất lượng.

   

   Thí dụ:

   

4. Dysrying cho phép bạn làm mịn các sự chuyển đổi giữa các màu bằng cách trộn các sắc thái được chứa trong bảng chỉ mục đã chọn.

   

   Ngoài ra, cài đặt sẽ giúp làm thế nào để duy trì độ dốc và tính toàn vẹn của các trang web đơn sắc. Khi sử dụng phân phối làm tăng trọng lượng của tập tin.

   Thí dụ:

   

5. Minh bạch. Định dạng GIF hỗ trợ chỉ các pixel hoàn toàn trong suốt hoặc tuyệt đối mờ đục.

   

   Tham số này, không cần điều chỉnh bổ sung, hiển thị kém các đường cong đường cong, rời khỏi Pixel Ladies.

   

   Việc điều chỉnh được gọi là "Matte" (trong một số biên tập viên "Kaima"). Với nó, nó được cấu hình để trộn các hình ảnh pixel với một nền của trang mà nó sẽ được đặt. Để hiển thị tốt nhất, hãy chọn một màu tương ứng với màu của nền trang web.

   

6. Xen kẽ. Một trong những điều hữu ích nhất cho các cài đặt web. Trong trường hợp tệp có trọng lượng đáng kể, cho phép bạn lập tức hiển thị một hình ảnh trên trang, vì nó tải về chất lượng của nó.

   

7. Chuyển đổi SRGB giúp tiết kiệm màu sắc hình ảnh ban đầu tối đa trong khi lưu.

   

Thiết lập "Độ trong suốt của Gysrying" trở nên tồi tệ hơn đáng kể chất lượng hình ảnh và chúng ta sẽ nói về tham số "mất" trong phần thực tế của bài học.

Để hiểu rõ nhất về quá trình thiết lập bảo quản GIF trong Photoshop, bạn phải thực hành.

Thực hành

Mục tiêu của việc tối ưu hóa hình ảnh cho Internet là giảm trọng lượng tối đa của tệp trong khi duy trì chất lượng.

1. Sau khi xử lý ảnh, hãy chuyển đến menu "Tệp - Lưu cho web".
2. Triển lãm chế độ xem "4 tùy chọn".

   

3. Tiếp theo, bạn cần một trong các tùy chọn để tạo ra nhiều nhất với bản gốc. Hãy để nó là một hình ảnh ở bên phải của nguồn. Điều này được thực hiện để ước tính kích thước của tệp với chất lượng tối đa.

   Cài đặt cài đặt như sau:

   • Bảng màu "chọn lọc".
   • "Màu sắc" - 265.
   • "Durzering" là "ngẫu nhiên", 100%.
   • Loại bỏ các DAW đối diện với tham số "xen kẽ", vì hình ảnh cuối cùng của hình ảnh sẽ khá nhỏ.
   • "Màu web" và "thua lỗ" - không.

     

   So sánh kết quả với bản gốc. Ở dưới cùng của cửa sổ mẫu, chúng ta có thể thấy kích thước GIF hiện tại và tốc độ tải ở tốc độ Internet được chỉ định.

   

4. Đi đến hình ảnh dưới đây chỉ cần cấu hình. Hãy cố gắng tối ưu hóa nó.
   • Để lại sơ đồ không thay đổi.
   • Số lượng màu sắc giảm tới 128.
   • Giá trị khó khăn giảm xuống 90%.
   • Màu web không chạm vào, bởi vì trong trường hợp này, nó sẽ không giúp chúng ta giữ chất lượng.

     

   Kích thước GIF giảm từ 36,59 KB xuống 26,85 KB.

   

5. Vì một số hạt và khiếm khuyết nhỏ đã có trong hình, hãy cố gắng tăng "tổn thất". Tham số này xác định mức độ mất dữ liệu cho phép khi nén GIF. Thay đổi giá trị thành 8.

   

   Chúng tôi vẫn quản lý để giảm kích thước của tập tin, trong khi mất một chút về chất lượng. Gifs hiện nặng 25,9 kilobyte.

   

   Tổng cộng, chúng tôi đã có thể giảm kích thước của hình ảnh khoảng 10 KB, hơn 30%. Kết quả rất tốt.

6. Các hành động tiếp theo rất đơn giản. Nhấp vào nút Lưu.

   

   Chúng tôi chọn một nơi để lưu, đặt tên của GIF và nhấn "Lưu" một lần nữa.

   

   Xin lưu ý rằng có một cơ hội cùng với GIF để tạo tài liệu HTML mà hình ảnh của chúng tôi sẽ được xây dựng. Để làm điều này, tốt hơn là chọn một thư mục trống.

   

   Kết quả là, chúng tôi nhận được một trang và một thư mục với hình ảnh.

   

Mẹo: Khi gán tên tệp, hãy thử không sử dụng các ký tự Cyrillic, vì không phải tất cả các trình duyệt đều có thể đọc chúng.

Bài học này để lưu hình ảnh ở định dạng GIF đã hoàn tất. Trên đó, chúng tôi phát hiện ra cách bạn có thể tối ưu hóa tệp để đặt trên internet.