[{"data":1,"prerenderedAt":25},["ShallowReactive",2],{"blog-vi-gif-compression-dimensions-colors-frame-rate-guide":3},{"slug":4,"locale":5,"title":6,"description":7,"date":8,"author":9,"tags":10,"keywords":15,"h1":16,"readingTime":17,"html":18,"recommendedTools":19,"faqs":24},"gif-compression-dimensions-colors-frame-rate-guide","vi","Nén GIF: kích thước, màu sắc và khung hình","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.","2026-09-14","DocCrunch Team",[11,12,13,14],"nén GIF","kích thước GIF","màu sắc GIF","số khung hình GIF",[11,12,13,14],"Nén GIF: nên chỉnh kích thước, màu sắc hay độ mượt trước?",5,"\u003Cp>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.\u003C\u002Fp>\n\u003Cp>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.\u003C\u002Fp>\n\u003Ch2>Phân biệt các hướng điều chỉnh\u003C\u002Fh2>\n\u003Cp>Trước tiên hãy xác định thông tin nào có thể giảm.\u003C\u002Fp>\n\u003Ctable>\n\u003Cthead>\n\u003Ctr>\n\u003Cth>Điều chỉnh\u003C\u002Fth>\n\u003Cth>Thay đổi chính\u003C\u002Fth>\n\u003Cth>Ảnh hưởng có thể\u003C\u002Fth>\n\u003C\u002Ftr>\n\u003C\u002Fthead>\n\u003Ctbody>\n\u003Ctr>\n\u003Ctd>Thu nhỏ\u003C\u002Ftd>\n\u003Ctd>Chiều rộng và cao pixel mỗi khung hình\u003C\u002Ftd>\n\u003Ctd>Chữ nhỏ, nét mảnh, chi tiết\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>Giảm màu\u003C\u002Ftd>\n\u003Ctd>Số màu được sử dụng\u003C\u002Ftd>\n\u003Ctd>Chuyển màu, bóng và sắc độ\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>Bớt khung hình\u003C\u002Ftd>\n\u003Ctd>Hình trung gian của chuyển động\u003C\u002Ftd>\n\u003Ctd>Độ mượt và nội dung xuất hiện ngắn\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>Cắt ảnh\u003C\u002Ftd>\n\u003Ctd>Vùng nhìn thấy được giữ lại\u003C\u002Ftd>\n\u003Ctd>Bố cục và tính đầy đủ của vật thể di chuyển\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003C\u002Ftbody>\n\u003C\u002Ftable>\n\u003Cp>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.\u003C\u002Fp>\n\u003Cp>\u003Ca href=\"\u002Fvi\u002Fgif-compress\u002F\">DocCrunch Nén GIF\u003C\u002Fa> 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.\u003C\u002Fp>\n\u003Ch2>Giảm kích thước khi số pixel vượt nhu cầu\u003C\u002Fh2>\n\u003Cp>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.\u003C\u002Fp>\n\u003Cp>Đá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õ.\u003C\u002Fp>\n\u003Cp>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.\u003C\u002Fp>\n\u003Ch2>Giảm màu làm thay đổi cả sắc độ\u003C\u002Fh2>\n\u003Cp>GIF dùng bảng màu với khả năng biểu diễn màu giới hạn. \u003Ca href=\"https:\u002F\u002Fdeveloper.mozilla.org\u002Fen-US\u002Fdocs\u002FGlossary\u002FGIF\">Phần giới thiệu GIF của MDN\u003C\u002Fa> giải thích đặc điểm này.\u003C\u002Fp>\n\u003Cp>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.\u003C\u002Fp>\n\u003Cp>Đồ 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:\u003C\u002Fp>\n\u003Cul>\n\u003Cli>Các dải rõ trên nền chuyển màu.\u003C\u002Fli>\n\u003Cli>Bóng thành mảng màu lớn đồng nhất.\u003C\u002Fli>\n\u003Cli>Chữ nhỏ còn phân biệt được với nền.\u003C\u002Fli>\n\u003Cli>Chi tiết có nhấp nháy khi phát hay không.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>Một số thay đổi dễ nhận thấy khi chạy hơn khi dừng hình.\u003C\u002Fp>\n\u003Ch2>Bớt khung hình không chỉ là phát nhanh hơn\u003C\u002Fh2>\n\u003Cp>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.\u003C\u002Fp>\n\u003Cp>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.\u003C\u002Fp>\n\u003Cp>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.\u003C\u002Fp>\n\u003Cp>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.\u003C\u002Fp>\n\u003Ch2>Cắt dựa trên toàn bộ hoạt ảnh\u003C\u002Fh2>\n\u003Cp>Nếu có khoảng trống cố định hoặc vùng không liên quan, hãy cân nhắc \u003Ca href=\"\u002Fvi\u002Fgif-crop\u002F\">Cắt GIF\u003C\u002Fa>.\u003C\u002Fp>\n\u003Cp>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.\u003C\u002Fp>\n\u003Cp>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 đó.\u003C\u002Fp>\n\u003Cp>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 \u003Ca href=\"\u002Fvi\u002Fgif-compress\u002F\">công cụ nén GIF chuyên dụng\u003C\u002Fa>, không dùng công cụ chỉ xử lý ảnh tĩnh.\u003C\u002Fp>\n\u003Ch2>Kiểm tra toàn bộ file đã tải\u003C\u002Fh2>\n\u003Cp>Phát ít nhất một vòng đầy đủ và kiểm tra:\u003C\u002Fp>\n\u003Cul>\n\u003Cli>\u003Cstrong>Nội dung:\u003C\u002Fstrong> chữ, thông báo và vật thể không thiếu.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Hình ảnh:\u003C\u002Fstrong> chữ nhỏ, nét, chuyển màu và bóng chấp nhận được.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Chuyển động:\u003C\u002Fstrong> không giật quá mức, khoảng dừng đủ lâu.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Phát lại:\u003C\u002Fstrong> tốc độ, chế độ lặp và điểm kết thúc phù hợp.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Bàn giao:\u003C\u002Fstrong> kích thước pixel và dung lượng đúng giới hạn.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>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.\u003C\u002Fp>\n\u003Cp>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.\u003C\u002Fp>\n\u003Cp>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.\u003C\u002Fp>\n",[20,22],{"slug":21},"gif-compress",{"slug":23},"gif-crop",[],1789443249531]