Kích favicon cho trang web của bạn

Trong thiết kế web, như bạn đã biết, mọi chi tiết vấn đề này. Người đàn ông đi đến trang web của bạn, không thể nhìn thấy từng yếu tố riêng biệt, và mất toàn bộ hình ảnh của gói, trong đó bao gồm các chi tiết nhỏ khác. Vì vậy, nếu bạn đang thiếu một cái gì đó trong quá trình phát triển nguồn lực, chi tiết này trong tương lai có thể làm hỏng toàn bộ phức tạp, toàn bộ thành phần.

tiền phạt như vậy có thể, ví dụ, nền của nút, phông chữ không chính xác một số mục nhỏ và thậm chí favicon. Thật vậy, nhìn sami- lớn, các trang web nổi tiếng có một biểu tượng cá nhân đại diện cho nó trong "Bookmarks" trong trình duyệt của người dùng. Nếu không có nó, các nhà phát triển tài nguyên thất bại trong việc tạo ra các thành phần mà họ ban đầu tìm kiếm.

Vì vậy, bạn đang tạo ra một thiết kế cho trang web, nên chăm sóc của các chi tiết như favicon. Trong bài này chúng tôi sẽ nói về cách để chọn nó theo phong cách tài nguyên nói chung, và những gì kích thước nên trong hình ảnh.

trang web icon

Đầu tiên, chúng ta định nghĩa những gì tạo nên yếu tố này. Bây giờ hãy nhìn vào tiêu đề của tab trình duyệt của bạn. Như bạn có thể thấy, bên trái có một bức tranh nhỏ mà đại diện cho một phiên bản đơn giản của tài nguyên logo. Bức tranh này cũng có gần tên trang web được hiển thị trong các SERPs. Mà người dùng đang hướng dẫn bởi cô ấy, khi họ nhìn thấy tiêu đề.

Nhiều quản trị web hiểu rằng bức tranh này là cần thiết - nhưng ít người biết những gì kích thước favicon cho trang web sẽ là thích hợp nhất. Do đó, trong bài viết này chúng tôi sẽ không chỉ cung cấp thông tin về làm thế nào để làm như một biểu tượng và làm thế nào để cài đặt nó trên trang web của bạn, mà còn để mô tả kích thước của hình ảnh.

mục đích favicon

Vì vậy, hình ảnh gần tiêu đề trang web được sử dụng để nhận dạng. Đây là mục đích ban đầu của nó: để diễn tả trang web, mà chúng ta thấy Nathaniel, và chọn nó trong con mắt của người khác. Nó trở nên vô cùng đơn giản bằng cách sử dụng đồ họa: chúng ta trực giác nhận thức thông tin trong hình ảnh nhanh hơn nhiều và dễ dàng hơn trong định dạng văn bản. Favicon giúp chúng tôi trong việc này. Nhưng đừng quên rằng kích thước favicon là tối thiểu trong con mắt của người dùng. Đây không phải là một biểu tượng trong "mũ" trang web có thể chứa thêm thông tin dưới dạng những bản khắc và một số giải thích hoặc tiếp xúc thông tin. Bất cứ điều gì có thể được mô tả trong biểu tượng bên cạnh tên, nên là phù hợp nhất với kích thước của favicon. Và nó là, như đã nêu, một thu nhỏ (16 16 pixel).

Làm thế nào để chọn một favicon?

Vì vậy, làm thế nào một webmaster có thể thiết kế một biểu tượng cho trang web của bạn? Cần lưu ý rằng chỉ cần nén logo của trang web, nhiều khả năng, sẽ không thành công. Trên áp phích được đặt dưới dạng biểu tượng của một tài nguyên đặc biệt, thường xem các mục khác nhau mà sẽ không luôn được hiển thị một cách chính xác ở dạng thu nhỏ. Tốt hơn là ngay lập tức từ bỏ liên doanh này.

Tất nhiên, kích thước của favicon không thể nói về điều đó chỉ cần chèn dòng chữ đó. Bất kỳ văn bản sẽ chỉ đơn giản là không nhìn thấy được ở độ phân giải này. Chúng ta cần phải xây dựng một biểu tượng mới mà sẽ truyền phong cách trang web. Để tìm ra giải pháp, một lần nữa, chúng ta hãy nhìn vào các địa điểm lớn.

Nhiều sử dụng một favicon cách điệu chữ cái đầu tiên của tên của dịch vụ. Vì vậy, đến, ví dụ, Bing, Yahoo, Yandex, Wikipedia, Google. Có cách tiếp cận khác - nếu bạn có một tên viết tắt của trang web, bạn có thể thiết lập nó làm hình nền của biểu tượng. Để Favicon độ phân giải (pixel nó đạt đến, một lần nữa, 16 đến 16 điểm) có thể hiển thị một cách chính xác các dấu hiệu, nó phải là không quá ba chữ cái. Vì vậy, hiện, ví dụ, dịch vụ AOL.

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

Thực hiện một biểu tượng cho tên của trang web bằng nhiều cách. Tất nhiên, đơn giản nhất - là làm việc với các giải pháp làm sẵn khác nhau. Chúng ta có thể nói về bất kỳ dịch vụ hoặc các chương trình cho phép bạn thực hiện một hình ảnh của biểu tượng toàn bằng cách giảm nó. Tuy nhiên, tôi muốn giới thiệu để thực hiện sự phát triển của logo ngày của riêng mình. Đây là, trước hết, sẽ làm cho nó có thể học được điều gì; và thứ hai, để cung cấp một số lượng lớn các công cụ này. Tất cả bạn cần để có thể làm bốc -đó, cũng như biết những gì favicon kích thước được trong phiên bản cuối cùng. Về kích thước của các biểu tượng cho trang web, chúng ta sẽ nói chuyện sau, nhưng bây giờ chúng tôi lưu ý một số sự tinh tế làm việc với hình ảnh như vậy. Đặc biệt, chưa kể đến kích thước của favicon cho trang web, nên làm rõ tỷ lệ khía cạnh này. Theo ghi nhận của các nhà thiết kế giàu kinh nghiệm, hình ảnh nên được lưu dưới dạng PNG (24-bit) hoặc như fayl.ICO.

Thực hiện lưu hình ảnh, bạn có thể, ví dụ, với sự giúp đỡ của Photoshop, nơi nó sẽ được rút ra biểu tượng.

Kích thước favicon

Vì vậy, bây giờ hãy nói về cách vĩ đại phải là hình ảnh mà chúng ta thấy bên cạnh các trang web trong kết quả tìm kiếm. Theo mặc định, như đã đề cập, kích thước của nó là chỉ có 16 pixel (mỗi bên). Tuy nhiên, nếu bạn cố gắng để chỉnh sửa hình ảnh trong "Photoshop", kiểm tra cho chính mình cho dù đây là không thoải mái. Vì vậy, chúng tôi khuyên bạn nên làm việc với một hình ảnh mở rộng, mà trong tương lai sẽ được chỉ bóp mép và lưu trong định dạng mong muốn.

đa nền

Tuy nhiên, nói về những gì kích thước của favicon nên vào trang web của bạn, bạn cần phải nhớ một điều nữa. Không phải tất cả các nền tảng được bình đẳng phản ánh bức tranh tài nguyên. Ví dụ, một thiết bị Retina hiển thị "nhìn thấy" favicon bạn với số tiền từ 32 đến 32 pixels. Trong Safari, và trên nền tảng Windows mới, và tất cả các biểu tượng này đạt kích thước 64 pixel.

Vì vậy chúng tôi khuyên bạn nên giữ cho các phiên bản khác nhau của các biểu tượng trong tương lai chỉ đơn giản là để cung cấp sự thay đổi của nó tùy thuộc vào nền tảng người dùng. Một điểm thú vị - bạn có thể cố gắng để tải về biểu tượng trong định dạng lớn nhất với hy vọng rằng nó sẽ "co lại", tùy thuộc vào trình duyệt.

biên tập viên nước ngoài

Tất nhiên, tốt nếu bạn là tốt tại Photoshop và biết những gì favicon kích thước nên và làm thế nào để đạt được nó, giữ gìn hình ảnh của mình. Tuy nhiên, có rất nhiều người mới bắt đầu chỉ là không có kinh nghiệm biên tập đồ họa rất chặt chẽ trước, vì vậy có thể không dễ dàng như vậy để vẽ một hình ảnh mong muốn. Để giúp các webmaster, có các dịch vụ khác nhau mà cho phép tự động làm cho bạn quan tâm đến các biểu tượng. Nhiều người trong số họ thậm chí còn miễn phí, mà không yêu cầu bất kỳ đầu tư từ người dùng.

Để làm việc đôi khi chỉ cần đăng ký, nhưng, như bạn biết, điều này được thực hiện một lần duy nhất - trong thực tế không phải như vậy thường các công ty thay đổi favicon. Chỉ cần nhìn vào Google, mỗi ngày thay đổi logo, nhưng nó không chạm vào biểu tượng.

Làm thế nào để cài đặt một favicon?

Nhìn chung, thiết lập trang web của bạn để nó hiển thị một cách chính xác hình ảnh mà bạn muốn, nó rất đơn giản. Nó là đủ để thực hiện một loạt các bước đơn giản mà sẽ cho phép các công cụ tìm kiếm, cũng như chỉ là một trình duyệt để đọc thông tin.

Đối với điều này bạn cần phải lưu hình ảnh kết quả dưới dạng favicon.ico và đặt nó trong thư mục gốc của tài nguyên. Mọi thứ bây giờ là hình ảnh của bạn sẽ tự động phát hiện, và vụ việc một thời gian nó sẽ được liên kết đến trang web của bạn.

Ngoài ràng buộc này, bạn có thể thêm một dòng khác, mà sẽ "nhắc nhở", trong đó biểu tượng của bạn. Nó trông giống như sau:

Đặt mã nên trong tiêu đề.

phát hiện

Vì vậy, sau khi đọc bài viết này, bạn đối phó với thực tế, những gì kích thước nên favicon cho trang web và nó thường là. Ngoài ra, tôi nghĩ rằng bạn hiểu rằng việc tìm kiếm một biểu tượng thích hợp cho trang web của bạn - đó là một điều cần thiết, vì nó đóng vào tay của bạn cả về nâng cao nhận thức, cả về cấp bổ sung giữa các đối thủ cạnh tranh của bạn. Ít nhất các trang web lớn hoạt động trong cùng một cách mà chúng tôi có thể mất một ví dụ nổi bật. Và sau đó, nhiều nỗ lực đó không gây ra - làm favicon một lần và cài đặt nó một cách chính xác trên trang web của bạn, bạn có thể quên nó trong vài tháng tới.

Vì vậy, cảm thấy tự do để thử nghiệm, phát minh ra những điều mới mẻ, hãy thử - và thành công!