Hình ảnh và Media

Hình ảnh và Media — 5 công cụ cho lập trình viên chạy trên trình duyệt, gồm Bộ chuyển đổi ảnh Base64, Trình tạo ảnh giữ chỗ và Trình tạo ảnh OG. Mọi thứ chạy cục bộ, không cần đăng ký hay tải lên, dữ liệu của bạn luôn riêng tư và kết quả tức thì.

5 cong cu

Bộ chuyển đổi ảnh Base64Mã hóa tệp ảnh (PNG, JPG, GIF, SVG) thành chuỗi Base64 data URI hoặc giải mã Base64 trở lại thành ảnh xem được. Xem trước, sao chép và tải về mà không cần tải tệp lên, miễn phí.

Trình tạo ảnh giữ chỗTrình tạo ảnh giữ chỗ: đặt chiều rộng, chiều cao, màu nền và màu chữ để có ảnh mẫu kèm xem trước trực tiếp. Tải về ngay cho mockup và thử bố cục, miễn phí trên trình duyệt.

Trình tạo ảnh OGTrình tạo ảnh OG cho thumbnail chia sẻ mạng xã hội: thiết kế ảnh Open Graph 1200x630 rồi xuất ra PNG. Rất hợp cho bản xem trước liên kết trên X và Facebook, miễn phí.

Bộ chuyển đổi ICOTrình chuyển đổi ICO biến ảnh PNG hoặc JPG thành favicon đa độ phân giải gồm 16x16, 32x32 và 48x48. Mọi xử lý diễn ra cục bộ nên ảnh của bạn không bao giờ được tải lên.

Trình tối ưu SVGCông cụ tối ưu SVG trực tuyến miễn phí giúp loại bỏ metadata, chú thích và khoảng trắng thừa để giảm kích thước tệp. Dọn dẹp mã SVG trong trình duyệt và tải xuống kết quả.

Cach su dung

1
Thả ảnh vào công cụ— Tệp được đọc trong trình duyệt bằng FileReader API, nên ảnh được xử lý ngay trong thẻ và không có lần tải lên nào rời khỏi máy bạn.
2
Chuyển đổi hoặc làm nhẹ— Biến PNG hay JPG thành favicon .ico nhiều kích thước, mã hóa ảnh thành data URI Base64, hoặc đưa tệp SVG qua trình tối ưu để bỏ siêu dữ liệu của phần mềm vẽ và rút gọn đường path.
3
Tải tệp về hoặc dán trực tiếp— Lưu kết quả, hoặc chép data URI thẳng vào CSS, HTML của bạn; trình tạo ảnh OG và ảnh giữ chỗ sẽ dựng nốt phần hình mà trang còn thiếu.

Cau hoi thuong gap

Không. Tệp được đọc bằng FileReader và xử lý trên canvas ngay trong trình duyệt nên không có gì được gửi đi. Điều này đúng với cả trình chuyển ICO, trình chuyển ảnh sang Base64 lẫn trình tối ưu SVG.

1200x630 pixel, tỷ lệ 1,91:1, vì đó là khung mà Facebook, X và hầu hết ứng dụng nhắn tin cắt theo. Trình tạo ảnh OG khởi đầu đúng bằng khung này, và giữ tệp quanh mức 1MB trở xuống giúp tránh tình trạng quá thời gian khi các trình thu thập chậm lấy bản xem trước.

Với các tài nguyên nhỏ — biểu tượng và logo chỉ vài kilobyte — khi lợi ích của việc bớt một yêu cầu HTTP lớn hơn mức tăng khoảng 33% dung lượng mà Base64 gây ra. Ảnh lớn nên giữ dạng tệp để trình duyệt lưu đệm riêng và tải trễ.