Як зробити іконку для сайту

Привіт шановні початківці веб-майстри. Продовжимо тему Первинна оптимізація.

Як зробити сайт впізнаваним, серед мільйонів інших? Адже навіть його назву, може мати купу близнюків.

Звичайно ж зробити для нього іконку-favicon, яка буде відображатися в пошуку, і у вкладці браузера перед назвою Вашого ресурсу.

Зробити favicon необхідно відразу після виведення сайту в інтернет, так як по, тільки пошуковим системам відомих причин, час появи Вашої іконки, може розтягнуться на досить значний термін.

Іконку можна зробити двома способами:

2. За допомогою спеціального сервісу.

Давайте розглянемо обидва ці способи, і почнемо по порядку, з самостійного вирішення питання.

Спочатку про труднощі. Favicon - це як правило зображення, і зображення дуже маленьке. Розміри його складають 16 х 16, або 32 х 32 пікселя.

Якщо робити його з картинки, то потрібно підбирати зображення, приблизно такого ж розміру.

В іншому випадку, сильне стиснення, в кілька разів, може помітно відіб'ється на якості, і картинка на іконці, придбає вид підмоченою етикетки.

До переваг можна віднести те, що цим способом, можна створити favicon з фігурними обрисами. Але це занадто складно, і під силу тільки просунутим дизайнерам.

Другий же спосіб набагато простіше, і його використовує переважна більшість власників сайтів.

Полягає він у використанні сервісу по створенню іконок.

Знайти такий сервіс дуже просто. Досить ввести в пошуковому рядку браузера запит «Зробити favicon», як вам відкриється купа пропозицій.

Морочитися з приводу того, яке з них вибрати - не варто. Всі вони роблять одне і те ж.

Ваше завдання, буде полягати у виконанні чотирьох нескладних дій.

1. Вибрати картинку і завантажити її в сервіс (Кнопка «Завантажити файл»).

2. Вибрати розмір іконки (Кнопка «Створити favicon»).

3. Отримати готовий файл з розширенням .ico

4. Завантажити отриманий файл, в кореневу папку сайту.

Перші два пункти ніякої складності не уявляють взагалі. Єдина порада, яку хотілося б дати - це вибирайте картинку все ж поменше, і з однаковими висотою і шириною.

Чим ближче буде розмір початкового елемента, тим менше буде спотворень в готовому.

І, так як мій матеріал призначений для самих початківців, то давайте більш детально пройдемося по третьому і четвертому пунктам.

Почнемо з того, що Ми натиснули «Завантажити favicon.ico». Що і як з ним робити далі?

Після цього відкриється вікно пошукача, в якому потрібно натиснути «Зберегти». Але перш ніж це зробити, подивіться в яку папку зберігається файл, щоб не шукати його потім по всьому комп'ютеру.

Якщо він зберігається куди небудь в систему, таке теж буває, то краще змінити місце, вибравши «Документи», або будь-яку іншу призначену для користувача папку.

Після збереження, клацнемо по файлу правою правою клавішею, і просканувавши його анти вірусом, перейдемо в «Властивості».

Залежно від налаштувань Вашого комп'ютера, файл може бути заблокований, і в Свойствах Ви побачите ось таке повідомлення:

Натискаємо «Розблокувати», і «ОК», після чого системне вікно закриється.

Відкриваємо його знову, клацнувши по файлу правою клавішею, і вибравши «Властивості». Інформація у вікні повинна виглядати ось так.

Тепер можна встановлювати іконку на Ваш сайт. Для цього обов'язково потрібно використовувати FTP з'єднання.

Опинившись в каталозі, вибираємо Ваш сайт, потім «public.html», потім «Завантажити», далі вибрати, і вибираємо, яку ми здобули favicon.

Після чого ще раз натискаємо завантажити, і після того, як навпроти файлу з'явиться зелений значок, закриваємо вікно завантажень.

Бажаю творчих успіхів.

Невже не залишилося питань? запитати

Дружина - чоловікові.
-Дорогий, я не хочу-у-у до мами.
-Мовчи і копай.