Về Trang chủ
Trình tạo Sprite Sheet – CSS Sprites & Texture Atlas
Đóng gói nhiều hình ảnh vào một sprite sheet duy nhất và nhận vị trí nền CSS chính xác cùng với bản đồ JSON kiểu TexturePacker. Lý tưởng cho CSS sprites, biểu tượng web và khung hình động trò chơi. Sắp xếp lại, đặt số cột và khoảng đệm, sau đó tải xuống sheet cùng với tọa độ của nó. Miễn phí, riêng tư và hoạt động 100% trong trình duyệt của bạn.
Tải lên hình ảnh để đóng gói
Định dạng được chấp nhận: JPG, PNG, WEBP, BMP, GIF (không động)
Dán (Ctrl/⌘+V) hoặc kéo thả ảnh — hoặc nhập từ URL
Kết hợp nhiều hình ảnh nhỏ thành một sprite sheet duy nhất để tăng tốc trang web hoặc trò chơi của bạn. Image Machine đóng gói các biểu tượng hoặc khung hình của bạn vào một hình ảnh trong trình duyệt — không cần tải lên, không cần tài khoản — để bạn có thể phục vụ chúng trong một yêu cầu duy nhất. Sprite sheet được tạo trên thiết bị của bạn và tài sản của bạn vẫn riêng tư.
Cách Hoạt Động
Chọn một công cụ
Chọn từ 120+ công cụ để thay đổi kích thước, chuyển đổi, nén hoặc nâng cao hình ảnh của bạn.
Tải lên và chỉnh sửa
Kéo và thả hình ảnh của bạn rồi điều chỉnh các cài đặt. Nó vẫn ở trên thiết bị của bạn.
Tải xuống
Lưu kết quả của bạn ngay lập tức — không hình mờ, không cần đăng ký.
Tại sao chọn Image Machine?
Tệp của bạn không bao giờ rời khỏi thiết bị
Mọi xử lý đều diễn ra cục bộ trong trình duyệt của bạn. Hình ảnh của bạn không bao giờ được tải lên máy chủ.
Hoàn toàn miễn phí
Mọi công cụ đều miễn phí — không giới hạn, không hình mờ và không chi phí ẩn.
Nhanh như chớp
Không phải chờ tải lên — hình ảnh của bạn được xử lý tức thì ngay trên thiết bị của bạn.
Chất lượng chuyên nghiệp
Kết quả hoàn hảo đến từng pixel với toàn quyền kiểm soát định dạng, kích thước và chất lượng.
Câu Hỏi Thường Gặp
Sprite sheet dùng để làm gì?
Một sprite sheet gộp nhiều đồ họa nhỏ — biểu tượng, nút bấm, hay các khung hình hoạt ảnh — vào một ảnh duy nhất. Tải một tệp duy nhất thay vì hàng chục tệp sẽ cắt giảm các yêu cầu mạng, giúp tăng tốc trang web và trò chơi.
Làm thế nào để dùng sprite sheet trên một website?
Hiển thị ảnh đã gộp và dịch chuyển vị trí của nó bằng background-position của CSS để chỉ hiện đúng biểu tượng bạn cần. Các engine hoạt ảnh cũng hoạt động theo cách tương tự, bước qua các khung hình được đóng gói trong sheet.
Việc gộp các ảnh có làm mất chất lượng không?
Không — mỗi ảnh được đặt vào sheet ở độ phân giải đầy đủ. Hãy xuất dưới dạng PNG để giữ mọi thứ không mất dữ liệu cùng độ trong suốt, đây là lựa chọn tiêu chuẩn cho biểu tượng và sprite giao diện.