Làm thế nào để cài đặt một favicon cho trang web của bạn?

Favicon - viết tắt của "biểu tượng chọn" (dịch sang tiếng Anh). Tên đến từ danh sách các bookmark trong trình duyệt Internet Explorer, được gọi là "Yêu thích" / "yêu thích". Khi bạn thêm một trang web vào mục yêu thích của bạn Explorer (phiên bản 5 trở lên) đề cập đến các máy chủ với các yêu cầu, cho dù các tập tin tài nguyên favicon.ico. Nếu một tập tin như vậy tồn tại, nó sẽ được sử dụng để cung cấp một biểu tượng sẽ được hiển thị bên cạnh các văn bản đánh dấu.

Các trình duyệt khác (ví dụ, Mozilla) cũng có hỗ trợ cho favikonok. Tùy thuộc vào chương trình để tìm kiếm, biểu tượng này có thể được hiển thị ở những nơi khác nhau, không chỉ trong danh sách bookmark (trên thực tế, nó thậm chí không xuất hiện ở đó). Nó được hiển thị trong thanh địa chỉ hoặc tiêu đề của tab trình duyệt.

Các biểu tượng trên các tab trình duyệt

Hầu hết người dùng có xu hướng có nhiều tab đang mở trong cửa sổ trình duyệt. Với sự gia tăng trong số lượng các tab ẩn các trang web tên. Favicon giúp người sử dụng để xác định các liên kết và nhanh chóng chuyển sang tab bạn muốn mở.

Ngoài ra, nếu người dùng muốn thêm trang web yêu thích của bạn vào máy tính của bạn trên thiết bị di động của bạn, biểu tượng sẽ được sử dụng. Do đó nó luôn luôn là cần thiết để lựa chọn các con số trước khi tập favicon. icon Trang web này được hiển thị như một biểu tượng ứng dụng trên desktop, tablet hay smartphone.

Làm thế nào để tạo ra một favicon?

Để tạo một favicon.ico, bạn chỉ cần lưu các tập tin PNG-16x16 và chuyển nó sang một png2ico biểu tượng tài nguyên. Tuỳ ý, bạn có thể thêm hình ảnh khác nhau trong cùng một biểu tượng để cung cấp các giải pháp thay thế. Hầu hết các trình duyệt được sử dụng chỉ 16x16 định dạng cho hình ảnh như vậy, nhưng trong một bối cảnh khác nhau (ví dụ, kéo URL trong thanh địa chỉ trên máy tính để bàn) biểu tượng lớn có thể được hiển thị trong hình. Nếu tài nguyên chỉ chứa 16x16 hình ảnh biểu tượng, nó sẽ được thu nhỏ đến kích thước mong muốn, vì vậy về mặt kỹ thuật không cần thêm các giải pháp thay thế. Tuy nhiên, điều này có thể cải thiện chất lượng hình ảnh. Trước khi cài đặt favicon cho trang web của bạn, hãy chắc chắn để kiểm tra những gì nó trông giống như hình ảnh trong các kích cỡ khác nhau.

Hãy ghi nhớ rằng đối với một người dùng với một favicon kết nối Internet chậm có thể làm tăng thời gian tải trang cho một vài giây. Điều này có thể nếu file ảnh đã là quá lớn, vì vậy đừng lạm dụng nó. Thêm một lựa chọn thay thế định dạng 32x32 nên là đủ để khởi động hình ảnh nhìn tốt, ngay cả trong những tình huống với các biểu tượng lớn. Sử dụng một số lượng lớn các lựa chọn - đó là tiền thưởng thực hiện chỉ theo yêu cầu của trang web của nhà phát triển. Cố gắng giữ số lượng màu sắc đến 16 và tạo icon 16-màu sắc với png2ico (hoặc biểu tượng thậm chí màu đen và trắng). Điều này sẽ giữ một tập tin nhỏ hơn mà tải nhanh hơn.

Khi tạo một hình ảnh để thêm vào favicon.ico không nên quên rằng các biểu tượng có thể được hiển thị trên một màu nền khác nhau. Vì lý do này, nó là tốt nhất để sử dụng một cách minh bạch và không phải là một nền tảng vững chắc. Suy nghĩ lâu dài và khó khăn về cách cài đặt favicon nhất một cách chính xác, rằng ông hài hòa với nền bất kỳ. Cần lưu ý rằng chúng ta có thể thiết lập các giá trị trung gian, được đo lường bằng tỷ lệ phần trăm. Các chuyên gia nói rằng lý tưởng là để thiết lập, bao gồm khoảng 30-40% số nền trong suốt.

Bạn có thể sử dụng logo của thương hiệu của bạn, một biểu tượng của chủ đề cuộc sống hoặc hình ảnh yêu thích để làm cho biểu tượng trang web tuỳ chỉnh của bạn. Kích thước đề nghị cho favicon - ít nhất 512 pixel ở chiều rộng và chiều cao. Các hình ảnh phải vuông, nhưng bạn có thể sử dụng một hình ảnh hình chữ nhật lớn. Nhiều công cụ cho phép bạn cắt hình ảnh, khi bạn thêm nó (vì vậy đừng lo lắng về việc làm thế nào để cài đặt một favicon trên SMF dưới dạng hình ảnh lớn).

Tạo biểu tượng với "Photoshop"

Các chuyên gia khuyến cáo sử dụng trong chỉnh sửa hình ảnh, ví dụ, Adobe Photoshop hoặc GIMP. Điều này sẽ tạo ra một favicon chính xác 512 × 512 pixel. Vì vậy, bạn có thể lưu các tỷ lệ chính xác của hình ảnh, sử dụng một hình ảnh trong suốt, hoặc điền vào nền tảng của sự lựa chọn của bạn. Bức ảnh này có thể nằm trong định dạng PNG, JPEG hoặc GIF. Sau đó, bạn cần phải xác định làm thế nào để cài đặt một favicon cho trang web của bạn.

Tại sao tôi cần phải thêm vào trang web?

Như đã ghi nhận, biểu tượng favicon - một biểu tượng nhỏ xuất hiện bên cạnh tên của trang web trong trình duyệt. Nó giúp người dùng xác định liên kết, và du khách thường xuyên hơn vào trang web của bạn ngay lập tức sẽ xác định một hình ảnh nhỏ. Điều này làm tăng nhận biết thương hiệu và giúp giành được lòng tin trong khán giả. Như vậy, favicon định nghĩa "cá tính" của trang web của bạn. Bên cạnh đó, nó cũng cải thiện khả năng sử dụng và người sử dụng kinh nghiệm của trang web.

Làm thế nào để cài đặt một favicon để html trang web của bạn

Để thêm favicon mới của bạn vào trang web của bạn, bạn phải cài đặt nó trên một máy chủ trong cùng một thư mục nơi mà các trang web (ví dụ, www.example.com/foo/favicon.ico cho www.example.com/foo/index. html). Đây là dữ liệu mà là ở nơi đầu tiên bất kỳ trình duyệt sẽ tìm kiếm các download. Nếu anh ta không thể tìm thấy biểu tượng, sau đó kiểm tra thư mục cấp cao nhất của máy chủ (www.example.com/favicon.ico cho www.example.com trên máy chủ). Vì lý do này, nếu bạn đặt nó ở đó, bạn sẽ có thể có biểu tượng mặc định cho tất cả các trang của tên miền của bạn. Tùy thuộc vào cấu hình trình duyệt và, favicon không phải luôn luôn được hiển thị, ngay cả khi nó là một trong các địa điểm trên và các trang web nhìn thấy nó.

Để đăng ký trong sự hiện diện của favicon trang mã, bạn có thể thêm hai dòng sau vào phần :

Làm thế nào để thêm một favicon cho Blog WordPress

Nếu bạn đang tự hỏi làm thế nào để thiết lập favicon trong "Direkte", ở đây cũng vậy, không có gì khó khăn là. Giao diện có một mục menu tương ứng cho phép bạn lựa chọn và tải lên một bức tranh.

Làm thế nào để thêm một favicon trong WordPress

Bắt đầu với phiên bản WordPress 4.3 bạn có thể thêm một favicon cho khu vực admin của trang web. Chỉ cần vào "View" / "Settings" và chọn tab "Trang web".

Mục của ID trang web trong Customizer cho phép bạn thay đổi tên tài nguyên và mô tả. Trước khi ra khỏi thực đơn luôn xuất hiện câu hỏi liệu bạn thực sự muốn hiển thị các dữ liệu mới trong tiêu đề. Nó cũng cho phép bạn tải lên biểu tượng của bạn cho trang web. Đơn giản chỉ cần bấm vào "Chọn File" và tải lên các hình ảnh mà bạn muốn sử dụng như một favicon.

Thêm một favicon vào blog của bạn

hướng dẫn thêm về cách đặt favicon là như sau. Nếu hình ảnh bạn đang tải lên vượt quá kích thước đề nghị, sau đó WordPress sẽ cho phép bạn cắt hình ảnh. Nếu nó phù hợp với các thiết lập đề nghị, bạn chỉ có thể lưu thay đổi. Cần lưu ý rằng hướng dẫn về cách cài đặt các favicon cho trang web Joomla, trông theo cùng một cách.

Sau đó, khi xem các trang web bạn sẽ thấy favicon của bạn trong hành động. Bạn cũng có thể vào trang web từ một thiết bị di động, và sau đó chọn "Tải về phiên bản đầy đủ" trong menu của trình duyệt. Bạn sẽ nhận thấy rằng biểu tượng sẽ được hiển thị như một máy tính full-fledged desktop.

Làm thế nào để cài đặt WordPress favicon trên phiên bản cũ (4.2 hoặc mới hơn)

Upload favicon của riêng bạn trong thư mục gốc trên FTP. Sau đó, bạn có thể chèn mã này trong file header.php chủ đề mong muốn.

Thay wpbeginner.com trên URL trang web của bạn, và tất cả mọi thứ sẽ được thực hiện. Nếu blog của bạn không có một file header.php, hoặc bạn không thể tìm thấy nó, sau đó sử dụng một plug đặc biệt. Cài đặt và kích hoạt nó trong các thiết lập trang web. Sau khi kích hoạt các plugin, hãy vào "Settings", di chuyển đến "Chèn header và footer", vui lòng tham khảo "Mã Box" tab ở trên trong phần tiêu đề, và lưu các thiết lập.

Nếu bạn không muốn để đối phó với những phức tạp của công tác với FTP, nhưng nó vẫn còn quan tâm đến việc làm thế nào để thiết lập favicon, bạn cũng có thể sử dụng một plugin đặc biệt, trong đó quy định các biểu tượng tải ở tất cả các giai đoạn. bổ sung như vậy để động cơ không phải là chỉ có sẵn cho WordPress, mà còn cho các hệ thống phổ biến khác, bao gồm cả Joomla.