Chuyển đến nội dung chính
← Quay lại blog
5 phút đọcDocCrunch Team

Nén GIF: nên chỉnh kích thước, màu sắc hay độ mượt trước?

So sánh thu nhỏ, giảm màu, bớt khung hình và cắt GIF. Kiểm tra chi tiết, chuyển động, thông tin ngắn và chế độ lặp sau khi xuất.

nén GIFkích thước GIFmàu sắc GIFsố khung hình GIF

GIF nhẹ hơn có thể vẫn rõ nhưng chuyển động bị giật. Một file khác vẫn chạy mượt trong khi nền chuyển màu xuất hiện từng dải. Cả hai đều là ảnh hưởng của nén, nhưng mất những thông tin khác nhau.

GIF lưu các hình liên tiếp và thời gian hiển thị của chúng. Vì vậy cần xét riêng kích thước, số màu và số khung hình, thay vì chỉ một mức chất lượng chung.

Phân biệt các hướng điều chỉnh

Trước tiên hãy xác định thông tin nào có thể giảm.

Điều chỉnh Thay đổi chính Ảnh hưởng có thể
Thu nhỏ Chiều rộng và cao pixel mỗi khung hình Chữ nhỏ, nét mảnh, chi tiết
Giảm màu Số màu được sử dụng Chuyển màu, bóng và sắc độ
Bớt khung hình Hình trung gian của chuyển động Độ mượt và nội dung xuất hiện ngắn
Cắt ảnh Vùng nhìn thấy được giữ lại Bố cục và tính đầy đủ của vật thể di chuyển

Có thể kết hợp các cách mà không cần áp dụng tất cả ngay. Nếu hiển thị nhỏ, hãy thử kích thước trước. Nếu chuyển động cần chính xác, nên thận trọng khi bớt khung hình.

DocCrunch Nén GIF có các mức Rõ nét, Cân bằng và Nhỏ nhất, cùng tỷ lệ thu nhỏ riêng. Hai mức đầu hiện giữ mọi khung hình; mức Nhỏ nhất còn giảm hình trung gian.

Giảm kích thước khi số pixel vượt nhu cầu

Thu đều từ 1000×600 xuống 500×300 còn một phần tư số pixel mỗi khung hình. Dung lượng file không nhất thiết cũng còn một phần tư, vì còn phụ thuộc nội dung, màu và cách mã hóa.

Đánh giá ở kích thước hiển thị thực tế. Chữ nhỏ có thể không đọc được; nét mảnh, con trỏ và biểu tượng có thể kém rõ.

DocCrunch có kích thước gốc, 75%, 50% và 33%. Thử mức giảm vừa phải rồi xem toàn bộ hoạt ảnh. Nếu kích thước đã phù hợp, tiếp tục thu nhỏ chưa chắc có lợi.

Giảm màu làm thay đổi cả sắc độ

GIF dùng bảng màu với khả năng biểu diễn màu giới hạn. Phần giới thiệu GIF của MDN giải thích đặc điểm này.

Thay đổi thường xuất hiện ở vùng chuyển màu, bóng và chênh lệch tinh tế. Chuyển tiếp mượt có thể thành từng dải, màu gần nhau có thể bị gộp. Đôi khi mất các mức sắc độ chứ không đơn giản là nhạt màu.

Đồ họa màu phẳng, biểu tượng đơn giản và ảnh chụp phức tạp chịu giảm màu khác nhau. Ba mức DocCrunch hiện dùng 256, 180 và 96 màu. Kiểm tra:

  • Các dải rõ trên nền chuyển màu.
  • Bóng thành mảng màu lớn đồng nhất.
  • Chữ nhỏ còn phân biệt được với nền.
  • Chi tiết có nhấp nháy khi phát hay không.

Một số thay đổi dễ nhận thấy khi chạy hơn khi dừng hình.

Bớt khung hình không chỉ là phát nhanh hơn

Thời lượng còn tùy mỗi hình được giữ bao lâu. Bỏ hình trung gian và kéo dài hình còn lại có thể giữ nhịp gần ban đầu, nhưng ít bước chuyển hơn nên vị trí thay đổi đột ngột hơn.

Mức Nhỏ nhất của DocCrunch lấy khung hình theo khoảng và cộng thời gian tương ứng. Nó chủ yếu giảm thông tin chuyển động trung gian, không chỉ tăng tốc.

Chuyển động chậm và đơn giản có thể vẫn ổn. Cần xem kỹ chuyển động nhanh, thao tác con trỏ và thông báo ngắn. Nội dung chỉ hiện một hoặc hai khung có thể trở nên khó hiểu hoặc mất đi.

Trong hướng dẫn thao tác, giữ hành động đầy đủ thường quan trọng hơn giảm thêm ít dung lượng. Khung đầu rõ chưa đủ để kết luận.

Cắt dựa trên toàn bộ hoạt ảnh

Nếu có khoảng trống cố định hoặc vùng không liên quan, hãy cân nhắc Cắt GIF.

Cắt giảm phạm vi mỗi hình, không rút ngắn thời lượng. Xem hết chuỗi và đảm bảo vật thể vẫn trong khung ở vị trí xa nhất.

Vùng trống lúc đầu có thể xuất hiện chữ, menu mở hoặc vật thể ở những đoạn sau. Cắt chỉ theo hình đầu dễ làm mất thông tin đó.

Chọn vùng cần giữ trước, rồi chọn kích thước cuối. Khi cần nén thêm, dùng công cụ nén GIF chuyên dụng, không dùng công cụ chỉ xử lý ảnh tĩnh.

Kiểm tra toàn bộ file đã tải

Phát ít nhất một vòng đầy đủ và kiểm tra:

  • Nội dung: chữ, thông báo và vật thể không thiếu.
  • Hình ảnh: chữ nhỏ, nét, chuyển màu và bóng chấp nhận được.
  • Chuyển động: không giật quá mức, khoảng dừng đủ lâu.
  • Phát lại: tốc độ, chế độ lặp và điểm kết thúc phù hợp.
  • Bàn giao: kích thước pixel và dung lượng đúng giới hạn.

Kiểm tra riêng GIF vốn chỉ lặp một số lần. DocCrunch hiện đặt GIF được mã hóa lại ở chế độ lặp liên tục; không nên mặc định số lần gốc được giữ nguyên.

Xử lý cục bộ trong trình duyệt không thay thế việc kiểm tra. Giữ bản gốc và tạo các bản thử từ đó thay vì nén tiếp nhiều lần trên bản đã nén.

Không có mức tối ưu cho mọi GIF. Xét riêng kích thước cần thiết, sắc độ quan trọng và chuyển động có thể giảm để file vừa đạt giới hạn vừa truyền tải đầy đủ nội dung.

Công cụ DocCrunch được đề xuất

Các công cụ này chạy cục bộ trong trình duyệt khi có thể, nên không cần tải tệp lên máy chủ.