Chuyển HTML sang GIF

Q: Làm sao để ảnh GIF đủ nhẹ cho ứng dụng nhắn tin?

Hãy dùng **Chiều rộng trang HTML** hẹp hơn, hoặc chỉ chuyển trang đầu tiên. Nếu kết quả vẫn vượt giới hạn, [nén GIF cho Discord](/compress-gif-for-discord) sẽ thu nhỏ về gần mức tải lên tối đa.

Hiển thị file HTML bằng công cụ trình duyệt và lưu thành GIF, dành cho những nơi vẫn yêu cầu định dạng này: chữ ký email, diễn đàn cũ, trường nhập của các CMS đời cũ. Bạn chọn chiều rộng cửa sổ và chọn nhận một ảnh dài hay một chuỗi khung có kích thước bằng một trang.

hoặc thả tệp DOC, DOCX, DOCM … vào đây ·

Tối đa 95 MB mỗi tệp· Tối đa 20 tệp· Xóa sau 30 phút

Đầu ra

Chuyển sang

Độ phân giải

Hình ảnh

Tệp được xử lý trên máy chủ của chúng tôi và bị xóa sau 30 phút.

Cách sử dụng công cụ này

1
Tải file HTML lên
Thêm tệp .html, .htm hoặc .mhtml, tối đa 20 tệp mỗi lượt và 95 MB mỗi tệp. Lưu trang dưới dạng Webpage, Single File sẽ giữ kèm hình ảnh và kiểu dáng của trang.
2
Chọn chiều rộng và bố cục
Chiều rộng trang HTML mặc định là 1280 px; dùng 600 px cho mẫu email. Hình ảnh là một ảnh dài, tức một GIF tĩnh duy nhất; đặt thành một ảnh mỗi trang để có các khung cỡ trang hiển thị lần lượt.
3
Chuyển sang GIF
Nhấn Chuyển sang GIF. Nếu GIF phải đặt trên nền có màu, hãy bật Nền trong suốt trong Cài đặt nâng cao.

Chuyển HTML sang GIF ghi lại hình dạng của trang chứ không phải chuyển động: trình duyệt vẽ trang theo chiều rộng bạn chọn, và kết quả là một GIF tĩnh hoặc một bộ khung cỡ trang trong một tệp.

Cách chuyển HTML sang GIF hoạt động

Trước tiên HTML được dàn trang như mọi trang web, theo Chiều rộng trang HTML bạn đặt, từ 320 đến 3840 px. Kiểu dáng và hình ảnh trong tệp được áp dụng; phông chữ không truy cập được sẽ được thay bằng phông gần giống. Sau đó trang đã dựng được chụp lại.

Với Hình ảnh là một ảnh dài, toàn bộ trang từ đầu đến cuối trở thành một GIF tĩnh. Với một ảnh mỗi trang, trang được cắt thành các phần cỡ trang và các phần đó thành khung của một GIF hiển thị theo thứ tự, tiện để xem trước bản tin dài hoặc trang đích nhiều phần mà không cần cuộn.

Định dạng quyết định các giới hạn. CompuServe giới thiệu GIF năm 1987, và bản sửa đổi GIF89a năm 1989 bổ sung độ trễ khung và màu trong suốt, đến nay vẫn là thứ mọi trình xem đều hỗ trợ. Mỗi khung bị giới hạn bảng màu 256 màu, nên bộ chuyển đổi ánh xạ màu của trang vào bảng màu tốt nhất có thể. Văn bản, biểu tượng, nút và màu thương hiệu phẳng hiển thị sạch; ảnh chụp và bóng đổ mềm mất nhiều nhất.

Những giới hạn của GIF cần lưu ý khi xuất trang web

Màu mỗi khung: 256
Độ trong suốt theo từng điểm ảnh, không có cạnh mềm: Bật/tắt
Trang được chụp, không phải quay: Tĩnh
tệp HTML mỗi lượt, mỗi tệp 95 MB: 20

Chuyển HTML sang GIF: kết quả bạn nhận được

Lầm tưởngGIF của một trang sẽ hiện cả hiệu ứng di chuột và hoạt ảnh.

Sự thậtTrạng thái tương tác và chuyển động cần người dùng hoặc script kích hoạt. Bản chụp chỉ cho thấy trang ở trạng thái nghỉ.

Lầm tưởngGIF là định dạng ảnh nhẹ nhất cho một trang web.

Sự thậtVới trang có ảnh chụp, JPG hoặc WebP thường nhẹ hơn nhiều. GIF chỉ thắng ở đồ họa phẳng, đơn giản.

Lầm tưởngGIF sẽ tự lấy trang từ địa chỉ website.

Sự thậtBộ chuyển đổi làm việc với tệp HTML bạn tải lên. Hãy lưu trang từ trình duyệt trước, tốt nhất là thành một tệp MHTML duy nhất.

Lầm tưởngDùng nhiều khung hơn thì GIF sắc nét hơn.

Sự thậtThêm khung làm tăng độ dài và dung lượng tệp chứ không thêm chi tiết. Độ nét đến từ chiều rộng trang và bảng màu.

HTML

Ngôn ngữ đánh dấu siêu văn bản (HTML)

HTML là ngôn ngữ đánh dấu của web, được Tim Berners-Lee mô tả lần đầu vào đầu thập niên 1990 và hiện do WHATWG duy trì dưới dạng tiêu chuẩn sống. Tệp HTML mô tả tiêu đề, đoạn văn, liên kết, bảng, hình ảnh và biểu mẫu, còn phần trình bày thường đến từ CSS. Mọi trình duyệt đều hiển thị HTML, và định dạng này cũng được dùng cho mẫu email và trang web đã lưu. Một tệp HTML đơn lẻ thường phụ thuộc vào ảnh và stylesheet bên ngoài, nên có thể hiển thị lỗi khi bị di chuyển riêng.

Nén: –
Độ trong suốt: –
Ảnh động: –
Ra mắt: 1993 · Tim Berners-Lee; maintained by WHATWG

Công cụ chuyển đổi HTML

GIF

Ảnh động GIF

GIF được CompuServe giới thiệu năm 1987 và vẫn là định dạng được hỗ trợ rộng rãi nhất cho ảnh động ngắn, lặp lại. GIF không mất dữ liệu (lossless) nhưng giới hạn ở bảng 256 màu mỗi khung hình, nên ảnh chụp và vùng chuyển màu bị phân dải và nhiễu hạt. Định dạng chỉ hỗ trợ nền trong suốt dạng bật/tắt (1 bit), khiến các hình cong có viền răng cưa. GIF động thường lớn hơn nhiều so với cùng đoạn clip ở dạng MP4 hoặc WebP. Mọi trình duyệt, ứng dụng trò chuyện và nền tảng mạng xã hội đều phát được GIF.

Nén: Không mất dữ liệu
Độ trong suốt: Có
Ảnh động: Có
Ra mắt: 1987 · CompuServe

Công cụ chuyển đổi GIF

Người ta chọn GIF cho một trang đã dựng khi nơi nhận chỉ chấp nhận GIF, như chữ ký email hoặc nền tảng cũ, hoặc khi muốn gói nhiều khung trang vào một tệp phát được mà không cần trình phát video.

Câu hỏi thường gặp về chuyển HTML sang GIF

Có thể biến hiệu ứng động CSS thành ảnh GIF động không?

Không. Trang được dựng một lần rồi chụp lại, nên hiệu ứng chuyển tiếp CSS, hoạt ảnh keyframe, video và hiệu ứng bằng script đều bị đóng băng tại thời điểm đó. Để ghi lại chuyển động, hãy quay màn hình khi trang đang chạy rồi chuyển bản quay bằng chuyển video sang GIF.

Vì sao dải màu chuyển và ảnh chụp trong GIF trông bị lấm tấm?

Mỗi khung GIF chỉ dùng tối đa 256 màu. Trang có chuyển màu mượt, bóng đổ hoặc ảnh chụp chứa hàng nghìn màu, nên được xấp xỉ bằng kỹ thuật dithering, thể hiện dưới dạng chấm hạt hoặc dải màu. Thiết kế phẳng và văn bản giữ tốt; với trang nhiều ảnh, chuyển HTML sang PNG giữ nguyên mọi màu.

Vì sao viền của ảnh GIF nền trong suốt trông răng cưa?

Độ trong suốt của GIF chỉ có bật hoặc tắt theo từng điểm ảnh, không có độ mờ một phần. Các cạnh khử răng cưa vốn hòa với nền sẽ thành màu đặc hoặc biến mất, có thể để lại viền sáng trên nền tối. Hãy giữ nền trắng nếu GIF vốn sẽ đặt trên nền trắng.

Chữ ký email HTML lưu thành GIF có hiển thị được trên mọi ứng dụng email không?

GIF tĩnh hiển thị trên hầu hết mọi ứng dụng email, đó là lý do chữ ký email dùng định dạng này nhiều năm. GIF động kém ổn định hơn: Outlook cổ điển cho Windows từ 2007 đến 2013 chỉ hiện khung đầu tiên, nên hãy đặt nội dung quan trọng ở khung một.

Làm sao để ảnh GIF đủ nhẹ cho ứng dụng nhắn tin?

Hãy dùng Chiều rộng trang HTML hẹp hơn, hoặc chỉ chuyển trang đầu tiên. Nếu kết quả vẫn vượt giới hạn, nén GIF cho Discord sẽ thu nhỏ về gần mức tải lên tối đa.