Як вставити піктограму сайта

Як вставити піктограму сайта

Для вставлення піктограми з логотипом вашого сайту існує два способи. Один з них передбачає створення файла іконки в кореневому каталозі, а інший - вставлення коду за допомогою спеціального редактора.

Вам знадобиться

  • - графічний редактор;
  • - блокнот.

Інструкція

1. Відкрийте кореневу теку вашого сайту. Створіть файл з назвою favicon.ico. Цей файл буде підтримувати відображення піктограми вашого сайта перед адресним рядком у переглядачі.


2. Якщо іконка вашого сайту не готова, створіть її за допомогою Adobe Photoshop, попередньо завантаживши відповідний плагін, або іншого графічного редактора, який підтримує роботу з таким типом файлів, наприклад, Microangelo, QTam Bitmap to Icon, Axialis I. Попередньо перевірте роботу в різних переглядачах, не тільки щодо відображення іконки сайту в адресному рядку, але і в каталозі "Вибране".

3. У теґі < head > Пропишіть наступний код: < link rel = "" shortcut icon "" href = "" путъ/назва _ файла.ico "" type = "" image/x-icon ""/>. У цьому випадку буде підтримуватися посилання на різні варіації розмірів зображення, що досить зручно, але менш надійно.

4. Тут ви можете використовувати як звичайний редактор "Блокнот", так і спеціальні програми, призначені для більш зручного написання коду, наприклад, безкоштовна утиліта Notebook, яка підтримує відображення нумерації рядків і служить досить зручним програмним забезпеченням при частому редагуванні.

5. Створіть іконку для вашого сайту, заздалегідь продумавши всі її деталі. Найкраще відразу ж визначитися з дизайном і розміром (тут - залежно від методу її додавання, оскільки в першому випадку доступне лише використання файлу з роздільною здатністю 16x16).

6. Також можна скористатися спеціальними файлами .atn для Adobe Photoshop, які дозволяють автоматично створювати іконки з потрібними ефектами, знайти їх можна в інтернеті на тематичних форумах або на сайті deviantart.com в розділі "Actions".