Tạo Apple Touch Icon cho iOS và favicon đa độ phân giải

Tạo biểu tượng Apple Touch độ phân giải cao cho dấu trang Màn hình chính iOS cùng với favicon chuẩn cho trình duyệt máy tính. Đảm bảo tính nhất quán cho diện mạo thương hiệu trên cả máy tính và thiết bị di động.

Drop a logo or icon image here
Tap to choose a file
hoặc nhấp để chọn ·PNG SVG JPG · does not need to be square
Lối tắtPNG → ICOSVG → ICO
Tạo Apple Touch Icon cho iOS và favicon đa độ phân giải


Hướng dẫn từng bước

  1. 1

    Thả logo thương hiệu vào đây

    Nhập hình ảnh vector SVG hoặc ảnh raster độ phân giải cao của bạn.

  2. 2

    Tùy chỉnh viền & khoảng đệm

    Chọn góc bo tròn hoặc hình tròn và đặt màu nền.

  3. 3

    Tải xuống bộ biểu tượng

    Tải toàn bộ gói ZIP chứa tất cả biểu tượng và đoạn mã kèm theo.

Tối ưu hóa cho Màn hình chính iOS

Tạo tệp apple-touch-icon.png chuẩn 180x180 pixel với bán kính góc tùy chỉnh (vuông, bo tròn hoặc tròn) và màu nền.

Favicon đa kích thước tích hợp

Đồng thời xuất tệp favicon.ico đa năng chứa các tài nguyên 16px, 32px và 48px cho cả các tab trình duyệt máy tính cũ và hiện đại.

Hướng dẫn theo từng trường hợp

Trình tạo Favicon →

Câu hỏi thường gặp

Tôi nên tải tệp apple-touch-icon.png lên đâu trên máy chủ của mình?

Hãy tải tệp lên thư mục gốc của máy chủ web hoặc tham chiếu tệp qua thẻ `` đi kèm.

Logo độc quyền của tôi có bị tải lên máy chủ từ xa không?

Không, toàn bộ quá trình đổi kích thước biểu tượng và đóng gói ZIP đều được xử lý hoàn toàn trong trình duyệt cục bộ của bạn.