Як створити favicon.ico для вашого веб-сайту

on May 2, 2007 по Росс McKillop від 2 травня 2007 рік

Веб-дизайн І Dev

Цей короткий підручник покаже вам, як створити унікальний favicon.ico (що іконку в адресний рядок - екс. Simplehelp в favicon.ico це ) На Вашому власному сайті.

Favicon (скорочення від "Вибране ікони) являє собою відмінний спосіб дати ваш сайт запам'ятовується й унікальну ікону, яка буде відображатися в адресному рядку браузера. Крім того, в favicon відображатися поруч з "сайт", коли люди закладку, і, оскільки більшість людей мають дуже беспорядочний список закладок, графічний нагадуванням про вашому сайті поряд із закладкою назву це хороший спосіб дозволити їм знайти його ще раз .

  1. По-перше, вибрати зображення, яке Ви хочете використовувати в якості favicon. Кое-что в суміші з нетерпінням ваших сайтів, колірна схема і загальний "відчувати себе" краще. З favicons досить невеликою, це гарна ідея, не намагатися отримати занадто складним. Ви обираєте образ повинен бути квадратний (64 × 64, 32 × 32 і т.д.), і можуть бути форматі JPG, GIF, PNG, BMP т.д.
  2. Далі, відвідайте FavIcon з ілюстрацій - Абсолютно блискуча (та безкоштовного!) У мережі інструмент, який може генерувати favicon від картини, логотип або інші графічні
  3. Завантажити ваше зображення і, натисніть кнопку Створити favicon.ico чарівної кнопці. Вам буде надано попередній перегляд вашого favicon, і якщо ви щасливі з нею, команду Завантажити Favicon кнопку. Favicon з ілюстрацій Вам заощадити. Поштова файл - зберегти його на Вашому робочому столі або де б Ви хотіли, щоб зберегти файли. Разархівіруйте його.
  4. Запустіть ваш улюблений FTP програми (або будь-який інший інструмент ви використовуєте для завантаження файлів на ваш веб-сайт) та завантажити файл favicon.ico в корінь вашого сайту *. Ви хочете файлу, який повинен бути розташований на www.your-site.com/favicon.ico.
  5. Завітайте на ваш веб-сайт, щоб перевірити ваш новий favicon! Якщо він не з'являється, можливо, буде потрібно очистити кеш браузера, а потім перезавантажити.
  6. * = Якщо у вас немає доступу до кореневого каталогу вашого веб-сайту, додайте наступні рядки коду, то в <head> Вашого HTML:

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

Пов'язані Повідомлень:
  • Як повернутися до "старої" Google favicon
  • Simplehelp Резюме: травень 2007 - щось з ряду геть що виходить, і дякую вам!
  • Як створити власний iPhone і iPod торкнутися значок для вашого веб-сайту
  • Ласкаво просимо!
  • Як вставити Google Map на своєму веб-сайті за допомогою iWeb
  • Отримати довідки Прості уроки точно так само, як це в своє повідомлення Вхідні кожен день - безкоштовно! Просто введіть свою адресу електронної пошти нижче:

    Ви завжди можете відмовитися від підписки це повідомлення в будь-який момент.


    Закладка і Поділіться

    4 trackbacks } (4) trackbacks

    20 вільних RSS читачам огляд - Simplehelp
    05.06.07 в 6:40 вечора
    WordPress: The Complete після установки Переліку, Redux - Simplehelp
    05.26.07 в 2:15 вечора
    Як повернутися до "старої" Google favicon - Simplehelp
    05.30.08 в 9:12 вечора
    Favicon Дизайн: ..:.:.. Тодд А = маркетинг + Медіа ..:.:..
    07.22.08 в 4:59 вечора

    1 comment… read it below or (1 коментар ... прочитати його нижче, або додати )

    1 LGR 05.30.07 в 9:55 ранку

    Гарна посаду. Я використав генератор favicon, що в минулому, і вона добре працює. Іноді у мене немає часу або творчий зробити мою власну, і знайшли великий вільний favicons тут: http://www.freefavicon.com/

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

    Ви можете використовувати ці теги HTML і атрибути: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>