Chủ YếU Thiết Kế Đồ Họa Cách giảm kích thước tệp GIF để có hiệu suất trang web tốt hơn

Cách giảm kích thước tệp GIF để có hiệu suất trang web tốt hơn



Những gì để biết

  • Cắt thêm không gian xung quanh hình ảnh để giảm kích thước pixel của nó. Khi bạn chuẩn bị GIF, hãy giảm kích thước đầu ra của nó.
  • Giảm số lượng màu sắc trong hình ảnh. Đối với ảnh GIF động, hãy giảm số lượng khung hình.
  • Tránh phối màu và xen kẽ. Nếu phần mềm của bạn có tùy chọn lưu ảnh GIF bị mất, điều này sẽ làm giảm đáng kể kích thước tệp.

Bài viết này giải thích các quy tắc chung cần xem xét để giảm kích thước tệp GIF trên trang web của bạn để hình ảnh tải nhanh hơn và trang web của bạn hoạt động hiệu quả hơn.

Cách giảm kích thước tệp GIF để có hiệu suất trang web tốt hơn

Để làm cho GIF của bạn hiệu quả nhất có thể:

  1. Cắt bất kỳ khoảng trống thừa 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, Cắt tỉa lệnh hoạt động tốt cho việc này.

  2. Khi bạn chuẩn bị ảnh GIF, hãy giảm kích thước đầu ra. Mỗi chương trình chỉnh sửa đồ họa cung cấp các lệnh khác nhau để thay đổi kích thước.

  3. Giảm số lượng màu sắc trong hình ảnh. GIF chỉ hiển thị 256 màu, nhưng nếu hình ảnh của bạn chỉ có một vài màu thì hãy giảm số lượng màu. Khi giảm màu trong ảnh GIF, bạn sẽ có được độ nén tốt nhất khi số lượng màu được đặt ở mức nhỏ nhất có thể trong số các tùy chọn sau: 2, 4, 8, 16, 32, 64, 128 hoặc 256.

  4. Giảm số lượng khung hình trong ảnh cho ảnh GIF động. Nói chung, hãy tránh những hoạt ảnh vô ích. Hoạt ảnh quá mức sẽ làm tăng thêm thời gian tải xuống trang web và nhiều người thấy nó gây mất tập trung.

    cách đặt hồ sơ facebook của tôi ở chế độ riêng tư
  5. Nếu bạn dùng Photoshop , hãy tạo một tệp GIF bằng cách sử dụng Xuất khẩu như mục thực đơn. Lựa chọn Tài liệu > Xuất khẩu như . 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, hãy chọn Tài liệu > Lưu cho Web . Quá trình này mở ra Lưu cho Web hộp thoại cũng được tìm thấy trong Adobe Photoshop tại Tài liệu > Xuất khẩu > Lưu cho Web (Cũ) . Khi nó mở ra, hãy áp dụng phối màu, giảm màu và sửa đổi kích thước vật lý của hình ảnh.

    làm thế nào để giữ cho hàng tồn kho đúng trong minecraft
  7. Tránh phối màu. Phối màu có thể làm cho một số hình ảnh trông đẹp hơn nhưng nó làm tăng kích thước tệp. Nếu phần mềm của bạn cho phép, hãy sử dụng mức phối màu thấp hơn để tiết kiệm thêm byte.

  8. Một số phần mềm có tùy chọn mất dữ liệu để lưu ảnh 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.

  9. Không sử dụng xen kẽ. Xen kẽ thường làm tăng kích thước tập tin.

  10. Cả Photoshop và Photoshop Elements đều hiển thị thời gian tải xuống. Đừ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ừ menu thả xuống.

Hình ảnh GIF và Web

Hình ảnh GIF không phải là một giải pháp phù hợp cho tất cả mọi người. Hình ảnh GIF có tối đa 256 màu, nghĩa là bạn có thể bị xuống cấp hình ảnh và màu sắc nghiêm trọng nếu không cẩn thận.

Ở nhiều khía cạnh, định dạng tệp GIF là định dạng cũ có từ 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 trắng và được nén bằng định dạng RLE. GIF lần đầu tiên xuất hiện vào năm 1987 khi Compuserve phát hành định dạng này dưới dạng giải pháp hình ảnh trên web. Vào thời điểm đó, màu sắc mới chỉ xuất hiện trên máy tính để bàn và web được truy cập bằng modem kết nối với đường dây điện thoại. Cơ sở hạ tầng mới này tạo ra nhu cầu về định dạng hình ảnh giữ cho hình ảnh đủ nhỏ để được gửi qua đường dây điện thoại tới trình duyệt web trong thời gian ngắn.

Hình ảnh GIF lý tưởng cho đồ họa có viền sắc nét với bảng màu hạn chế, chẳng hạn như biểu tượng hoặc đường vẽ. Mặc dù định dạng GIF có thể được sử dụng cho ảnh nhưng bảng màu giảm sẽ đưa các thành phần giả vào ảnh. Vẫn là Phong trào nghệ thuật trục trặc và sự trỗi dậy của cinemagraph đã làm dấy lên mối quan tâm mới đối với định dạng GIF.

Câu hỏi thường gặp
  • Làm cách nào để kích thước GIF biểu tượng cảm xúc cho Discord?

    Khi tải GIF lên Discord, nó sẽ tự động điều chỉnh hình ảnh thành 128x128 pixel nếu cần. Mặc dù Discord cho phép chia sẻ hình ảnh và các tệp khác lên tới 8MB (hoặc hơn khi đăng ký Nitro), giới hạn kích thước cho biểu tượng cảm xúc là 256kb.

  • Làm cách nào để nén ảnh GIF mà không làm giảm chất lượng?

    Cách đơn giản nhất để nén GIF mà không ảnh hưởng đến chất lượng là sử dụng tính năng nén riêng của File Explorer. Một số phần mềm nén của bên thứ ba, như WinZip, cũng có thể được sử dụng để nén ảnh GIF mà không làm giảm chất lượng hình ảnh tổng thể của chúng.

    cách thay đổi tên người dùng trên instagram
  • Làm cách nào để kết hợp nhiều ảnh GIF thành một ảnh GIF duy nhất?

    Sử dụng phần mềm chỉnh sửa ảnh như Photoshop, chọn Tài liệu > Nhập khẩu > Khung video thành các lớp và chọn tất cả các ảnh GIF bạn muốn kết hợp. Chọn tất cả các khung hình động trong GIF đầu tiên, sau đó sao chép chúng bằng cách chọn Cửa sổ > Hoạt hình . Tiếp theo, di chuyển đến GIF tiếp theo, chọn nơi bạn muốn chèn GIF trước đó, sau đó dán vào các khung đã sao chép. Lặp lại với các ảnh GIF khác mà bạn muốn thêm, sau đó xuất kết hợp đã hoàn thành khi bạn hoàn tất.

Bài ViếT Thú Vị

Editor Choice

Gắn hệ thống tệp Linux trong Windows 10
Gắn hệ thống tệp Linux trong Windows 10
Cách gắn Hệ thống tệp Linux trong Windows 10 WSL 2 là phiên bản mới nhất của kiến ​​trúc hỗ trợ Hệ thống con Windows dành cho Linux chạy các tệp nhị phân ELF64 Linux trên Windows. Với những thay đổi gần đây, nó cho phép truy cập các tệp được lưu trữ trên ổ đĩa với hệ thống tệp Linux. Nếu bạn có một ổ đĩa với Linux
Cách báo cáo đánh giá giả mạo trên Amazon
Cách báo cáo đánh giá giả mạo trên Amazon
Amazon là thị trường trực tuyến lớn nhất trên thế giới và nó cung cấp hàng triệu sản phẩm. Điều đó nói lên rằng, nó không thể theo dõi tất cả các sản phẩm, mặc dù nó có hàng nghìn nhân viên. Đánh giá trên Amazon giúp ích rất nhiều
Cách thêm dấu ngày và giờ tự động cập nhật trong Word cho Mac
Cách thêm dấu ngày và giờ tự động cập nhật trong Word cho Mac
Microsoft Word cho Mac cho phép bạn dễ dàng thêm một dấu ngày và giờ đơn giản, nhưng bạn có biết rằng bạn cũng có thể có mục ngày và giờ đó tự động cập nhật bất cứ khi nào bạn mở tệp không? Bạn có thể, và nó rất tiện dụng (đặc biệt nếu bạn muốn chứng minh rằng bạn đang làm việc!). Đây là cách nó hoạt động.
Ba cách để truy cập thư mục thư viện trên máy Mac của bạn
Ba cách để truy cập thư mục thư viện trên máy Mac của bạn
OS X ẩn thư mục Thư viện, thư mục này thường được sử dụng trong khắc phục sự cố máy Mac. Đây là cách để lấy lại nó.
Cách tự động BCC cho mình trong Outlook
Cách tự động BCC cho mình trong Outlook
BCCing bản thân là một điều rất hữu ích để theo dõi email. Nếu bạn muốn có một email mà bạn đã gửi trong hộp thư đến của mình, thường nhằm mục đích theo dõi chúng, hãy thêm địa chỉ email của riêng bạn làm
Tải xuống các lược đồ màu cho Command Prompt trong Windows 10
Tải xuống các lược đồ màu cho Command Prompt trong Windows 10
Bài đăng này giải thích cách tải xuống 180 sơ đồ màu mới cho dấu nhắc lệnh và áp dụng chúng cho bảng điều khiển trong Windows 10.
Cách phát Podcast trên Echo Dot
Cách phát Podcast trên Echo Dot
Echo Dot và Alexa luôn tìm cách đưa tin tức trở nên hữu ích và hòa nhập vững chắc hơn vào cuộc sống của chúng ta. Họ có thể phát nhạc, bật đèn, quản lý nhiệt độ hoặc không khí trung tâm của bạn và thậm chí đặt xe Uber.