Important! This is an automatic machine translated page. If you can read english, you should Click Here to read the original English version of the article.

Creating a FavIcon the Easy Way Tạo một favicon của Easy Way

I recently decided to update the FavIcon for this site (the little icon in the address bar). Gần đây tôi đã quyết định để cập nhật Favicon cho trang web này (các biểu tượng nhỏ trong thanh địa chỉ). The old one was something I'd hacked together myself in visual studio, and just didn't seem friendly enough for me. Cũ là cái gì tôi muốn tấn cùng bản thân mình trong studio thị giác, và chỉ cần không có vẻ thân thiện, đủ cho tôi.

There's a number of online generators that create the icons for you from a picture, and they really seem to do a great job while keeping everything extremely easy. Có một số máy phát điện trực tuyến mà tạo ra các biểu tượng cho bạn từ một bức tranh, và họ thực sự có vẻ làm một công việc rất lớn trong khi vẫn giữ mọi thứ vô cùng dễ dàng.

These are two that I've personally used on more than one site: Sau đây là hai mà cá nhân tôi đã sử dụng trên nhiều hơn một trang web:

FavIcon from Pics Favicon từ Tranh

First find a picture that is similar to what you'd like the icon to look like: Đầu tiên tìm thấy một hình ảnh đó cũng tương tự như những gì bạn muốn vào biểu tượng để hình như:

hình ảnh

Just choose the file and then click the Generate button, and you'll see the new icon exactly as it will look in the address bar. Chỉ cần chọn các tập tin và sau đó nhấn nút Generate, và bạn sẽ thấy biểu tượng mới chính xác như nó sẽ tìm trong thanh địa chỉ.

hình ảnh

I used the icon but ended up cleaning it up a bit in an image editing application. Tôi đã sử dụng các biểu tượng nhưng rốt cuộc làm sạch nó lên một chút trong một ứng dụng chỉnh sửa hình ảnh.

Dynamic Drive – FavIcon Generator Dynamic Drive - Favicon Generator

Just choose the picture, click the Create Icon button, and see the preview. Chỉ cần chọn hình, nhấn vào nút Create Icon, và xem xem trước.

hình ảnh

The only problem you might notice is that usually your icons will end up with a color background even though you might prefer they have transparency. Vấn đề duy nhất bạn có thể thông báo là thường là biểu tượng của bạn sẽ kết thúc với một màu nền mặc dù bạn có thể thích họ đã minh bạch.

Installing your FavIcon Cài đặt Favicon của bạn

Once you have the icon file, you can save it somewhere on your website. Một khi bạn đã tập biểu tượng, bạn có thể lưu nó ở đâu đó trên trang web của bạn. Edit the header/theme for the site and insert the following line, adjusting the path if necessary. Chỉnh sửa tiêu đề / chủ đề cho trang web và chèn dòng sau, điều chỉnh đường dẫn nếu cần thiết.

<link rel=”shortcut icon” href=”/favicon.ico” > <link rel="shortcut icon" href="/favicon.ico">

That's about all there is to it. Đó là về tất cả để có nó.

This article was originally written on 10/24/07 Tagged with: Bài viết này ban đầu được viết ngày 10/24/07 Tagged với: The Geek Blog Blog Geek

Daily Email Updates Email cập nhật hàng ngày

You can get our how-to articles in your inbox each day for free. Bạn có thể làm thế nào chúng tôi vào các bài viết trong hộp thư của bạn mỗi ngày miễn phí. Just enter your name and email below: Chỉ cần nhập tên và email của bạn dưới đây:


Name: Tên:
Email: Email:

Comments (7) Bình luận (7)

  1. Seth Seth

    Nice post. Nice đăng.

    But how is “Installing MySQL Server 5 on Ubuntu” a related post? Nhưng làm thế nào là "Cài đặt MySQL Server 5 trên Ubuntu" một bài đăng liên quan?

    “Well, since I set up this favicon, installing MySQL should be snap.” "Vâng, kể từ khi tôi thiết lập này favicon, MySQL phải được cài đặt snap." :)

  2. The Geek The Geek

    Seth, Seth,

    Good catch on the related posts… I think the problem is that I've not written very much on this particular topic, so the related content generator just “gives up” and links to whatever has a few of the same words. Good catch trên bài viết liên quan ... Tôi nghĩ vấn đề là tôi đã không được viết rất nhiều về chủ đề này nói riêng, do đó, các máy phát nội dung liên quan chỉ "cho phép" và các liên kết đến bất cứ điều gì có một số ít các từ giống nhau.

    Installing MySQL on ubuntu is definitely a snap! Cài đặt MySQL trên ubuntu chắc chắn là một snap!

  3. Butwheaty Butwheaty

    Here's a site that creates a favicon, or you can create your own from scratch! Đây là trang web đó tạo ra một favicon, hoặc bạn có thể tạo riêng của bạn từ đầu!

    http://www.favicon.cc/ http://www.favicon.cc/

  4. The Geek The Geek

    I thought about including that site when I was writing this, but since I titled the article the “easy way” I figured I shouldn't… Tôi nghĩ về bao gồm cả trang web đó khi tôi đã được văn bản này, nhưng kể từ khi tôi có tiêu đề của bài viết "cách dễ dàng" Tôi figured tôi nên không ...

    But I do like that site, good stuff. Nhưng tôi thích trang web đó, công cụ tốt.

  5. Barron Barron

    I always appreciate a good favicon. Tôi luôn luôn đánh giá cao một favicon tốt. For my “always open” tabs in Firefox I use the Đối với "của tôi luôn luôn mở" các tab trong Firefox tôi sử dụng Faviconize Tab Faviconize Tab extension, so a good-looking and distinctive favicon is a must. mở rộng, do đó, một good-looking và favicon đặc biệt là phải.

  6. Iconoclast hero Iconoclast anh hùng

    Anyway to get blogspot to display a favicon? Dù sao để có được blogspot để hiển thị một favicon?

  7. SuperAwesomeBlog Guy SuperAwesomeBlog Guy

    If you use Wordpress, I found the Shockingly Simpe Favicon plugin ( Nếu bạn sử dụng Wordpress, tôi thấy các Shockingly Simpe Favicon plugin ( http://wordpress.org/extend/pl.....e-favicon/ http://wordpress.org/extend/pl.....e-favicon/ ) to be excellent, especially for the less tech-minded in actually enabling the favicon. ) Để được xuất sắc, đặc biệt là cho ít công nghệ cao-minded trong thực sự cho phép của favicon.


Our Friends Bạn bè của chúng tôi
Getting Started Bắt đầu


About How-To Geek Giới How-To Geek
What Is That Process? Quá trình đó là gì?
svchost.exe svchost.exe
jusched.exe jusched.exe
dwm.exe dwm.exe
ctfmon.exe ctfmon.exe
wmpnetwk.exe wmpnetwk.exe
wmpnscfg.exe wmpnscfg.exe
rundll32.exe rundll32.exe
wfcrun32.exe wfcrun32.exe
Ipoint.exe Ipoint.exe
Itype.exe Itype.exe
Wfica32.exe Wfica32.exe
Mobsync.exe Mobsync.exe
conhost.exe conhost.exe
Dpupdchk.exe Dpupdchk.exe Adobe_Updater.exe Adobe_Updater.exe

Copyright © 2006-2009 HowToGeek.com. Bản quyền © 2006-2009 HowToGeek.com. All Rights Reserved. Tất cả các quyền.