fbpx
close

Favicon là gì? Hướng dẫn cách tạo Favicon ấn tượng với khách hàng

Tác giả: Đông Tùng Ngày cập nhật: 22/11/2021 Chuyên mục: Webmasters
Disclosure
Website Wiki.tino.org được cung cấp bởi Tino Group. Truy cập và sử dụng website đồng nghĩa với việc bạn đồng ý với các điều khoản và điều kiện trong chính sách bảo mật - điều khoản sử dụng nội dung. Wiki.tino.org có thể thay đổi điều khoản sử dụng bất cứ lúc nào. Việc bạn tiếp tục sử dụng Wiki.tino.org sau khi thay đổi có nghĩa là bạn chấp nhận những thay đổi đó.
Why Trust Us
Các bài viết với hàm lượng tri thức cao tại wiki.tino.org được tạo ra bởi các chuyên viên Marketing vững chuyên môn và được kiểm duyệt nghiêm túc theo chính sách biên tập bởi đội ngũ biên tập viên dày dặn kinh nghiệm. Mọi nỗ lực của chúng tôi đều hướng đến mong muốn mang đến cho cộng đồng nguồn thông tin chất lượng, chính xác, khách quan, đồng thời tuân thủ các tiêu chuẩn cao nhất trong báo cáo và xuất bản.

Một website được xem là hoàn hảo khi không chỉ có cấu trúc bên trong thật mạnh mẽ mà những chi tiết bên ngoài còn phải thật ấn tượng. Trong đó, Favicon cũng là một yếu tố rất quan trọng của trang web mà bạn cần lưu ý. Nếu chưa biết Favicon là gì thì các bạn hãy cùng TinoHost tìm hiểu qua bài viết dưới đây nhé!

Favicon là gì?

Định nghĩa Favicon

Favicon là một biểu tượng nhỏ hiển thị bên trái của một tab khi bạn mở website trên trình duyệt. Có thể xem Favicon như logo của website và được tạo ra với mục đích phân biệt các website với nhau.

Có thể bạn đã từng thấy rất nhiều mỗi khi truy cập trang web nhưng lại không biết gọi biểu tượng này là gì. Thông thường Favicon sẽ được thiết kế gần giống với logo của thương hiệu nhưng đơn giản hơn nhiều, không có tagline cũng như không tên thương hiệu mà chỉ có phần hình ảnh chính của logo. Nếu logo đại diện cho cả một thương hiệu thì Favicon là đặc trưng riêng của website.

favicon-la-gi

Quá trình phát triển của Favicon

Thời gian đầu, Favicon sở hữu một giao diện và chức năng còn đơn giản hiện tại, chỉ với một file. Ico, Favicon được trình bày lên góc trái của tab một cách tinh tế, sáng tạo và tỉ mỉ cao.

Thời gian sau đó, một số nhà phát triển đã nghĩ ra ý tưởng mới đó là sử dụng file. gif để có thể giúp Favicon có thể chuyển động trên chính cửa sổ trình duyệt

Dần dần, Favicon trở thành một xu hướng và được phát triển mạnh mẽ, từ đó người dùng bắt đầu sử dụng định dạng .png với các phần trong suốt, Favicon thay đổi một cách tinh vi và sáng tạo để các thương hiệu, logo của công ty không còn nằm trong khu vực khung màu trắng nữa.

Kích thước tối ưu của Favicon là bao nhiêu?

Kích thước phù hợp nhất của một Favicon trên website có thể gồm: 16×16 pixel (khuyên dùng kích thước này); 32×32 hoặc 48×48, 64×64

Ngoài ra, bạn vẫn có thể sử dụng các kích thước lớn hơn hoặc bé hơn cho Favicon nhưng điều này có thể làm ảnh hưởng đến dung lượng tải web hoặc hình ảnh hiển thị không được chất lượng.

Kích thước của một tệp favicon.ico nên nhỏ hơn 100kb

favicon-la-gi

Một số định dạng của Favicon

Định dạng phổ biến nhất của Favicon là .ico, ngoài ra để chất lượng đa dạng, Favicon còn có định dạng png, gif, jpeg hoặc svg. Nhưng hầu hết các trình duyệt sẽ tự động xác định file favicon.ico có trong thư mục gốc website sau đó chọn nó làm icon của website

Những lợi ích của Favicon với website

Giúp website hiển thị nổi bật

Favicon có chức năng chính là giúp trang web trở nên nổi bật trên tab trình duyệt của người dùng. Sự xuất hiện của biểu tượng này sẽ giúp cho website đỡ bị tẻ nhạt và ấn tượng cũng như thu hút khách hơn rất nhiều.

Hỗ trợ người dùng phân biệt với các website khác

Khi người dùng mở nhiều tab, Favicon có nhiệm vụ hỗ trợ họ dễ dàng phân biệt các website và không bị rối khi lựa chọn qua lại. Ngoài ra, khi vào lịch sử tìm kiếm, các Favicon cũng sẽ giúp người dùng dễ dàng tìm lại website mình cần,

Hỗ trợ SEO hiệu quả

Khi sử dụng Favicon, website của bạn sẽ in sâu vào tâm trí của người tiêu dùng hơn, từ đó thương hiệu cũng được nhận dạng tốt hơn. Bên cạnh đó, Favicon còn giúp cho bộ máy tìm kiếm xếp hạng website dễ dàng, chiến dịch SEO sẽ được diễn ra thuận lợi. Cụ thể, nếu website của bạn có Favicon đẹp mắt, chuyên nghiệp và thể hiện thương hiệu một cách rõ ràng thì khách hàng sẽ có xu hướng click vào website của bạn thay vì của đối thủ. Từ đó thứ hạng website trên Google sẽ tăng.

favicon-la-gi

Hướng dẫn cách tạo Favicon cho website

Bước 1: Thiết kế file ảnh để làm Favicon

Để có thể tạo được file này, trước bạn cần thiết kế ra một file ảnh, ảnh đó sẽ có một trong những kích thước cơ bản sau: 16 x 16px; 32 x 32px; 48 x 48px; 64 x 64px.

Tuy nhiên, như đã chia sẻ bên trên, bạn hoàn toàn có thể sử dụng kích thước lớn hơn dù sẽ làm ảnh hưởng đến tốc độ tải trang web. Một số website hiện nay thiết kế Favicon với kích thước lên đến 512 x 512 px nhằm tạo ra hình ảnh có chất lượng sắc nét nhất và hiển thị tốt trên các thiết bị di động, TV, laptop,..

favicon-la-gi

Bước 2: Chuyển file hình ảnh vừa tạo sang định dạng .ico

Bạn có thể sử dụng một số phần mềm chỉnh sửa ảnh để chuyển định dạng cho ảnh. Nếu không có phần mềm, bạn có thể sử dụng một số công cụ online bằng cách truy cập vào trang web này.

favicon-la-gi

Kế tiếp hãy tải file ảnh của bạn lên sau đó ấn tạo Favicon. Sau khi xong, bạn hãy tải về với định dạng .ico

Tuy nhiên, để chất lượng ảnh tốt nhất, bạn có thể chọn định dạng PNG, tuy nhiên một số trình duyệt cũ như Internet Explorer sẽ không hỗ trợ định dạng này, do đó bạn cần phải cân nhắc thật kỹ. Ngoài ra, kích thước file không được quá 100kb.

Bước 3: Tải file Favicon lên host chứa website của bạn

Sau khi đã tải file Favicon có định dạng .ico về, bạn đã có thể đưa lên host thông qua File Manager hay FTP để tiến hành cài đặt Favicon cho website.

Bước 4: Chèn đoạn mã HTML để hoàn tất thiết lập Favicon

Truy cập vào website và chèn đoạn mã sau vào phần <head> … </head>

<link type=”image/x-icon” href=’Đường dẫn tới file .ico’ rel=”shortcut icon”/>

Như vậy, bạn đã hoàn tất thiết kế Favicon cho website của mình rồi đấy.

Hy vọng qua bài viết trên sẽ giúp bạn biết được Favicon là gì cũng như các bước để tạo chúng. Favicon là một biểu tượng nhỏ nhưng lại đóng vai trò khá quan trọng đối với nhận diện thương hiệu nên bạn đừng bao giờ bỏ qua phần này trong website của mình nhé!

FAQs về Favicon

Favicon có phải là logo không?

Hầu hết, các website đều sử dụng phần hình ảnh của logo (không bao gồm text) để làm Favicon nhằm mục đích tiết kiệm thời gian ra ý tưởng mới cho Favicon cũng như giúp người dùng có sự liên tưởng nhiều hơn với thương hiệu. Bạn có thể thiết kế Favicon theo công thức: Favicon = Logo – Text

Favicon có nhất thiết phải hình vuông?

Nhằm đảm bảo hiển thị trên tab đẹp nhất và để tránh xảy ra một số lỗi, Favicon bắt buộc phải được thiết kế hình vuông chứ không phải một hình dạng nào khác.

Tại sao website của tôi không hiển thị Favicon?

Khi bạn thêm Favicon vào trang web của mình, biểu tượng đó có thể không hiển thị vì trình duyệt của bạn đã ‘lưu’ trang web của bạn thành một trang không có Favicon. Bạn cần xóa bộ nhớ cache trong trình duyệt của mình hoặc sử dụng một trình duyệt khác.

Mất bao lâu để Favicon cập nhật lên Google?

Thông thường, khi bạn tạo một Favicon cho website sẽ cần 24h để Google có thể thu thập dữ liệu từ trang web của bạn sau đó sẽ cập nhật lên công cụ tìm kiếm.

Đông Tùng

Senior Technology Writer

Là cử nhân Quản trị kinh doanh của Trường Đại học Tài chính - Marketing, Tùng bắt đầu làm việc tại Tino Group từ năm 2021 ở vị trí Content Marketing để thỏa mãn niềm đam mê viết lách của bản thân. Sở hữu khả năng sáng tạo đặc biệt, anh cùng đội ngũ của mình đã tạo nên những chiến dịch quảng cáo độc đáo cùng vô số bài viết hữu ích về nhiều chủ đề khác nhau. Sự tỉ mỉ, kiên trì và tinh thần sáng tạo của Tùng đã góp phần lớn vào thành công của Tino Group trong lĩnh vực marketing trực tuyến.

Xem thêm bài viết

Bài viết liên quan

Mục lục

Xem nhiều

giá tốt, chất lượng cao mình rất hài lòng
chất lượng dịch vụ tốt lắm...á
chất lượng dịch vụ rất tốt.
giá tốt, chất lượng cao mình rất hài lòng
Dịch vụ chăm sóc khách hàng tốt
Dùng rất oke nha mọi người
Dịch vụ chăm sóc khách hàng tốt, mình rất hài lòng về dịch vụ của TINOHOST
Đã mua rất nhiều tên miền tại Tinohost. Chất lượng tốt
dịch vụ và chăm sóc khách hàng rất tốt , mình rất thích tinohost , mình đã sử dụng nhiều dịch vụ của tinohost rồi
tuyệt vời chăm sóc khách hàng quá tốt
dịch vụ và chăm sóc khách hàng rất tốt , mình rất thích tinohost , mình đã sử dụng nhiều dịch vụ của tinohost rồi
Quá tốt - Quá xuất sắc và tuyệt
Hỗ trợ nhiệt tình. dịch vụ chất lượng
Đội ngũ support rất nhiệt tình.
Sử dụng dịch vụ của bạn Tinohost 2 3 năm nay chưa khi nào phải thất vọng.
host dùng chất lượng, miền giá rẻ
dịch vụ hỗ trợ rất nhanh, tốc độ hosting tốt
Hộ trợ tốt, nhanh. Tuyệt vời 🥰
tuyệt vời, dịch vụ cực tốt và hỗ trợ siêu nhanh
Làm việc nhanh chóng, giá thành hợp lí.
Hosting rẻ và nhanh thích hợp cho học sinh sinh viên như mình
dịch vu tốt ! Sẽ sử dụng thưởng xuyên !
Mỗi lần cần gì, nhắn Tino là được hỗ trợ ngay. Nên một đứa không biết gì về web như mình cũng tạo được blog. Cơ bản mình chỉ lo viết, mọi thứ có anh IT của Tino lo hết.
Nhìn chung thì Tino xứng đáng là một trong những nhà cung cấp host giá rẻ #1 tại VN. Bên này support khá nhanh và nhiệt tình nên quá trình sử dụng diễn ra tương đối trơn tru.
Chất lượng quá ok so với mức giá. Các SME có thể tham khảo để dựng web nhé.
uy tín chất lượng chuẩn cho 5 sao
Dịch vụ nhanh chóng thanh toán tiện lợi
Dịch vụ nhanh chóng, giá cả hợp lý
Chất lượng phục vụ ok, support khá nhanh chóng và chất lượng gói lớn tốt, gói nhỏ cần tốt hơn.
Dịch vụ tốt, giá cả hợp lý👍
Rất hay, rất tốt, rất hữu ích
Hỗ trợ rất nhanh và nhiệt tình
Chất lượng phục vụ ok, support khá nhanh chóng và chất lượng gói lớn tốt, gói nhỏ cần tốt hơn.
dịch vụ tốt, thanh toán nhanh chống
Hài lòng dịch vụ của tinohost
Sau khi sử dụng dịch vụ của TinoHost. Mình thấy website load nhanh hơn hẳn so với sử dụng ở nhà cung cấp cũ. Giá cả do mình đc mua với giá sale 99% của TinoHost nên rất là rẻ. Gói mình mua là gòi Hosting Bussiness 20GB. Thông số cấu hình cao nên web load khá mượt
Chúc TinoHost phát triển!
domain rẻ, có nhiều gói hữu ích thích hợp cho sinh viên
Hài lòng về dịch vụ và tư vấn
Dịch vụ tốt . Support nhiệt tình
Chất lượng OK
Nhanh chóng
dịch vụ rất tốt
Nhân viên support nhanh, hỗ trợ nhiệt tình, giao dịch tự động nên khá tiện
Đã dùng nhiều dịch vụ tại Tinohost, chất lượng tốt, rất hài lòng ...😀
Sự dụng rất hài lòng với các dịch vụ của tinohost
Dịch vụ tốt, uy tín chất lượng
Tino dịch vụ quá tuyệt vời
Giá rẻ, dịch vụ tốt, hỗ trợ nhanh chóng
dịch vụ rất tốt rất tuyệt vời
Giá hợp lý cho người mới dùng
Mình thấy Tinohost có giao diện thân thiện, dễ đăng ký sử dụng cho người mới tập tành làm web như mình. Hosting hỗ trợ có nhiều lựa chọn về dung lượng và giá cả! Thanh toán qua momo thuận tiện. Recommended!
wed quá ok làm việc nhanh ngọn
Dịch vụ tốt. Khá hài lòng vì support nhiệt tình
Dịch vụ quá tuyệt vời danh cho các bạn
Xin cảm ơn đội ngủ kỹ thuật. Các bạn rất chuyên nghiệp và thân thiện. Tôi sẽ giới thiệu các bạn cho bạn bè của mình.
Dịch vụ hỗ trợ tốt, ổn định, thanh toán dễ dàng.
Mình từng dùng VPS bên Vietel IDC, hay gặp lỗi vặt và bảo trì liên tục. Nhưng Tino thì rất ok
dùng tốt, nhanh, dễ sử dụng
Giao diện đẹp mắt, dễ sử dụng
Đề nghị xem lại vấn đề phục vụ khách hàng (livchat)!
Good. Tốc độ cao. Tùy chỉnh nhiều trên shared hosting.
hosting ngon, giá luôn rẻ, tôi làm code nhưng rất thích sài host tino
Tino cung cấp host rất chuyên nghiệp. Đội ngũ kỹ thuật hỗ trợ rất tận tâm và nhiệt tình. Mình sẽ tiếp tục ủng hộ Tino 🥰.
Rất tuyệt vời🙆🙆🙆🙆🙆🙆🙆🙆🙆
Xét về tầm giá thì TinoHost rất đáng để mua và sử dụng lâu dài.
Dịch vụ chất lượng, ủng hộ 1 năm nay rồi
tuyệt vời quá đi,tuyệt vời quá đi
Tốc độ ổn định, tư vấn nhiệt tình
mới tham gia, mong mọi người hỗ trợ thêm
Tốc độ khá tốt với gói rẻ nhất 9k
Giao dịch nhanh,support nhanh và tận tình,chuyển miền nhanh,Hosting Ok
mua sản phẩm dịch vụ tinhot rất tốt tặng ad 5tr ** luon nè🥰🥰🥰
tinohost
một truong những nơi bán hosting rẻ, chất lượng dành cho anh em nào cần để làm web
mua tại : tinohost.com
mình đã mua 2 tên miền + hosting của Tino Host . quả nhiên hiệu quả SEO cải thiện đáng kể và chứng chỉ bảo mật HTTPS miễn phí của Tino Host cũng ko kém phần quang trọng cho việc SEO website của mình
Tino host là một trong nhà cung cấp tốt nhất mình từng sử dụng. Với ưu đãi khuyến mại nhiều, giá thành rẻ kèm theo đó là sự support tuyệt vời của các admin. Nếu ai chưa lựa chọn được nhà cung cấp cho bản thân mình thì Tinohost sẽ là câu trả lời tốt nhất.
dịch vụ tốt, đội ngũ support nhiệt tình, cảm ơn #tinohost
Uy tín, chất lượng, nhân viên hỗ trợ nhiệt tình
mua 2 domain tại tinohost dùng rất chất lượng
Đã mua 02 domain và hosting tại TinoHost, hài lòng cách tư vấn và chăm sóc khách hàng của TinoHost :)
Giá rẻ cấu hình mạnh, black friday là sự bùng nổ của Tino
Hay web bán tài nguyên rất ngon
dịch vụ tốt, mua luôn host chất lượng cao của công ty nhân dịp blackfriday, cảm ơn #tinohost
Dịch vụ rất tốt, nhân viên tận tình.
Hỗ trợ nhiệt tình nhất trong các nhà cung cấp mih từng dùng. Không những server mạnh, ưu đãi có 1 không 2 mà còn nhiều plugin pro bản quyền đính kèm nữa. Quyết định gắn bó "Lifetime" với tino 😁
Dịch vụ tốt hỗ trợ nhanh chóng
Thích cách tư vấn tận tình và nhanh gọn của Tino mỗi khi có vấn đề trục trặc. Hosting ổn định, giá rẻ tốt lắm nhé mọi người
mình có mua 2 tên msiền của tino, mình rât thích cách tư vấn và chăm sóc khách hàng tại đây. Ngoài ra giá domain khá rẻ, phù hợp cho mọi người. 5 sao
Dịch vụ tốt, support nhiệt tình
tinohost tuyệt vời giá cả hợp lý
domain mua rất rẻ :))))
tốt, chất lượng, hostingok
Hosting tốt, giá cả cạnh tranh
Tuyệt vời , Hosting quá ổn
Chất lượng lắm ạ. Domain mua rẻ nhất thị trường
Dịch vụ tốt và chất lượng
Chất lượng lắm ạ. Domain mua rẻ nhất thị trường
Tino Host dùng quá ngon đi !💥💥💥💥💥
Tôi đã mua domain và hosting của các nhà cung cấp khác rồi, nhưng thực sự thấy không tốt bằng Tino, ngoài ra còn hỗ trợ rất tốt. Cảm ơn tino nhiều!
Next Reviews
CÔNG TY CỔ PHẦN TẬP ĐOÀN TINO
Trụ sở chính: L17-11, Tầng 17, Tòa nhà Vincom Center, Số 72 Lê Thánh Tôn,  Phường Bến Nghé, Q. 1, TP. Hồ Chí Minh

Văn phòng kinh doanh: Số 42 Trần Phú, Phường 4, Quận 5, TP HCM
GPKD số 0315679836 do Sở KH và ĐT TP Hồ Chí Minh cấp
Hotline: 0364 333 333
Góp ý/Phản ánh dịch vụ: 0933 000 886