Favicon.ico – Biểu tượng trang web trong trình duyệt
Trước khi một trang web được ra mắt, một tệp đồ họa đã được thêm vào, favicon, để xuất hiện trong trình duyệt, tại thanh địa chỉ. Trong hầu hết các tình huống, Favicon là bản thu nhỏ của logo đồ họa hoặc tên viết tắt của trang web tương ứng. Favicon này được thêm vào để giúp người dùng xác định địa chỉ web nhanh hơn trong các dấu trang.
Cho đến gần đây, tập tin này phải có hình dạng “Favicon.ico“, để được xác định bởi trình duyệt web. Chrome, Internet Explorer, Opera, Safari, Firefox, v.v.
Trong nhiều năm, với sự tiến bộ của các ngôn ngữ web mới, HTML9 Và CSS3, Favicon có thể là một fisier .png hoặc .jpg. Điều kiện là trong tiêu đề của trang web, trước </cái đầu>, để được trình bày dòng:
<Liên kết rel =”Biểu tượng phím tắt” href =”/images/favicon.ico” Loại =”Hình ảnh/X-ICON” />
Biểu tượng trang web cho iOS – iPhone, iPad SI iPod touch
TRONG iOS Chúng ta có thể thêm Phím tắt của các trang web Thể dục Màn hình chính-UliPhoneThì iPad Và iPod touch.
Làm thế nào để chúng tôi thêm phím tắt của một trang web trên màn hình chính iPhone, iPad và iPod
Chúng tôi làm điều này bằng cách mở một trang web trên iPhone (Safari, Chrome, v.v. “chia sẻ” trong iOS), sau đó tùy chọn “Thêm vào màn hình chính“.
Nếu trang web có Favicon đặt cho trình duyệt, nhưng không được đặt Biểu tượng cụ thể cho các thiết bị iOS, trên màn hình sẽ xuất hiện một biểu tượng được hình thành từ một Hãy tưởng tượng xem trước của trang web.
Cách thêm biểu tượng web cho iPhone, iPad và Android.
Bước đầu tiên là của anh ấyChúng tôi tạo một hình ảnh cho biểu tượng, xuất hiện trên Màn hình chínhý tưởng. Để biểu tượng web tương thích trên tất cả các thiết bị và xem rõ ràng, chúng ta phải tạo hình ảnh Đối với tất cả các độ phân giải iPhone và iPad.
Độ phân giải và kích thước tiêu chuẩn của các biểu tượng cho iPhone, iPad, iPod và Android
- Các mẫu iPhone / iPod / 57 cổ điển×57
- iPad = 76×76
- iphone / ipod võng mạc = 120×120
- ipad võng mạc = 152×152
- iPhone 6/6s Plus = 180×180
Quả táo Cập nhật thường xuyên Kích thước được đề xuất cho biểu tượngURL ứng dụng Và trang web Thể dục Trang này.
Đối với các thiết bị Android, các biểu tượng là hai kích thước:
- Android Classic = 128 × 128
- Android có độ phân giải cao (HI-res) = 192 × 192
Sau khi chúng tôi chụp ảnh, chúng tôi leo lên máy chủ web và trong nguồn HTML của trang web, trước khi đóng </cái đầu>, Thêm các dòng sau:
<Liên kết href =”/apple-touch-iCon.png” rel =”Apple-Touch-ICON” /> <Liên kết href =”/Apple-Touch-Icon-76×76.png” rel =”Apple-Touch-ICON” Kích thước =”76×76″ /> <Liên kết href =”/Apple-Touch-Icon-120×120.png” rel =”Apple-Touch-ICON” Kích thước =”120×120″ /> <Liên kết href =”/Apple-Touch-Icon-152×152.png” rel =”Apple-Touch-ICON” Kích thước =”152×152″ /> <Liên kết href =”/Apple-Touch-Icon-180×180.png” rel =”Apple-Touch-ICON” Kích thước =”180×180″ /> <Liên kết href =”/icon-hires.png” rel =”biểu tượng” Kích thước =”192×192″ /> <Liên kết href =”/icon-Normal.png” rel =”biểu tượng” Kích thước =”128×128″ />
Cho các thiết bị Apple, .png tên hình ảnh và “rel =” Phải chứa tiền tố “quả táo-“. Dành cho Android, tên tệp sẽ là “icon-hires.png” Và “icon-Normal.png” với rel =”biểu tượng”.
Không hoàn toàn cần thiết để tạo hình ảnh cho mỗi độ phân giải. Bạn có thể tạo một hình ảnh cho độ phân giải cao nhất và các thiết bị có độ phân giải thấp hơn sẽ xác định nó và đặt nó thành một biểu tượng.
Biểu tượng phím tắt vào trang web sẽ trông giống như bất kỳ Ứng dụng cho iOS.
