Giảm dung lượng GIF: 7 cách dễ làm và ví dụ thật

Chiếc cốc cà phê nặng 691 KB: giảm được một nửa mà có còn đẹp không?

Bạn có thể tạo một GIF rất dễ thương rồi phát hiện file quá nặng để đưa lên website, email hoặc gửi cho khách. Xóa ảnh và làm lại từ đầu không phải cách duy nhất. Thường bạn có thể giữ ý tưởng, giữ chuyển động chính, nhưng bỏ bớt những dữ liệu người xem khó nhận ra.

Em thử trên một GIF minh họa cốc cà phê vẫy tay, được ghép từ sáu khung ảnh do AI tạo. Kết quả sau hai kiểu tối ưu khác nhau:

Đây là phép thử nội bộ từ một nội dung với cách xuất file đã nêu, không phải mức tiết kiệm mặc định cho mọi GIF. GIF 48 màu nhìn kém tự nhiên hơn ở bề mặt giấy và nền quán; bản 128 màu cân bằng hơn khi xem trên màn nhỏ. Người đọc nên tự mở ba tệp ở đúng nơi sử dụng trước khi quyết định.

1. Cắt đúng khoảnh khắc cần truyền đạt

Một GIF tốt thường chỉ chứa một hành động. Với shop cà phê, có thể là nhân vật vẫy tay và trở lại vị trí ban đầu; không cần thêm cảnh mở cửa quán, zoom vào hạt cà phê rồi lật logo. Càng nhiều diễn biến, người xem càng lâu mới hiểu và tệp càng có thể phình ra.

Cách làm: Xem nội dung một lần không tiếng. Ghi lại thời điểm bắt đầu hành động và thời điểm nó hoàn tất. Cắt bỏ đoạn đứng yên dài, phần mở đầu lặp, cảnh chuyển không mang thông tin. Giữ khung đầu đủ nghĩa để người xem vẫn nhận ra thông điệp khi GIF chưa chạy.

Đối với sản phẩm thật, đừng cắt mất khoảnh khắc có tính chất chứng minh — ví dụ bộ phận chốt nắp hoặc thao tác đóng mở. GIF không được làm người xem hiểu sai công dụng.

2. Giảm kích thước pixel trước khi tìm bộ nén thần kỳ

Pixel là số điểm tạo nên hình. Một ảnh 512 × 512 có hơn 262 nghìn điểm ở mỗi khung; 384 × 384 còn khoảng 147 nghìn. Giảm chiều rộng/chiều cao giúp bộ mã hóa xử lý ít dữ liệu hơn.

Quy trình cho người mới:

1. Xem nơi hiển thị thực tế: avatar nhỏ, tin nhắn, thẻ trong website hay ảnh toàn màn hình.
2. Chọn kích thước đúng nhu cầu. Không dùng file cực lớn chỉ để hiển thị ở ô rất nhỏ.
3. Xuất bản thử ở hai kích thước, chẳng hạn 512 và 384 px; không hạ tất cả file xuống 384 px một cách máy móc.
4. Mở ở điện thoại, đọc lại chữ và logo, nhìn rìa nhân vật và kiểm xem chuyển động có còn rõ không.

Ở demo Học viện AI, giảm từ 512 xuống 384 px là một phần lý do dung lượng giảm, không thể tách riêng mức đóng góp của bước này khỏi việc đổi số màu nếu chỉ nhìn ba file cuối.

3. Bớt số màu, nhưng phải biết chỗ nào không được mất màu

GIF truyền thống giới hạn bảng màu trong mỗi khung. Khi nội dung là mascot đơn sắc và nền đơn giản, giảm số màu có thể khiến file nhẹ hơn. Nhưng nếu ảnh có gradient, làn hơi, ánh sáng và chất liệu nhiều sắc độ, giảm quá mạnh có thể tạo vùng loang hoặc vệt hạt.

Ví dụ thật: phiên bản 48 màu nhẹ hơn bản 128 màu, nhưng nền quán và thân cốc bị rỗ hơn. Nếu là ảnh bán sản phẩm cần khách phân biệt màu sơn hoặc màu mái, em không khuyên đổi màu cho nhẹ rồi dùng nó làm ảnh tư vấn chọn màu. Sự trung thực màu sắc quan trọng hơn vài trăm KB.

Làm đúng: Giữ bản gốc; xuất ít nhất hai bản nén; chụp cùng một khoảnh khắc; nhờ người xem nhận diện chi tiết bắt buộc; chọn bản nhỏ nhất vẫn đáp ứng được mục đích.

4. Giảm số khung hình khi hành động đủ đơn giản

Mỗi khung là một ảnh trong chuỗi chuyển động. Giảm số khung hoặc tốc độ khung hình có thể giúp file nhỏ, nhưng cũng dễ làm nhân vật giật. Hãy phân biệt giảm khung thừa với bỏ những khung chuyển động quan trọng.

Một vòng vẫy tay với vài trạng thái rõ ràng có thể chịu được khung hình thấp hơn so với cảnh lia máy qua nhiều chi tiết. Khi tối ưu, phát lặp ít nhất ba vòng, tập trung vào điểm nối từ khung cuối về khung đầu. Nếu nó nhảy đột ngột, quay lại bản nhiều khung hơn hoặc sửa biên độ hành động.

5. Để những vùng tĩnh thực sự đứng yên

Phông nền quán cà phê, bàn, quyển sổ không cần đổi theo mỗi khung nếu nội dung chỉ có bàn tay mascot chuyển động. Cách giữ nền ổn định vừa khiến người xem ít mỏi mắt, vừa có thể giúp công cụ tối ưu các vùng lặp.

Khi viết prompt tạo GIF bằng AI, hãy nói rõ: “Camera đứng yên, background không chuyển động, chỉ cánh tay phải chuyển động, giữ mọi chi tiết nhân vật giống nhau qua các khung.” Đây là hướng dẫn biên tập để tăng cơ hội đầu ra nhất quán, không bảo đảm mô hình luôn làm đúng.

6. Dùng tính năng tối ưu khung thay vì chỉ đổi đuôi tệp

Đổi tên .gif thành .mp4 không biến nó thành video. Để nén tốt hơn, cần xuất lại bằng công cụ hiểu khung hình và định dạng.

Với người không giỏi kỹ thuật, hãy tìm chức năng Resize, Optimize hoặc Reduce colors trong phần mềm chỉnh GIF có uy tín. Kiểm chính sách riêng tư trước khi tải lên video khách hàng, hình ảnh trẻ em, tài liệu nội bộ hoặc sản phẩm chưa công bố.

Với người dùng dòng lệnh, ví dụ đã thử bằng ImageMagick là:

convert input.gif -coalesce -resize 384x384 -colors 128 -layers Optimize output.gif

input.gif là file đầu vào; output.gif là bản tạo mới. -coalesce ráp lại các khung đầy đủ trước khi chỉnh; -resize giảm kích thước; -colors 128 giới hạn màu; -layers Optimize tối ưu các khung khi ghi lại GIF. Trên máy dùng ImageMagick 7, lệnh có thể bắt đầu bằng magick thay cho convert. Cách này đã được thực hiện trên demo, không nên coi mỗi tham số là công thức tối ưu cho mọi ảnh.

7. Khi GIF vẫn nặng, hãy cân nhắc video MP4 lặp

Một trang website không bắt buộc phải dùng tệp GIF chỉ vì bạn muốn người xem thấy chuyển động lặp tự động. Google web.dev hướng dẫn dùng video có autoplay, loop, muted và playsinline để tạo trải nghiệm giống GIF và thường tiết kiệm băng thông hơn. Đổi lại, đó là phần tử video, có những khác biệt về trình phát, khả năng điều khiển và hỗ trợ của nơi đăng. Không phải ứng dụng chat/email nào cũng nhận video giống GIF.

<video autoplay loop muted playsinline width="384" aria-label="Cốc cà phê đang vẫy tay">
  <source src="coc-ca-phe.mp4" type="video/mp4">
</video>

Nếu nội dung có chuyển động lặp liên tục, hãy tôn trọng cài đặt giảm chuyển động của người dùng và tránh đặt nhiều hoạt ảnh cùng chạy trên một màn hình. Đặc biệt đừng để GIF che thông báo thanh toán, thông tin sản phẩm hay nút xác nhận.

Bảng chọn nhanh: nhỏ đi bao nhiêu là đủ?

Checklist tự nghiệm thu trong 60 giây

• Dung lượng đo từ file thật, không đọc một con số do AI tưởng tượng.
• Tệp vẫn là GIF động, không chỉ là một ảnh tĩnh đổi tên.
• Mở ở đúng thiết bị/ứng dụng sẽ gửi khách.
• Nhìn ba vòng lặp, không giật khó chịu.
• Đọc được chữ/logo ở cỡ điện thoại.
• Sản phẩm/nhân vật không bị đổi màu, méo hình, thiếu chi tiết cần chứng minh.
• Nếu đặt trên web, đã so sánh cả phương án video lặp.

Nếu chỉ nhớ ba điều: cắt đúng đoạn, giảm đúng kích thước và so sánh bản nén bằng mắt thật. File nhẹ mà làm sai thông điệp là tối ưu thất bại.

Thử ngay: Với bất kỳ GIF do bạn sở hữu, hãy tạo hai phiên bản 384 px/128 màu và 384 px/48 màu; so sánh trực tiếp bằng mắt trên điện thoại, đo dung lượng tệp, rồi chọn bản nhỏ nhất vẫn giữ đúng nội dung.

Nguồn: ImageMagick — Animation Optimization; Google web.dev — Replace GIFs with video; MDN — Image formats. Tất cả số liệu dung lượng là phép đo trên các tệp đính kèm của bộ demo này.

Đọc tiếp: ChatGPT tạo GIF: marketer Việt nên bắt đầu từ đâu?