Subscribe to How-To Geek Підписатись на How-To Geek

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 Створення FavIcon Easy Way

I recently decided to update the FavIcon for this site (the little icon in the address bar). Нещодавно я вирішила поновити FavIcon для цього сайту (маленький значок в рядку адреси). The old one was something I'd hacked together myself in visual studio, and just didn't seem friendly enough for me. Старий був щось я разом зламали себе в Visual Studio, і просто не є дружньою для мене достатньо.

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. Там, ряд онлайн генератори, які створюють ікони для Вас з фотографій, і, дійсно, здається, роблять величезну роботу, зберігаючи все дуже просто.

These are two that I've personally used on more than one site: Ці два, що я особисто використав більше ніж на одному сайті:

FavIcon from Pics FavIcon з ілюстраціями

First find a picture that is similar to what you'd like the icon to look like: Спочатку знайдіть таку картину, яка схожа на те, що ви хочете на значок, щоб виглядати наступним чином:

зображення

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. Просто виберіть файл і потім натисніть на кнопку Згенерувати, і ви побачите нову іконку точності так, як він буде виглядати в адресному рядку.

зображення

I used the icon but ended up cleaning it up a bit in an image editing application. Я використав значок але в результаті її очищення біта в редакторі зображень.

Dynamic Drive – FavIcon Generator Dynamic Drive - Favicon Generator

Just choose the picture, click the Create Icon button, and see the preview. Просто виберіть фотографію, натисніть кнопку "Створити ікони кнопки, і подивитися превью.

зображення

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. Єдина проблема, ви можете помітити, що зазвичай це ікона буде в кінцевому підсумку з кольоровим фоном, хоча ви, можливо, вважатимуть за краще їх прозорості.

Installing your FavIcon Установка вашої FavIcon

Once you have the icon file, you can save it somewhere on your website. Після того як ви значок файлу, ви можете зберегти його де-небудь на ваш сайт. Edit the header/theme for the site and insert the following line, adjusting the path if necessary. Змінити заголовок / теми для сайту і вставити наступні рядки, коректуючи шлях, якщо це необхідно.

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

That's about all there is to it. От і все, що потрібно зробити.

This article was originally written on 10/24/07 Tagged with: Ця стаття була спочатку написана на 10/24/07 тегами: The Geek Blog Грайте та вигравайте блог

Daily Email Updates Email Щоденні оновлення

You can get our how-to articles in your inbox each day for free. Ви можете отримати наші довідкові статті у Вашу поштову скриньку щодня безкоштовно. Just enter your name and email below: Просто введіть ваші ім'я та адресу електронної пошти нижче:


Name: Ім'я:
Email: Електронна пошта:

Comments (7) Коментарі (7)

  1. Seth Сет

    Nice post. Хороший пост.

    But how is “Installing MySQL Server 5 on Ubuntu” a related post? Але як "Установка сервера MySQL 5 на Ubuntu" пов'язані пост?

    “Well, since I set up this favicon, installing MySQL should be snap.” "Ну, як я створив цю значок, установки MySQL повинна бути Snap". :)

  2. The Geek Грайте та вигравайте

    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. Хороший улов на відповідних посадах ... Я думаю, що проблема в тому, що я не написано дуже багато з даної теми, тому відповідні змісту генератора просто "віддає" та посилання на, те, що деякі з тих же словах.

    Installing MySQL on ubuntu is definitely a snap! Установка MySQL на Ubuntu, безумовно, простіше простого!

  3. Butwheaty Butwheaty

    Here's a site that creates a favicon, or you can create your own from scratch! Ось сайт, який створює значок, або ви можете створити власний з нуля!

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

  4. 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… Я думав про те числі й сайт, коли я писав це, але оскільки я стаття під назвою "Easy Way" Я порахував, що я не повинен ...

    But I do like that site, good stuff. Але мені дуже подобається цей сайт, хороший матеріал.

  5. Barron Barron

    I always appreciate a good favicon. Я завжди ціную гарну значок. For my “always open” tabs in Firefox I use the Для моєї "завжди відкрита" вкладках в Firefox я використовую Faviconize Tab Faviconize Tab extension, so a good-looking and distinctive favicon is a must. розширення, так гарний і характерний значок є обов'язковим.

  6. Iconoclast hero Iconoclast героєм

    Anyway to get blogspot to display a favicon? У будь-якому випадку, щоб отримати BlogSpot відображати значок?

  7. SuperAwesomeBlog Guy SuperAwesomeBlog Гай

    If you use Wordpress, I found the Shockingly Simpe Favicon plugin ( Якщо ви використовуєте Wordpress, я знайшла 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. ), Щоб бути відмінним, особливо для менш Tech-однодумців справді дозволило значок.


Leave a Comment Залишити коментар




Leave your Залиш свій friendly дружній comment here. коментарі.

If you have a computer help question, Якщо у вас є комп'ютер допоможе питання, click here to leave it on the forums Натисніть тут, щоб залишити його на форумах instead. замість.

Note: Your comment may not show up immediately on the site. Примітка: Ваш коментар може не з'явитися відразу на місці.

Our Friends Наші друзі
Getting Started Приступаючи до роботи


About How-To Geek Про How-To Geek
What Is That Process? Що це за процес?
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. Copyright © 2006-2009 HowToGeek.com. All Rights Reserved. Всі права захищені.