Favicon, biểu tượng, biểu tượng phím tắt, biểu tượng apple-touch-icon: Có ai khác không?


24

Tôi biết 2 loại biểu tượng web mặc định cơ bản cho trang web:

  • Favicon : đặt một.icotệp được định dạng ở thư mục gốc của trang web của bạnfavicon.icovà hầu hết các trình duyệt máy tính để bàn sẽ tìm thấy nó và hiển thị nó trong các ngữ cảnh khác nhau (dấu trang, tab). Cũng có thể được thêm vào mã, cho phép bạn chỉ định các tên khác và các loại đồ họa khác cho tệp, mặc dù có các giới hạn về loại và kích thước cho trình duyệt :

    <link rel="shortcut icon" href="/webmasters//favicon.ico" />
    <link rel="icon" href="/webmasters//favicon.ico" />
    
  • Biểu tượng Clip trên web : đặt mộtpngtệp được định dạng được gọi làapple-touch-icon.pnghoặcapple-touch-icon-precomposed.pngở gốc của trang web của bạn và các phiên bản Safari của hệ điều hành iPhone / iOS sẽ chọn chúng và lưu trữ chúng khi trang web được thêm vào Màn hình chính. Cũng có thể được thêm bằng mã như:

    <link rel="apple-touch-icon" href="/webmasters//custom_icon.png" />
    

Có bất kỳ đồ họa biểu tượng mặc định nào khác cho một trang web mà quản trị trang web có thể bao gồm không?

Câu trả lời:


8

xuất hiện dựa trên điều nàyđiều này là Android sẽ sử dụng relloại apple-touch-icon-precomposedhoặc apple-touch-icon, NHƯNG để nó hoạt động, bạn cần sử dụng một url đủ điều kiện, ví dụ:

<link rel="apple-touch-icon-precomposed"
      href="http://www.example.com/custom_icon.png" />

hoặc là:

<link rel="apple-touch-icon"
      href="http://www.example.com/custom_icon.png" />

Thông báo trước là điều này dường như dành cho Android 2.1 update 1 & Webkit 3.1 . Các tài liệu nhà phát triển Android không đề cập đến một phương pháp trong android.webkitđó là sự kiện khi apple-touch-iconđược lấy ra.


1

Điều này phụ thuộc vào nền tảng mà bạn nhắm mục tiêu. Nhưng tôi nghĩ rằng hầu hết - tương thích tiêu chuẩn - trình duyệt di động hiểu các thẻ favicon mặc định. Có lẽ bạn có thể tìm kiếm các trường hợp sử dụng đặc biệt (ví dụ: tạo lối tắt trên màn hình với biểu tượng đặc biệt) trên các nền tảng như Android, iOS, WebOS, ...

Tôi vừa phát triển một vài trang web nhắm mục tiêu trên Người dùng iPhone và trên các trang web này, tôi đã sử dụng Wordpress với phiên bản chuyên biệt của chủ đề WPTouch.

Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.