How to create a favicon.ico for your web site Как создать favicon.ico для вашего веб-сайта

by Ross McKillop on May 2, 2007 Росс McKillop по 2 мая 2007 года

Веб-дизайн и Дев

This brief tutorial will show you how to create a unique favicon.ico (that icon in your address bar - ex. Simplehelp’s favicon.ico is Этот краткий учебник покажет вам, как создать уникальную favicon.ico (то иконку в адресную строку - экс. Simplehelp в favicon.ico является ) for your own site. ) Для Вашего собственного сайта.

A favicon (short for Favorites Icon) is a great way to give your site a memorable and unique icon that will display in the browser address bar. Favicon (сокращение от Избранное Icon) является отличным способом дать ваш сайт запоминающимся и уникальную икону, которая будет экспонироваться в адресной строке браузера. In addition, favicon’s show up next to ‘your site’ when people bookmark it, and since most folks have a very messy bookmark list, a graphical reminder of your site beside the bookmark name it is a good way let them find it again. Кроме того, favicon в отображаться рядом с кнопкой "сайт", когда люди закладка его, и поскольку большинство людей имеют очень messy список закладок, графический напоминанием о вашем сайте рядом с именем закладка это хороший способ найти то пусть его еще раз .

  1. First, select the image you want to use as a favicon. Во-первых, выбрать изображение, которое Вы хотите использовать в качестве favicon. Something that blends in with your sites look, colour scheme and general “feel” is best. То, что в смеси с нетерпением ваших сайтов, цветовая схема, и вообще "чувствовать себя" лучше всего. Since favicons are quite small, it’sa good idea not to try and get too complicated. С favicons довольно небольшой, это хорошая идея не пытаться получить слишком сложным. The image you choose should be a square (64×64, 32×32 etc), and can be a jpg, gif, png, bmp etc. Вы выбираете образ должен быть квадратные (64 × 64, 32 × 32 и т.д.) и могут быть jpg, gif, png, БМП т.д.
  2. Next, visit Далее, посетите FavIcon from Pics FavIcon из фотографий - an absolutely brilliant (and free!) online tool that can generate a favicon from a picture, logo or other graphic -- Совершенно блестящим (и бесплатно!) Онлайн инструмент, который может генерировать favicon с фото, логотип или других графических
  3. Upload your picture and click the magic Generate Favicon.ico button. Загрузить картинку и нажмите Создать Favicon.ico волшебная кнопка. You’ll be given a preview of your favicon, and if you’re happy with it, click the Download Favicon button. Вы будете с учетом предварительного просмотра вашего favicon, и если вы довольны, нажмите кнопку Загрузить Favicon. Favicon from Pics will prompt you to save a .zip file - save it to your desktop or wherever you prefer to save files. Favicon иллюстрации из нее появится спасти. Почтовый файл - сохранить его на вашем рабочем столе или где вы предпочитаете, чтобы сохранить файлы. Unzip it. Разархивируйте его.
  4. Fire up your favorite FTP program (or whatever tool you use to upload files to your web site) and upload the favicon.ico file to the root of your site*. Запустите ваш любимый FTP программы (или любой другой инструмент вы будете использовать для загрузки файлов на вашем веб-сайте) и загрузить файл favicon.ico в корневом каталоге вашего сайта *. You’ll want the file to be located at www.your-site.com/favicon.ico. Вы хотите файла, который должен быть расположен на www.your-site.com/favicon.ico.
  5. Visit your web site to check out your new favicon! Посетите веб-сайт, чтобы проверить свой новый favicon! If it doesn’t appear, you may need to clear your browsers cache and then reload. Если он не появляется, то вам может потребоваться очистить кэш браузера, а затем перезагрузить.
  6. * = if you don’t have access to the root of your site, add the following line of code somewhere in the <head> of your html: * =, Если у вас нет доступа к корневой каталог своего сайта, добавьте следующую строку кода-то в вашей <head> html:

    <link rel=”shortcut icon” href=”http://www.your-site.com/path/to/favicon.ico”> <link rel="shortcut icon" href="http://www.your-site.com/path/to/favicon.ico">

Related Posts: Похожие сообщения:
  • How to revert to the “old” Google favicon Как вернуться к "старым" Google favicon
  • Simplehelp Recap: May 2007 - wow, and thank you! Simplehelp Обзор: май 2007 - wow, и благодарю вас!
  • How to create a custom iPhone and iPod touch icon for your web site Как создать пользовательский iPhone и iPod коснуться иконку для вашего веб-сайта
  • Welcome! Добро пожаловать!
  • How to insert a Google Map into your website using iWeb Как ввести Google Map на свой сайт с помощью iWeb
  • { 4 trackbacks } () 4 trackbacks

    20 Free RSS Readers Reviewed - Simplehelp 20 свободных RSS читателей пересмотреть - Simplehelp
    05.06.07 at 6:40 pm 05.06.07 в 6:40 вечера
    WordPress: The Complete Post-Install Checklist, Redux - Simplehelp WordPress: The Complete после установки Перечне, Redux - Simplehelp
    05.26.07 at 2:15 pm 05.26.07 в 2:15 вечера
    How to revert to the “old” Google favicon - Simplehelp Как вернуться к "старым" Google favicon - Simplehelp
    05.30.08 at 9:12 pm 05.30.08 в 9:12 вечера
    Favicon Design : ..:.:.. Favicon Дизайн: ..:.:.. Todd And = Marketing + Media ..:.:.. Тодд и = Маркетинг + Медиа ..:.:..
    07.22.08 at 4:59 pm 07.22.08 в 4:59 вечера

    { 1 comment… read it below or (1 комментарий… прочитать его ниже, или add one добавить одно } )

    1 1 LGR LGR 05.30.07 at 9:55 am 05.30.07 в 9:55 утра

    Good post. Хорошая должность. I have used that favicon generator in the past and it works well. Я использовал генератор favicon, что в прошлом, и она работает хорошо. Sometimes I don’t have the time or creativity to make my own and have found some great free favicons here: Иногда у меня нет времени или творческий подход, чтобы сделать мою собственную, и нашли большое свободное favicons здесь: http://www.freefavicon.com/

    Leave a Comment Оставьте комментарий

    You can use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> Вы можете использовать HTML теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>