Làm thế nào để giảm kích thước tệp GIF cho hiệu suất trang web tốt hơn

GIF thấp là làm cho một sự trở lại đơn giản chỉ vì với việc sử dụng ngày càng tăng của điện thoại thông minh và người sử dụng băng thông hạn chế đã đến để mong đợi gần như thời gian tải ngay lập tức. Các hình ảnh web của bạn càng nhỏ, hình ảnh của bạn sẽ càng tải nhanh và khách truy cập của bạn sẽ càng vui vẻ hơn. Ngoài ra, nhiều trang web có hạn chế về kích thước của biểu ngữ quảng cáo.

Ảnh GIF và Web

Hình ảnh GIF không được coi là một kích thước phù hợp với mọi giải pháp. Ảnh GIF có tối đa 256 màu, nghĩa là bạn có thể mong đợi sự suy giảm màu sắc và hình ảnh nghiêm trọng nếu bạn không cẩn thận. Định dạng tệp GIF, ở nhiều khía cạnh, là một định dạng cũ quay trở lại những ngày đầu tiên của web. Trước khi giới thiệu định dạng GIF, hình ảnh trên web có màu đen và trắng và được nén bằng định dạng RLE. Trước tiên, chúng xuất hiện trên cảnh vào năm 1987 khi Compuserve phát hành định dạng dưới dạng giải pháp hình ảnh web. Vào thời điểm đó, màu sắc chỉ mới xuất hiện trên màn hình và trang web được truy cập bằng các modem được kết nối với đường dây điện thoại. Điều này tạo ra một nhu cầu cho một định dạng hình ảnh mà giữ hình ảnh đủ nhỏ để được gửi, thông qua một đường dây điện thoại, đến một trình duyệt web theo thứ tự ngắn.

Ảnh GIF rất lý tưởng cho đồ họa sắc nét với bảng màu giới hạn, chẳng hạn như biểu trưng hoặc bản vẽ đường kẻ. Mặc dù chúng có thể được sử dụng cho các bức ảnh bảng màu giảm sẽ giới thiệu các hiện vật vào hình ảnh. Tuy nhiên, phong trào Glitch Art và sự nổi lên của cinemagraph đã gây ra một sự quan tâm mới trong định dạng GIF.

Làm thế nào để giảm kích thước tệp GIF cho hiệu suất trang web tốt hơn

Những mẹo này sẽ giúp bạn tạo GIF của mình càng nhỏ càng tốt.

  1. Cắt bớt bất kỳ khoảng trống nào xung quanh hình ảnh. Giảm kích thước pixel của hình ảnh là cách hiệu quả nhất để giảm kích thước tệp. Nếu bạn sử dụng Photoshop, lệnh Trim hoạt động tốt cho việc này.
  2. Khi bạn chuẩn bị một hình ảnh gif, bạn có thể muốn giảm kích thước đầu ra.
  3. Giảm số lượng màu trong hình ảnh.
  4. Đối với GIF động, hãy giảm số lượng khung hình trong hình ảnh.
  5. Nếu bạn sử dụng Photoshop CC 2017, bạn có thể tạo tệp GIF bằng cách sử dụng mục menu Xuất dưới dạng. Chọn Tệp> Xuất dưới dạng ... và khi menu mở ra, hãy chọn GIF làm định dạng tệp và giảm kích thước vật lý (Chiều rộng và Chiều cao) của hình ảnh.
  6. Nếu bạn sử dụng Adobe Photoshop Elements 14, chọn File> Save For web. Điều này sẽ mở ra hộp thoại Save For Web cũng được tìm thấy trong Adobe Photoshop CC 2017, File> Export> Save for Web (Legacy) . Khi nó mở ra, bạn có thể áp dụng phối màu, giảm màu sắc và kích thước vật lý của hình ảnh.
  7. Tránh phối màu. Dithering có thể làm cho một số hình ảnh trông đẹp hơn, nhưng nó sẽ làm tăng kích thước tập tin. Nếu phần mềm của bạn cho phép, hãy sử dụng mức độ hoà sắc thấp hơn để tiết kiệm thêm byte.
  1. Một số phần mềm có tùy chọn "mất dữ liệu" để lưu GIF. Tùy chọn này có thể làm giảm đáng kể kích thước tệp, nhưng nó cũng làm giảm chất lượng hình ảnh.
  2. Không sử dụng xen kẽ. Xen kẽ thường làm tăng kích thước tệp.
  3. Cả Photoshop và Photoshop Elements sẽ hiển thị cho bạn thời gian tải xuống. Không chú ý đến nó. Nó dựa trên việc sử dụng modem 56k. Một số hợp lệ hơn sẽ xuất hiện nếu bạn chọn Modem cáp từ trình đơn thả xuống.

Lời khuyên:

  1. Tránh hoạt ảnh vô dụng. Hoạt ảnh quá mức không chỉ làm tăng thời gian tải xuống của trang web mà nhiều người dùng thấy nó mất tập trung.
  2. Ảnh GIF có khối màu lớn và các mẫu nằm ngang nén tốt hơn so với hình ảnh có độ phân giải màu, bóng mềm và mẫu dọc.
  3. Khi giảm màu trong GIF, bạn sẽ nhận được độ nén tốt nhất khi số lượng màu được đặt thành mức tối thiểu có thể có trong các tùy chọn sau: 2, 4, 8, 16, 32, 64, 128 hoặc 256.

Cập nhật bởi Tom Green