Favicon là gì? Tại sao 1 web site lại cần có favicon? Bí quyết thiết kế 1 favicon ra sao và những lưu ý gì lúc dùng nó sẽ được cụ thể hóa trong bài viết dưới đây. Sau đây là những thông tin chi tiết nhất về từng mảnh ghép của Favicon.
Tổng quan về favicon
Định nghĩa về favicon
Favicon được hiểu là 1 biểu tượng ko thể thiếu trong việc xây dựng 1 web site. Đây được xem là biểu tượng phổ thông} mà nhiều khách hàng dùng.
Favicon – 1 biểu tượng của web site. Đấy là 1 hình icon được hiển thị trên góc trên cùng của tab lúc truy cập trình thông qua. Khách hàng sẽ nhìn thấy những biểu tượng này như những emblem đại diện cho chính web site của mình.
Đặc biệt là trong wordpress thì favicon được thiết kế sở hữu 1 kích thước chuẩn 16 x 16 pixels và thường được gọi sở hữu loại tên là biểu tượng web site. Mặc dầu chỉ tựa như 1 nút chấm phá bé trên web site nhưng nó lại sở hữu 1 lợi ích vô cùng hấp dẫn cho web site.
Tóm lại, favicon là gì đã có câu trả lời rồi đúng ko ạ. Nó là 1 dạng rút gọn của những emblem, được dùng sở hữu phần đích nhằm giúp khách hàng phân biệt được những nhãn hiệu 1 bí quyết dễ dàng. Thông thường thì 1 emblem sẽ được thiết kế theo font chữ Tagline hay Title của web site.
Câu hỏi đặt ra: Tại sao web site cần dùng Favicon?
Dưới đây là những nguyên nhân vì sao Favicon lại cần thiết trong từng web site:
- 1 biểu tượng đơn giản, đẹp mắt sở hữu kích thước bé ko tương tác tới thực hiện của khách hàng.
- Giúp người đọc có thể nhận biết được đâu là tab của mình lúc đang truy cập trình thông qua 1 bí quyết dễ dàng.
- Có thể giúp khách hàng dễ dàng phân biệt được đâu là web site của mình trong phần bookmark.
- Quan yếu hơn là, trường hợp 1 web site thiếu đi Favicon thì sức hút, sự lôi cuốn dường như bị giảm đi 1 phần so sở hữu những web site có Favicon.
Lịch sử và trào lưu ra đời của Favicon
Favicon trước kia new ra đời thì sở hữu 1 giao diện cũng như chức năng khá đơn giản chỉ cần bạn có sẵn 1 file. ico là bạn có thể thấy những trình thông qua ấy được nhận ra và trình bày lên góc con trên bên cửa sổ 1 bí quyết tinh tế, sáng tạo và tỉ mỉ cao.
Nhưng sau 1 thời kì tìm tòi và nghiên cứu thì những nhà phát triển thành đã nghĩ ra thêm ý tưởng dùng file. gif để có thể giúp những bức ảnh của bạn có thể chuyển động trên chính cửa sổ trình thông qua hay còn được gọi là hình ảnh động khác hẳn sở hữu những dòng ảnh tĩnh.
Và dần dần nó vẫn được phát triển thành 1 bí quyết ko ngừng, khách hàng lại được đón nhận 1 xu thế trào lưu new là dùng .png sở hữu những phần trong suốt. Có thể nhắc tới như favicon sở hữu chỗ hở, chỗ che cũng như đục quạt chính vì vậy bí quyết biến tướng, thay đổi đổi 1 bí quyết tinh vi, sáng tạo để những nhãn hiệu, emblem của đơn vị ko còn thuộc khu vực khuôn màu sắc trắng mà nó thường xuất hiện trước ấy nữa.
Những định dạng của Favicon
Và hiện nay đã có nhiều trình thông qua hơn và mức độ phức tạp cũng ko ngừng nâng cao. Lẽ ấy cũng đòi hỏi chúng ta nên tinh tế và tỉ mỉ hơn để khiến cho favicon có thể biểu lộ được tính năng của mình trên internet như Coccoc, Firefox, Chrome… mà còn có thể trên cả những trình thông qua cellular.
Để tương thích sở hữu Favicon, bạn nên nhớ 2 điều sau:
- Favicon cần sở hữu nhiều kích thước khác nhau như 16 x 16 pixels, 20 x 20 pixels, 24 x 24 pixels…
- Favicon cần có nhiều định dạng đuôi file khác nhau.
Những thuận tiện mà Favicon mang trong mình lại cho 1 web site
Favicon biểu lộ rõ những lợi ích mà chúng có thể mang trong mình lại cho khách hàng và máy kiếm tìm. Chính vì vậy lúc tiến hành xây dựng 1 web site new, bạn cần thiết kế 1 Favicon riêng cho mình để nhận dạng được công cụ kiếm tìm 1 bí quyết giản đơn hơn.
- Favicon như 1 biểu tượng của webiste. Nó giúp khiến nổi bật nhãn hiệu của bạn và tạo nên sự khác biệt sở hữu những web site khác. Mặt khác còn giúp khách hàng dễ dàng nhớ và nhận dạng nhãn hiệu của mình.
- Đây được xem là 1 công cụ đắc lực trong tương trợ website positioning, giúp xây dựng nhãn hiệu cho những công ty 1 bí quyết nhanh chóng. Bên cạnh ra còn là khả năng giúp cho máy kiếm tìm có thể xếp hạng được những web site trong toàn bộ hệ thống 1 bí quyết dễ dàng.
- Thêm vào ấy, Favicon còn xác định được tab đang mở trong trình thông qua thông qua 1 số icon giúp người dùng hạn chế tình trạng nhầm lẫn so sở hữu những tab khác.
Bí quyết tạo Favicon cho web site
Như phần đề cập trên trên đã trình bày về định nghĩa và tại sao Favicon lại cần thiết cho 1 web site. Thì việc tạo Favicon cũng là 1 vấn đề được nhiều khách hàng để ý.
Việc tạo 1 Favicon cho web site nhằm dùng cho cho phần đích như tương trợ file mở rộng. Và 1 số trình thông qua giúp tương trợ định dạng ảnh như: jpg, png, gif…
Quy trình tạo Favicon trải qua 4 bước:
- Bước 1: Tạo file. icon: Trước hết khách hàng cần thiết kế 1 file ảnh riêng sở hữu những kích thước sau: 16 x 6 pixels, 32 x 32 pixels, 48 x 48 pixels…
- Bước 2: Tiếp theo, bạn truy cập quản lý vào đường hyperlink sentayho.com.vn/ để add chính loại file ảnh mình vừa tạo để tạo favicon. Tiếp theo bạn sẽ được phân phối 1 đường hyperlink obtain ảnh và được chuyển sang định dạng .ico.
- Bước 3: Obtain file sentayho.com.vn rồi up lên host web site của mình.
- Bước 4: Chèn đoạn mã HTML để thiết lập favicon. Rồi tiếp tục chèn đoạn mã HTML vào phần <head> </head> của trang internet.
Favicon cho wordpress
-
Vì sao bạn nên thêm Favicon cho WordPress
Như đã đề cập trước ấy, sự thiết lập dành cho 1 web site là điều vô cùng quan yếu. Nó giúp cải thiện khả năng dùng cũng như những trải nghiệm của khách hàng trên chính trang internet của mình.
Có nhiều người luôn dùng nhiều tab cùng 1 lúc. Nhưng chính việc mở nhiều tab cùng 1 lúc sẽ dẫn tới tình trạng khiến ẩn tiêu đề của web site. Và favicon chính là công cụ giúp khách hàng xác định được web site của mình và giúp bạn nhanh chóng chuyển tới những tab khác mà họ mong muốn.
Bên cạnh ra, bạn có thể bắc buộc người dùng thêm trang vào màn hình chủ của mình trên chính những ứng dụng của điện thoại di động. Biểu tượng trang internet và favicon cũng được dùng cùng 1 lúc bằng bí quyết thêm trang internet vào màn hình chính của app thiết bị di động.
Bí quyết thêm biểu tượng trang internet hoặc favicon trong wordpress
Có phiên bản của wordpress 4. 3, bạn có thể dễ dàng thêm 1 favicon hoặc biểu tượng trang internet trên khu vực admin WordPress. Bạn trước tiên chỉ cần click on vào Look rồi chọn Customise và nhấn vào tab Web site Identification.
Trong phần nhận dạng trang internet trên tùy thuộc} biến cho phép khách hàng có thể thay đổi đổi tiêu đề trang, kiểm soát 1 bí quyết chặt chẽ rằng bạn có muốn hiển thị chúng trong tiêu đề hay ko. Ngoại trừ ấy, nó cũng cho phép người dùng có thể tải lên biểu tượng trang internet của mình.
Và những hình ảnh đang add mà vượt quá kích thước cho phép thì WordPress sẽ giúp bạn cắt nó và khiến giảm measurement của ảnh tới lúc nào ảnh ưu thích sở hữu kích thước chuẩn thì bạn new có thể lưu lại.
Có quy trình chỉ đơn giản như vậy, bạn có thể xem lại chính trang internet của mình và nhìn thấy biểu tượng favicon của mình đang hoạt động. Hơn vậy, bạn cũng có thể đánh giá trang internet của mình trên 1 thiết bị di động bằng bí quyết vào trình thông qua và click on phần “Add lớn homescreen”. Rồi tiếp tục bạn sẽ thấy biểu tượng trang internet của mình xuất hiện trên màn hình.
Bí quyết thêm favicon cho WordPress model 4. 2 hoặc phiên bản cũ
Việc trước tiên để thêm favicon cho WordPress là tải lên favicon vào thư phần gốc của trang internet – trang internet mà bạn đang dùng FTP. Tiếp theo là bạn dán mã code vào file header. php vào chủ đề của mình. Đường hyperlink như sau:
<hyperlink rel=”icon” href=”http://www.dieuhau.com/favicon.png” kind=”picture/x-icon” />
<hyperlink rel=”shortcut icon” href=”http://www.dieuhau.com/favicon.png” kind=”picture/x-icon” />
1 mẹo bé ấy là bạn nên thay đổi cụm từ “dieuhau.com” bằng chính URL của web site của riêng mình. Theme của khách hàng ko chứa 1 tập tin header. php hoặc ko tìm thấy nó thì khách hàng đừng quá lo lắng vì đã được tương trợ bởi 1 plugin cho từng 1 account.
Sau khoản thời gian click on và kích hoạt plugin thì vào Settings => Insert Headers and Footera và dán đoạn mã được phân phối vào phần tiêu đề và tiến hành lưu vào những thiết lập của bạn.
HostingViet phân phối Internet hosting cho wordpress đảm bảo chất lượng, bên cạnh ra Bạn đăng ký Cloud VPS cũng được tương trợ cài đặt tối ưu cho WordPress.
Chỉ dẫn tạo Favicon đẹp
Favicon – 1 biểu tượng sở hữu nhiều tính năng nổi bậc cho nên đối sở hữu những yêu thích khoa học thông tin và ham học hỏi thì sẽ tò mò về bí quyết tạo Favicon như thế nào. Và dưới đây là demo mẫu Favicon đẹp cho web site thông qua những bước sau:
Favicon trên internet chỉ ưu thích sở hữu kích thước 16 x 6 pixels và sở hữu đuôi mở rộng .icon nên bạn có thể dùng phần mềm chỉnh sửa như Excellent Icon hoặc những phần mềm tạo icon khác nhằm tạo ra 1 icon đúng measurement của Favicon.
Và đây là bí quyết tạo Favicon từ hình ảnh png, jpg…:
- Bước 1: Giai đoạn chuẩn bị: Hãy cứng cáp chắn rằng bạn đã có trong tay sẵn 1 hình ảnh sở hữu kích thước được quy định 16 x 16 pixels.
- Bước 2: Truy cập vào đường hyperlink sentayho.com.vn/favicon/, tiếp tục nhấn vào Thông qua (Browse) nhằm chọn ra 1 bức ảnh trên bước 1. Rồi tiếp tục nhấn Create Icon để tạo 1 Favicon. Sau khoản thời gian đã thành công những bước này thì chương trình sẽ bắc buộc khách hàng Obtain file.
- Bước 3: Sau khoản thời gian tiến hành Obtain file thì bạn sẽ giải nén bề 1 file được tạo sở hữu tên là favicon. ico.
- Bước 4: Tiếp tục ấy là nhúng loại vừa được tạo sentayho.com.vn vào web site sở hữu 2 bí quyết ấy là:
- Truy cập vào phần mềm quản lý Web site click on phần Edit Web site và nhập Favicon vào
- Sửa quản lý file grasp trong phần DigitvisionSkins – phần đã được cài đặt sẵn trong thể và có thể chèn thêm 1 dòng code.
1 vài lưu ý lúc dùng Favicon:
Sau khoản thời gian bạn đã trả lời được câu hỏi favicon là gì, bí quyết tạo chúng ra sao. Vậy tổng kết lại và đưa ra những lưu ý lúc thiết kế cho 1 web site chuẩn ko cần chỉnh nhé.
- Định dạng của favicon là DNG. Định dạng này giúp cho việc giải nén 1 bí quyết đơn giản và nhanh chóng.
- Kích thước của file nên bé hơn 100KB.
- Như hiện nay, kích thước của favicon chuẩn là 512 x 512 pixels trên màn hình hiển thị Retina của apple.
Đấy là bài viết tìm hiểu sơ lược về Favicon – mặc dầu sở hữu 1 kích thước measurement vô cùng bé nhưng chức năng của nó ko hề bé nên ko ạ. Những thông tin được đưa ra trên trên chỉ mang trong mình phần khái quát nhất về chúng, hãy cùng chúng tôi đóng góp ý kiến để có những loại nhìn chi tiết nhất về biểu tượng Favicon nhé!
