Công cụ thiết kế

Favicon, ảnh Open Graph, bảng màu, mockup và tối ưu SVG.

6 công cụ

• Tạo favicon

  Biến một hình ảnh thành bộ favicon đầy đủ: favicon.ico, các kích thước PNG, Apple touch icon, biểu tượng Android, web manifest và thẻ HTML.

• Tạo ảnh Open Graph

  Thiết kế ảnh chia sẻ mạng xã hội 1200x630 với tiêu đề, logo và nền tùy ý, rồi tải xuống dạng PNG. Chạy hoàn toàn trong trình duyệt.

• Tạo bảng màu

  Tạo các bảng phối màu từ một màu gốc, khóa màu yêu thích, kiểm tra độ tương phản WCAG và xuất sang CSS, Tailwind, JSON hoặc PNG.

• Lấy bảng màu từ hình ảnh

  Trích xuất các màu chủ đạo từ bất kỳ hình ảnh nào, sao chép mã hex, chọn chính xác từng điểm ảnh bằng ống hút màu và xuất bảng màu.

• Tạo mockup ảnh chụp màn hình

  Đặt ảnh chụp màn hình vào khung trình duyệt, laptop, điện thoại hoặc máy tính bảng với nền và bóng đổ tùy chỉnh, rồi xuất PNG.

• Tối ưu SVG

  Thu nhỏ tệp SVG bằng SVGO: xóa siêu dữ liệu và phần thừa, kiểm soát độ chính xác, giữ ID và viewBox, so sánh trước và sau.