Trung tâm Hình ảnh · 100% Canvas & WebAssembly Cục bộ

Trung tâm Công cụ Hình ảnh & Thiết kế đồ họa

Xử lý, tối ưu hóa và thiết kế hình ảnh chuyên nghiệp ngay trên trình duyệt web của bạn. Bằng cách ứng dụng bộ tăng tốc Canvas phần cứng, WebAssembly và các thuật toán thị giác máy tính, bạn có thể thay đổi kích thước pixel, nén dung lượng tệp, nâng cấp độ phân giải bằng AI, tách nền và bóc tách bảng màu mà không cần tải ảnh lên bất kỳ máy chủ nào.

100% Trên trình duyệt
Không tải lên máy chủ
Miễn phí không cần tài khoản

Công cụ phân theo nhóm tác vụ

Hiển thị {count} công cụ (30)

1. Nén dung lượng & Tối ưu hóa Web

Giảm dung lượng tệp JPEG, PNG, WebP mà không làm vỡ hạt; tối ưu mã nguồn tệp SVG để tăng tốc độ tải trang Core Web Vitals.

Nén ảnh
Nén dung lượng ảnh WebP, JPEG, PNG, AVIF giảm dung lượng KB mà không vỡ hạt
Mở công cụ →
Tối ưu hóa mã nguồn SVG
Dọn dẹp siêu dữ liệu thừa, làm gọn đường dẫn path và nén dung lượng mã nguồn vector SVG
Mở công cụ →
Kiểm tra yêu cầu hình ảnh
Kiểm tra kích thước pixel, dung lượng tệp và tỉ lệ ảnh cho các nền tảng TMĐT và MXH
Mở công cụ →

2. Thay đổi kích thước & Định dạng

Thay đổi kích thước pixel, xoay lật ảnh, chia lưới 3x3 Instagram và chuyển đổi ảnh raster thành đồ họa vector SVG sắc nét.

Thay đổi kích thước ảnh
Đổi kích thước ảnh và điều chỉnh chiều rộng, chiều cao pixel với tỷ lệ khung hình tùy chỉnh.
Mở công cụ →
Xoay ảnh & tài liệu
Xoay trang tài liệu hoặc hình ảnh 90°, 180°, 270° và lật gương ngang/dọc vĩnh viễn
Mở công cụ →
Cắt ảnh lưới Instagram (Grid Splitter)
Chia ảnh lớn thành lưới 3x1, 3x2, 3x3 để tạo bài đăng dạng lưới khổng lồ hoặc chuỗi ảnh carousel trượt liền mạch trên Instagram.
Mở công cụ →
Vector hóa hình ảnh (Raster sang SVG)
Chuyển đổi hình ảnh raster (PNG, JPG) thành đường dẫn vector SVG mượt mà
Mở công cụ →
Chuyển ảnh sang PDF
Chuyển đổi hình ảnh JPG, PNG, WebP thành tài liệu PDF khổ A4 hoặc kích thước gốc
Mở công cụ →

3. Sáng tạo AI & Chỉnh sửa thông minh

Tách nền ảnh tự động, nâng cấp siêu độ phân giải AI, làm mờ vùng nhạy cảm và xem các layer tệp Photoshop PSD chuyên nghiệp.

Xóa nền ảnh
Tách và xóa nền ảnh tự động bằng mô hình AI phân đoạn đối tượng xuất ảnh PNG trong suốt
Mở công cụ →
Nâng cao chất lượng ảnh AI
Tăng độ phân giải và làm nét ảnh mờ bằng mạng nơ-ron AI WebGL trực tiếp trong trình duyệt
Mở công cụ →
Làm mờ & Che thông tin ảnh
Làm mờ mặt, che biển số xe hoặc làm nhòe thông tin nhạy cảm trên ảnh bằng hiệu ứng Pixelate
Mở công cụ →
Xem tệp PSD trong trình duyệt
Mở, xem trước danh sách layer và trích xuất hình ảnh từ tệp Photoshop .psd/.psb
Mở công cụ →
Tạo ảnh chế Meme
Tạo ảnh chế hài hước với văn bản trên/dưới, phông chữ Impact cổ điển và mẫu meme hot
Mở công cụ →

4. Màu sắc, Phông chữ & Nhận diện thương hiệu

Bộ chọn màu HEX/RGB, trích xuất bảng màu từ ảnh, xóa siêu dữ liệu EXIF/GPS, phối font chữ Google Fonts và tạo Favicon.

Bộ chọn màu & Ống hút màu
Chọn mã màu HEX, RGB, HSL, sử dụng ống hút màu EyeDropper và tạo bảng phối màu
Mở công cụ →
Trích xuất bảng màu từ ảnh
Tự động trích xuất các màu sắc chủ đạo (Dominant Colors) từ hình ảnh và xuất mã CSS
Mở công cụ →
Chuyển đổi không gian màu
Chuyển đổi qua lại giữa các hệ màu HEX, RGB, HSL, HSV, CMYK và chuẩn hiện đại OKLCH
Mở công cụ →
Phối font chữ Google Fonts
Xem trước và thử nghiệm các cặp font chữ tiêu đề và nội dung hài hòa từ Google Fonts, hỗ trợ đầy đủ tiếng Việt có dấu.
Mở công cụ →
Tạo Favicon cho website
Tạo bộ biểu tượng Favicon .ico và PNG đa kích thước (16x16, 32x32, Apple Touch Icon)
Mở công cụ →
Xóa siêu dữ liệu EXIF ảnh
Xóa thông tin định vị GPS, model máy ảnh, số serial và dữ liệu cá nhân ẩn trước khi chia sẻ ảnh lên mạng xã hội.
Mở công cụ →
Xem dữ liệu EXIF ảnh
Xem siêu dữ liệu EXIF ẩn, thông số máy ảnh, tiêu cự, khẩu độ, tốc độ chụp và tọa độ GPS trên bản đồ trực tiếp.
Mở công cụ →

5. Thiết kế CSS & Tài nguyên Web

Tạo đổ bóng nhiều tầng, hiệu ứng kính mờ glassmorphism, màu chuyển sắc mesh gradient, bảng màu Tailwind và hình khối hữu cơ blob.

Tạo đổ bóng CSS (Box Shadow)
Tùy chỉnh trực quan hiệu ứng đổ bóng hộp (Box Shadow) đa tầng, độ mờ và màu sắc
Mở công cụ →
Tạo hiệu ứng Glassmorphism
Tạo mã CSS cho phong cách thiết kế kính mờ với độ trong suốt và backdrop-filter
Mở công cụ →
Tạo dải màu chuyển Mesh (Mesh Gradient)
Tạo dải chuyển màu đa điểm tự do mượt mà (Mesh Gradient) và xuất mã CSS/SVG
Mở công cụ →
Bảng màu Tailwind CSS
Tạo bảng màu đầy đủ từ sắc độ 50 đến 950 và xuất cấu hình tailwind.config.js
Mở công cụ →
Tạo hình giọt nước CSS (Blob Generator)
Tạo hình dạng vector hữu cơ mềm mại (Blob) với border-radius 8 điểm và xuất SVG/CSS
Mở công cụ →

Công cụ chuyên mục bổ sung

Các công cụ chuyên biệt và tiện ích bổ sung có sẵn trong danh mục này.

Thiết kế ảnh bìa Facebook
Căn chỉnh ảnh bìa Facebook chuẩn hiển thị đồng thời trên cả máy tính (820x312) và di động
Mở công cụ →
Đóng dấu bản quyền ảnh (Watermark)
Chèn logo hình ảnh hoặc văn bản mờ bản quyền vào hình ảnh để bảo vệ quyền tác giả
Mở công cụ →
So sánh ảnh thu nhỏ YouTube
So sánh trực quan các phương án ảnh thu nhỏ (Thumbnail) trên mô hình trang chủ YouTube
Mở công cụ →
Chuyển đổi SVG sang PNG
Raster hóa đồ họa vector SVG thành hình ảnh PNG chất lượng cao với kích thước tùy chọn
Mở công cụ →
Trích xuất ảnh từ PDF
Tách và tải xuống tất cả các hình ảnh nhúng bên trong tệp PDF ở độ phân giải gốc cao nhất mà không bị nén lại.
Mở công cụ →

Hướng dẫn chọn nhanh: Bạn cần công cụ nào?

Giảm dung lượng tệp ảnh tính bằng KB/MB để trang web tải nhanh hơn

Điều chỉnh mức nén chất lượng có thể xem trước dung lượng thực tế trước khi tải về.

Nén ảnh (imgcompress) →
Thay đổi chiều rộng và chiều cao điểm ảnh (pixel) theo tỷ lệ chuẩn

Khóa tỷ lệ khung hình, nhập kích thước pixel chính xác với thuật toán nội suy mượt mà.

Thay đổi kích thước ảnh (imageresize) →
Tách ảnh chụp logo JPG/PNG bị vỡ hạt thành tệp vector SVG sắc nét vô hạn

Thuật toán WebAssembly biến các mảng điểm ảnh thành đường cong Bézier chuẩn công nghiệp.

Vectơ hóa hình ảnh (vectorizer) →
Chia một bức ảnh lớn thành lưới 3x3 để đăng lên trang cá nhân Instagram

Tự động xuất tệp ZIP kèm hướng dẫn thứ tự đăng bài tiếng Việt từ 9 về 1.

Cắt ảnh lưới Instagram (gridsplitter) →
Xóa thông tin vị trí GPS và thông số máy ảnh trước khi chia sẻ ảnh lên mạng

Xóa sạch dữ liệu định vị cá nhân ở cấp độ nhị phân mà không nén lại làm giảm độ nét ảnh.

Xóa siêu dữ liệu EXIF ảnh (exifscrubber) →

Quy trình chuẩn hóa hình ảnh chuyên nghiệp cho trang web

Tối ưu hóa hình ảnh từ khâu kiểm tra, điều chỉnh kích thước đến nén dung lượng và xuất bản.

Bước 1

Kiểm tra thông số kỹ thuật

Đo đạc độ phân giải thực tế, không gian màu và tỷ lệ khung hình của bức ảnh.

Kết quả cuối cùng: Xác định rõ ràng thông số cần điều chỉnh để phù hợp với chuẩn hiển thị.
Bước 2

Điều chỉnh kích thước pixel

Quy chuẩn kích thước chiều rộng về 1200px hoặc 1920px phù hợp với giao diện web.

Kết quả cuối cùng: Hình ảnh đạt kích thước chuẩn xác từng pixel không bị méo mó.
Bước 3

Nén dung lượng tệp

Chuyển đổi sang WebP chất lượng 82% để giảm 70% dung lượng tệp.

Kết quả cuối cùng: Tệp hình ảnh nhẹ tênh, tải trong chớp mắt trên thiết bị di động.

Giới hạn kỹ thuật & Hiệu năng trình duyệt

Bộ nhớ Canvas di động

Trên các thiết bị di động có dung lượng RAM giới hạn, hình ảnh có độ phân giải cực lớn (trên 30 Megapixel) có thể được tự động giảm tỷ lệ hiển thị để tránh hiện tượng tràn bộ nhớ trình duyệt.

Hướng dẫn thực hành & Bài viết liên quan

Tất cả công cụ Hướng dẫn thực hành & Bài viết liên quan →
Trung tâm Công cụ Hình ảnh & Thiết kế đồ họa • ~5 min read

So sánh định dạng nén ảnh WebP, JPEG, PNG và AVIF: Chất lượng và dung lượng

Phân tích kỹ thuật chuyên sâu về các định dạng nén ảnh WebP, AVIF, JPEG và PNG. Tìm hiểu cơ chế giải mã và mã hóa native Canvas 2D, WebAssembly, hành vi tham số chất lượng PNG và tối ưu dung lượng web.

Đọc hướng dẫn đầy đủ →
Trung tâm Công cụ Hình ảnh & Thiết kế đồ họa • ~5 min read

Cách xem và xóa Metadata EXIF ảnh: Bảo vệ quyền riêng tư tọa độ GPS và thông tin thiết bị

Tìm hiểu cấu trúc siêu dữ liệu EXIF, IPTC và XMP nhúng trong tệp ảnh JPEG/TIFF. Hướng dẫn đọc thông số camera, vĩ độ kinh độ GPS và cách loại bỏ siêu dữ liệu nhạy cảm hoàn toàn trên trình duyệt.

Đọc hướng dẫn đầy đủ →
Trung tâm Công cụ Hình ảnh & Thiết kế đồ họa • ~5 min read

Tại sao Favicon không hiển thị? Cách sửa lỗi đường dẫn, bộ nhớ cache và thẻ HTML

Hướng dẫn toàn diện về sửa lỗi favicon trên trình duyệt web. Khắc phục vấn đề cache cứng trình duyệt, cấu trúc tệp đa độ phân giải (16x16, 32x32, 180x180, 512x512) và khai báo thẻ link HTML chuẩn.

Đọc hướng dẫn đầy đủ →

Khám phá các trung tâm chuyên mục khác

Xem tất cả danh mục →
15 công cụ
Trung tâm Công cụ PDF & Tài liệu số

Bộ công cụ PDF miễn phí chạy trực tiếp trong trình duyệt: gộp, tách, nén, bảo vệ bằng mật khẩu và sắp xếp trang tài liệu an toàn 100% không tải lên máy chủ.

28 công cụ
Trung tâm Công cụ Âm thanh & Video trực tuyến

Công cụ âm thanh và video trực tuyến miễn phí: tách nhạc MP3, cắt video, quay màn hình, làm sạch tạp âm, tạo phụ đề SRT và chuyển giọng nói thành văn bản.

10 công cụ
Trung tâm Công cụ Xử lý Văn bản & Chuỗi ký tự

Bộ công cụ văn bản trực tuyến miễn phí: đếm số từ và ký tự, đổi chữ hoa thường, so sánh khác biệt văn bản Diff, xóa dòng trùng lặp và chuyển đổi mã Morse.

33 công cụ
Trung tâm Công cụ Lập trình viên & Mã nguồn

Bộ công cụ lập trình viên miễn phí: định dạng JSON, mã hóa Base64, định dạng SQL, giải mã JWT, kiểm tra Cron, chuyển đổi cURL và xem tài liệu OpenAPI Swagger.

22 công cụ
Trung tâm Công cụ Tính toán Tài chính & Đầu tư

Bộ công cụ tính toán tài chính trực tuyến miễn phí: tính lãi vay trả góp, lãi kép đầu tư, lạm phát, lương thực nhận, tỷ giá ngoại tệ và kế hoạch tự do tài chính FIRE.

19 công cụ
Trung tâm Công cụ Kinh doanh & Freelance

Bộ công cụ kinh doanh và bán hàng trực tuyến miễn phí: tạo hóa đơn, tính biên lợi nhuận, chiết khấu, điểm hòa vốn, phí sàn TMĐT, ROAS quảng cáo và UTM link.

12 công cụ
Trung tâm Công cụ Sức khỏe & Đời sống hàng ngày

Bộ công cụ sức khỏe và đời sống trực tuyến miễn phí: tính lượng calo tiêu thụ BMR/TDEE, chu kỳ giấc ngủ, lượng nước uống mỗi ngày, ngày dự sinh và đồng hồ Pomodoro.

11 công cụ
Trung tâm Chuyển đổi Đơn vị đo lường, Ngày & Giờ

Bộ công cụ chuyển đổi đơn vị và đo lường trực tuyến miễn phí: chuyển đổi độ dài, khối lượng, diện tích, nhiệt độ, ngày giờ, múi giờ quốc tế và visa Schengen.

8 công cụ
Trung tâm Tạo mã QR & Bộ sinh dữ liệu ngẫu nhiên

Bộ công cụ tạo mã QR và sinh dữ liệu ngẫu nhiên trực tuyến miễn phí: tạo mã QR tùy biến màu sắc, mật khẩu an toàn CSPRNG, mã UUID v4 và quét chữ OCR.