Công ty Tất Thành du lịch biển 2019
Slider 2
Slider 4
Chúng tôi không bốc phét, chúng tôi không chém gió. Bởi sau 10 năm chinh chiến trong lĩnh vực thiết kế website, Tất Thành đã bỏ ra hơn 3 tỷ để liên tục xây dựng và hoàn thiện giải pháp thiết kế website theo yêu cầu của riêng mình. Hệ thống của chúng tôi có các ưu điểm hoàn toàn vượt trội so với các công ty thiết kế website theo yêu cầu khác. Cụ thể như sau:
Cho phép thay đổi màu sắc của website
Cho phép thay đổi màu sắc của website

Hệ thống cung cấp 1 TRIỆU MÀU để bạn có thể tuỳ ý lựa chọn theo sở thích cho website của mình. Bạn cũng có thể đổi màu bất kỳ khi nào bạn muốn và hoàn toàn MIỄN PHÍ.

Cho phép thay đổi đường nét giao diện website
Cho phép thay đổi đường nét giao diện website

Khi bạn thích hoặc sau một vài tháng, một vài năm bạn có thể tự thay đổi giao diện hoặc Tất Thành sẽ giúp bạn hoàn toàn miễn phí bằng các tính năng được tích hợp sẵn bên trong hệ thống

Cho phép thay đổi bố cục website
Cho phép thay đổi bố cục website

Hệ thống cung cấp rất nhiều bố cục website, bố cục module để bạn có thể tuỳ ý sử dụng theo sở thích hoặc mục đích của mình. Bạn có thể thay đổi bất kỳ khi nào bạn muốn trong 5 phút.

Website được tối ưu cho đa thiết bị
Website được tối ưu cho đa thiết bị

Website hiển thị tốt trên máy bàn, laptop, máy tính bảng, điện thoại, thậm chí là cả... tivi, máy chiếu 😊

Website được tối ưu cho đa trình duyệt
Website được tối ưu cho đa trình duyệt

Safari hay Chrome, Firefox hay Cốc Cốc, dù khách hàng của bạn dùng trình duyệt phổ biến nào cũng được.

Giao diện website độc quyền
Giao diện website độc quyền

Chúng tôi tự sáng tạo ra những giao diện website độc quyền, chưa từng tồn tại trên thị trường. Và bạn có thể sử dụng các giao diện độc quyền này để khác biệt hoàn toàn với đối thủ của bạn.

Website được tối ưu tốt cho SEO
Website được tối ưu tốt cho SEO

Giúp bạn có được nền tảng tốt nhất để tăng thứ hạng website trên Google, có nhiều khách hàng một cách tư động. Bạn sẽ có... nhiều thời gian đi chơi, đi du lịch,... hưởng thụ cuộc sống 😍😍

Website ASP.NET bảo mật cao
Website ASP.NET bảo mật cao

Bảo mật cao để website không bị hack, không bị đánh cắp thông tin đơn hàng.

Liên tục nhận được các cập nhật miễn phí
Liên tục nhận được các cập nhật miễn phí

Website của bạn sẽ luôn tươi mới và ngày càng hiệu quả hơn. Bởi chúng tôi liên tục nâng cấp hệ thống và bạn sẽ nhận được các lợi ích đó hoàn toàn MIỄN PHÍ.

12 năm kinh nghiệm thiết kế website
12 năm kinh nghiệm thiết kế website

Điều này phần nào phản ánh kinh nghiệm làm việc và sự gắn bó dài lâu của Tất Thành với khách hàng.

Favicon Là gì? Cách Tạo Favicon Cho Website Đơn Giản Nhất!

Favicon là gì? Tất tần tật về Favicon sẽ có trong bài viết này: kích thước, định dạng chuẩn, cách tạo favicon cho website đơn giản giúp SEO TOP website dễ dàng.

Trương Thu Trà
Trà TT
16:35 21/09/19 trong Thuật ngữ website
16:35 21/09/19 1.424 lượt xem
Tà cha hảo. Chào các bạn, lại là mình đây. Trước khi trả lời cho câu hỏi "Favicon là gì?", mình muốn cho các bạn xem hình ảnh dưới đây.

Chắc hẳn khi lướt facebook, youtube, hay bất kỳ 1 trang web nào, các bạn đều đã không ít lần nhìn thấy cái biểu tưởng khoanh tròn nhỏ nhỏ ở góc trái tab trình duyệt chứ? 

Favicon Là gì? Cách Tạo Favicon Cho Website Đơn Giản Nhất! 1

Đó chính là hình ảnh Favicon của trang web mà bạn đang xem đó. Đừng xem thường Favicon, nó "nhỏ mà có võ" à nghen. 

Nào, bây giờ mình sẽ giúp bạn khai thông xem Favicon là gì? tại sao các website phải có favicon? Nó đem lại lợi ích gì? Cách tạo favicon cho website ra sao? Lét gô!

Favicon là gì?

Favicon là viết tắt của cụm từ Favorite Icon, có thể hiểu như là shortcut icon, website icon, tab icon, URL icon, hay bookmark icon.

Favicon là một hình ảnh nhỏ hiển thị bên trái Tiêu đề của trang web trên tab trong trình duyệt, là biểu tượng riêng để phân biệt các website với nhau. Giống như logo dùng để phân biệt các thương hiệu với nhau, chữ ký cá nhân phân biệt con người với nhau.

Kích thước chuẩn của Favicon là gì?

  • Các kích thước chuẩn của Favicon trên website là: 16x16 pixel ( khuyến nghị dùng nhất); 32x32 hoặc 48x48, 64x64
  • Bạn cũng có thể sử dụng các kích thước Favicon lớn hơn hoặc bé hơn nhưng có thể làm phí dung lượng tải web hoặc hình ảnh hiển thị không đẹp.
  • Kích thước của file favicon.ico nên nhỏ hơn 100kb

Định dạng của Favicon là gì?

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

Trước đây Favicon không được chú trọng lắm nhưng bây giờ thì hầu như mọi thiết kế website đều phải có, không thể thiếu được.
 
Favicon Là gì? Cách Tạo Favicon Cho Website Đơn Giản Nhất!

Tầm quan trọng của Favicon với website?

Làm trang web hiển thị nổi bật trên tab trình duyệt.

Một trang web không có favicon trông thật tẻ nhạt và thiếu sức hút.

Favicon Là gì? Cách Tạo Favicon Cho Website Đơn Giản Nhất! 3
 
 
Khi website không có Favicon - trình duyệt sẽ hiển thị thành trang lỗi 404
 

Giúp người duyệt web dễ dàng phân biệt được các trang web khác nhau:

  • Khi mở nhiều tab trên trình duyệt, chỉ cần nhìn Favicon website là bạn có thể nhận ra tab nào là của web nào không cần đọc tiêu đề trang web. 
  • Tiết kiệm diện tích trình duyệt, người dùng có thể mở một lúc hàng chục tab mà vẫn phân biệt được các trang web trong từng tab
  • Hoặc khi đánh dấu (bookmarks) các web lại, nhờ có favicon bạn cũng dễ dàng nhận ra các trang web trong danh sách bookmark. 
Favicon Là gì? Cách Tạo Favicon Cho Website Đơn Giản Nhất! 4
 

Favicon hỗ trợ cho việc SEO web, xây dựng nhận diện thương hiệu.

Rõ ràng, hình ảnh luôn thu hút và dễ dàng ghi nhớ hơn vào bộ não con người. Do đó, Favicon đóng vai trò như một đại sứ thương hiệu, luôn luôn xuất hiện một cách tự nhiên khi người dùng truy cập website của bạn. Từ đó, hình ảnh thương hiệu của bạn được khéo léo khắc sâu vào tiềm thức của họ. 

Update mới nhất: Ngày 23/09/2019, trang kết quả tìm kiếm của Google đã cập nhật lại cách hiển thị các trang web. Theo đó, Favicon và URL hiển thị trước Title và description của bài viết. (Như hình bên dưới)
Favicon Là gì? Cách Tạo Favicon Cho Website Đơn Giản Nhất! 5
Hình ảnh Favicon đẹp giúp trang web của bạn nổi bật trên kết quả tìm kiếm

Đặc biệt, các máy tìm kiếm cũng dựa vào file favicon.ico để xếp hạng các trang web. Vì vậy, bạn không thể không tạo Favicon cho website một cách ấn tượng, đúng chuẩn và tương thích với các trình duyệt trên cả máy tính và các thiết bị di động được.

Hướng dẫn tạo Favicon cho Website

Vậy làm thế nào để tạo ra một Favicon ưng ý cho website của bạn.

B1: Thiết kế 1 file ảnh đúng kích thước chuẩn của Favicon

Thông thường sẽ chính là file logo thương hiệu của web. Để Favicon khi hiển thị trên trình duyệt đẹp nhất, các bạn phải chú ý kích thước file theo đúng chuẩn nêu trên

B2: Chuyển file hình ảnh sang định dạng .ico. 

Để chuyển định dạng, bạn có thể dùng:

Các chương trình chỉnh sửa hình ảnh nào như Photoshop, Gimp…
  • Đối với các bạn sử dụng photoshop để tạo favicon các bạn cần phải có phần mở rộng cho file .ico
  • Bạn cần phải download file tại địa chỉ sau: http://www.telegraphics.com.au/sw/files/ICOFormat-1.6f9-win.zip
  • Sau đó các bạn copy file vào thư mục cài đặt photoshop: (C:\Program Files\Adobe\Photoshop \Plug-Ins\File Formats)
Tool online: có khá nhiều các trang chuyển định dạng hình ảnh sang file .ico miễn phí như Các trang này khá dễ sử dụng, các bạn chỉ cần làm theo các bước hướng dân, upload file hình ảnh logo lên và dowload file dạng .ico về máy

B3: Up file Favicon.ico lên host website

B4: Nhúng đoạn mã HTML để thiết lập Favicon 

Chèn mã sau vào phần <head>  ... </head> của website
  • <link type=”image/x-icon” href=’Đường dẫn tới file .ico’ rel=”shortcut icon”/>
 
Favicon Là gì? Cách Tạo Favicon Cho Website Đơn Giản Nhất! 6
Kết luận:

Trên đây, mình đã cùng các bạn tìm hiểu kỹ về khái niệm "Favicon là gì?" . Hy vọng là đọc xong bài viết này, các bạn đã thực hàng được luôn các bước tạo Favicon cho website của mình. Nếu gặp bất kỳ vấn đề gì về favicon, cứ chat với mình hoặc để lại comment bên dưới. Mình sẵn sàng ở đây hỗ trợ các bạn nha.

Chúc bạn thành công!
Một bác thợ giỏi không dùng miếng gỗ xấu để lắp vào sau tủ. Một chiếc máy tốt thì bo mạch cũng cần phải đẹp!
Đó thực sự là những triết lý làm việc rất hay và đầy tinh túy. Tất Thành cũng muốn vậy, chúng tôi luôn có gắng để làm được như thế đối với các website mình làm ra.
Bạn thử chiêm ngưỡng một vài tác phẩm website của chúng tôi dưới đây nhé! :)
Chuỗi 55 cửa hàng Fresh Garden
11:46 10/03/20 582 lượt xem
Bảo tàng Hồ Chí Minh
11:12 10/03/20 454 lượt xem
Tập đoàn Bất động sản Danko
09:08 10/03/20 529 lượt xem
Trung ương Hội Trường Sơn Việt Nam
09:03 10/03/20 517 lượt xem
Trung ương hội sinh viên Việt Nam
16:38 25/07/15 1.360 lượt xem
Website đạo diễn Hoàng Công Cường
17:42 20/04/20 362 lượt xem
Hệ thống giáo dục UCMAS - 99 cơ sở
15:21 20/04/20 359 lượt xem
Công ty cổ phần đầu tư HDN
15:21 20/04/20 365 lượt xem
Hãng Taxi Group
15:20 20/04/20 367 lượt xem
Tổng công ty MBLand - MBLand Holdings
14:53 26/09/17 933 lượt xem
Chuỗi cửa hàng Cộng Cà Phê
17:28 10/07/15 429 lượt xem
Hỗ trợ khách hàng
Các chuyên viên tư vấn của chúng tôi luôn sẵn sàng giúp bạn. Hãy liên hệ ngay nếu bạn còn có câu hỏi trong đầu.
Trần Minh Thắng
Hà Mạnh Linh
Gửi yêu cầu
Hãy cho chúng tôi biết mong muốn của bạn. Chúng tôi sẽ liên hệ lại cho bạn ngay lập tức.
Gửi thông tin liên hệ
Đăng ký dịch vụ
Hotline
0988.56.59.56
Zalo
0988.56.59.56
Viber
0988.56.59.56
Youtube
Twitter
Facebook
http://facebook.com/
Facebook
http://facebook.com/
Instagram
Ảnh bên trái web - 1Ảnh bên trái web - 2
Ảnh bên phải web - 1Ảnh bên phải web - 2