Giới thiệu PicBrewery
PicBrewery là công cụ mở, miễn phí để nén và chuyển đổi ảnh hoàn toàn trong trình duyệt. Ảnh của bạn không bị tải lên — chúng ở lại trên thiết bị.
Đây là gì
PicBrewery là ứng dụng web một trang để tối ưu ảnh và đồ họa. Kéo thả tệp JPG, PNG, WebP, AVIF hoặc BMP và nhận các bản nén ở cả bốn định dạng hiện đại cạnh nhau — để chọn bản nhỏ nhất vẫn đủ đẹp. Mỗi lô tối đa 20 tệp, 20 MB mỗi tệp, với hai luồng mã hóa song song để máy vẫn mượt.
Vì sao nên tối ưu ảnh?
Ảnh thường là phần nặng nhất của trang — đôi khi lớn hơn cả HTML, CSS và JavaScript cộng lại. Nén và chuyển sang định dạng hiện đại là cách nhanh, ít rủi ro nhất để tăng tốc trang web, giảm băng thông và cải thiện xếp hạng tìm kiếm mà không phải viết lại mã.
- Tải nhanh hơn & SEO tốt hơn. Dung lượng ảnh là yếu tố chính của LCP và Core Web Vitals. Giảm 40–60% kích thước ảnh hero có thể đưa LCP từ mức «kém» lên «tốt», ảnh hưởng trực tiếp đến xếp hạng di động và chất lượng quảng cáo.
- Giảm thoát trang trên mạng chậm. Trên 3G/4G hoặc Wi-Fi không ổn định, JPEG vài MB trì hoãn nội dung đầu tiên. Người dùng thường rời trang sau ~3 giây. AVIF hoặc WebP nhỏ hơn giúp trang vẫn dùng được trên thiết bị chiếm phần lớn lưu lượng.
- Hosting & CDN rẻ hơn. Băng thông là chi phí biến đổi lớn với site tĩnh, thương mại điện tử và landing. Giảm một nửa dung lượng ảnh thường giảm mạnh egress — thường là phần lớn tổng truyền tải.
- PWA & cache ngoại tuyến. Service worker bị giới hạn dung lượng trên nhiều máy. Ảnh nhỏ hơn nghĩa là trải nghiệm offline phong phú hơn, mở lại nhanh hơn.
- UX mượt hơn trong app & animation. Giải mã bitmap lớn chặn luồng chính, gây giật khi cuộn và chuyển cảnh. Tệp nhẹ giải mã nhanh hơn, giữ 60 fps trên máy yếu.
Cách hoạt động
PicBrewery chạy các codec ảnh cấp production biên dịch sang WebAssembly, trong Web Workers để giao diện không bị đơ. Cùng thư viện như công cụ desktop gốc — chỉ phần «dính» là JavaScript.
- JPEG — MozJPEG, bộ mã hóa JPEG chất lượng cao.
- PNG — oxipng (Rust), tối ưu PNG không mất dữ liệu.
- WebP — libwebp của Google, có lossy và lossless.
- AVIF — libavif với bộ mã AV1 — tiêu chuẩn nén ảnh chụp hiện nay.
Khi bạn thả tệp, giải mã và mã hóa lại diễn ra trên thiết bị.
API OffscreenCanvas và mảng kiểu giúp di chuyển pixel với ít sao chép.
Blob thành phẩm đi thẳng vào liên kết tải hoặc ZIP được dựng trong trình duyệt bằng
fflate.
Quyền riêng tư
Xử lý ảnh 100% phía máy khách. Tệp được giải mã, mã hóa lại và nén ZIP hoàn toàn trong trình duyệt — không tải lên máy chủ; nhị phân codec là tài nguyên tĩnh. Sau khi tải xong, PicBrewery có thể hoạt động ngoại tuyến.
Trang web dùng phân tích tôn trọng quyền riêng tư (Google Analytics 4 và Yandex.Metrika) và có thể hiển thị quảng cáo (Google AdSense và mạng quảng cáo Yandex) để dự án miễn phí. Không tải các thành phần này cho đến khi bạn đồng ý qua banner cookie — bạn có thể chấp nhận, từ chối hoặc chỉnh lại bất cứ lúc nào từ trang Chính sách quyền riêng tư hoặc liên kết «Cài đặt cookie» ở chân trang.
Tùy chọn (chủ đề, cài đặt codec nâng cao) được lưu trong
localStorage trên thiết bị để giữ sau khi tải lại.
Hỗ trợ trình duyệt
Cần trình duyệt hiện đại có WebAssembly, Web Workers và
OffscreenCanvas — Chrome 90+, Firefox 90+ và Safari 15+.
Trình duyệt cũ sẽ thấy màn hình không tương thích rõ ràng.
Tìm hiểu thêm
Muốn đi sâu định dạng ảnh, xem So sánh định dạng ảnh — hướng dẫn thực tế về JPEG, PNG, WebP và AVIF — hoặc mở PicBrewery.