website: https://pngmaster.com
Cách hoạt động
Bộ công cụ hình ảnh của chúng tôi được thiết kế để chạy hoàn toàn trên trình duyệt, nghĩa là mọi quá trình xử lý diễn ra trực tiếp trên thiết bị của bạn. Khi bạn chọn một tệp, nó sẽ được xử lý bằng tài nguyên của thiết bị - chúng tôi không nhìn thấy hoặc lưu trữ tệp của bạn ở bất kỳ đâu.
Bạn có thể tự kiểm chứng điều này bằng cách:
-
Tải bất kỳ trang công cụ nào và sau đó tắt kết nối internet - công cụ vẫn sẽ hoạt động
-
Sử dụng công cụ dành cho nhà phát triển trên trình duyệt để theo dõi lưu lượng mạng - bạn sẽ không thấy bất kỳ tệp nào được tải lên
-
Kiểm tra rằng URL trang không thay đổi khi bạn xử lý tệp - mọi thứ diễn ra hoàn toàn cục bộ
Tính năng
-
Chuyển đổi giữa các định dạng hình ảnh phổ biến (JPG, PNG, WebP, AVIF, BMP)
-
Nén hình ảnh mà vẫn giữ nguyên chất lượng
-
Thay đổi kích thước, xoay và lật hình ảnh
-
Ghép nhiều hình ảnh thành một
-
Chuyển đổi hình ảnh sang PDF
-
Tạo hình ảnh giữ chỗ và favicon
-
Điều chỉnh các thuộc tính hình ảnh như độ bão hòa và sắc thái
Quyền riêng tư & Bảo mật
Bảo vệ quyền riêng tư của bạn là ưu tiên hàng đầu của chúng tôi. Cam kết bảo vệ dữ liệu của bạn:
-
Không lưu trữ tệp - tệp được xử lý trong bộ nhớ và không bao giờ được lưu
-
Không thu thập dữ liệu - chúng tôi không theo dõi các tệp bạn xử lý
-
Không cần tài khoản - hoàn toàn ẩn danh
-
Không tải lên máy chủ - mọi quá trình xử lý diễn ra trong trình duyệt của bạn
-
Mã nguồn mở - bạn có thể kiểm chứng cam kết bảo mật của chúng tôi
Bằng cách xử lý mọi thứ cục bộ trong trình duyệt của bạn, chúng tôi đảm bảo tệp của bạn không bao giờ rời khỏi thiết bị. Cách tiếp cận này không chỉ bảo vệ quyền riêng tư mà còn giúp xử lý nhanh hơn do không phải chờ tải lên hoặc xử lý trên máy chủ.
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
Nguồn: Sharecode.vn
✅ Yêu cầu hệ thống
Trước khi bắt đầu, người dùng cần cài đặt:
-
Node.js phiên bản >= 18.x (Tải tại đây)
-
Yarn hoặc npm (npm được cài sẵn khi cài Node.js)
-
(Tuỳ chọn) pnpm nếu bạn muốn dùng trình quản lý gói hiện đại hơn
📦 Các bước cài đặt và chạy dự án
1. Download dự án
2. Cài đặt dependencies
Nếu dùng npm:
Nếu dùng yarn:
Nếu dùng pnpm:
3. Chạy dự án ở chế độ phát triển
Hoặc:
Sau đó truy cập: http://localhost:3000
4. Build và chạy productionbash
Hoặc tương đương với yarn build && yarn start
5. Lint và Format code (tuỳ chọn dành cho dev)
🧩 Ghi chú thêm
-
Dự án này dùng Tailwind CSS, TypeScript, Zod, React Hook Form, Radix UI, Next.js App Router, và nhiều thư viện UI hiện đại khác.
-
Đảm bảo bạn đang dùng Node >=18 để tránh lỗi khi dùng Next.js 15.