Персональна іконка для вашого сайту

Для того, щоб отримати таку іконку, необхідно зробити кілька речей.

1. Вам потрібно вибрати або намалювати відповідну картинку квадратного формату, розміром як можна менше. Я зазвичай роблю розмір заготовки 45 на 45 рх або 31 на 31, формат jpg. Чому бажано зробити картинку таку маленьку? Щоб ви побачили, чи відповідає малюнок того, що вам потрібно. Чим менше картинка - тим гірше буде видно ваш малюнок (зрозуміло, якщо ви не зробите собі іконку "гладкокрашеним" в якийсь певний колір - і цим обмежитеся).

2. Після того, як ви зробили картинку для майбутньої іконки, вам необхідно зайти в інтернет, на який-небудь ресурс начебто ось цього:

Тут ви завантажуєте картинку зі свого комп'ютера в надану вам програмку і конвертуєте її в формат ico. Робите ви це наступним чином:

Персональна іконка для вашого сайту

Вибираєте картинку на комп'ютері (або в Інтернеті), натискаєте кнопку "Створити favicon.ico" - і потрапляєте на наступну сторінку:

Персональна іконка для вашого сайту

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

3. Після того, як ви конвертували картинку в формат ico, вам потрібно зберегти її до себе на комп'ютер. Натискаєте посилання "Завантажити favicon.ico". Зверніть увагу, в яку папку на своєму комп'ютері ви її зберігаєте, щоб потім ви змогли її знайти.

4. У вас вийшов файл favicon.ico

Завантажуєте цей файл в кореневу папку свого сайту. Після чого в html-код Головної сторінки вашого сайту прописуєте наступне посилання:

Фрагмент image / x-icon означає, що іконка повинна розмножитися по всіх сторінках вашого сайту.

5. Цілком можливо зробити на різних сторінках одного і того ж сайту різні favicon. Наприклад, як тут: Фотоальбом. Ви бачите, що фотоальбом знаходиться на тому ж сайті, однак іконка в браузерної рядку у нього інша.
Це можна зробити слідуючи тим же шляхом, що описаний в пунктах 1-4, але назвавши іконку по іншому, наприклад: favicon2.ico. Відповідно, на потрібній вам html-сторінці в код html між

Отже, якщо іконка в кореневій папці, пишете посилання:

Якщо іконка лежить в окремій папці в кореневій папці, то пишете посилання:

Щоб прописати іконку на своєму сайті або форумі, вам необхідно увійти в html-код і поставити подібну посилання в будь-яке місце між тегами

Схожі статті