Вторник, 26.11.2024, 10:48

Онлайн игры для всех

ГлавнаяМой профильРегистрацияВыходВход
Вы вошли какГость · Группа "Гости"Приветствую Вас, Гость · RSS
Меню сайта
Играй с нами!
Купить место
Категории раздела
Браузерные игры [4]
Браузерные онлайн игры
Клиентские игры [0]
Клиентские онлайн игры
Интересное в сети [153]
Всякое разное
Лучшее видео в отличном качестве [5]
От проверенной десятилетиями классики до рейтинговых бестселлеров — вы можете смотреть фильмы, которые интересны именно вам, не завися от телевизионной сетки и расписаний кинотеатра.
Форма входа
 Каталог игр
Главная » Статьи » Интересное в сети

Как поменять иконку сайта? Как сделать иконку для сайта.

Как поменять иконку сайта? Инструкция как сделать и установить иконку для сайта самостоятельно

Иконка веб сайта в браузере.

Иконка сайта – это специальный значок сайта, который отображается в браузерах пользователей интернета. Этот значок получил название favicon.
<link rel="SHORTCUT ICON" href="/favicon.ico"type="image/x-icon">
Название «Favicon» – это сокращение от английских слов FAVorites ICON, что в переводе означает «значок для избранного». Иконка веб сайта в браузере отображается в адресной строке, непосредственно перед адресом страницы. Так же иконку веб сайта в браузере можно увидеть во вкладках и рядом с закладками.

иконка сайта в браузере

Если же владелец сайта никогда не интересовался вопросом, как изменить иконку на сайте, то по умолчанию в качестве картинки будет отображаться значок браузера.

иконка в браузере по умолчанию

Помимо отображения в браузерах, Favicon отображается и в поисковиках: иконка сайта в Яндексе ставиться слева от названия ресурса, напротив цифры которая показывает место ресурса в поисковой выдаче по введенному пользователем поисковому запросу.

иконка сайта в Яндексе

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


Создание иконки для сайта

Существует несколько способов, как сделать иконку для сайта. Самым простым вариантом является создание иконки для сайта с помощью онлайн сервисов, в которые загружается квадратное изображение, из которого система автоматически формирует картинку выбранного размера в нужном формате. Один из таких сервисов по созданию Favicon’ок онлайн находится по этому адресу, а здесь находится другой онлайн сервис.

Как же еще сделать иконку для сайта? Весьма популярно создание иконки для web сайта с помощью специальных программ, позволяющих редактировать изображения по своему усмотрению. Обычно программы отличаются между собой инструментами, встроенным функционалом и, конечно, пользовательским интерфейсом. Одни программы для создания иконок на сайт позволяют одновременно редактировать несколько картинок, другие дают возможность использовать градиентную заливку или 3D эффекты, а третьи имеют простой и понятный интерфейс.

Скачать программу для создания иконок можно поискав в поисковиках следующие программы:

  • Icon Magic;
  • Icon Craft;
  • Студия иконок.

Или же можно самостоятельно нарисовать иконку для сайта в программе Photoshop отошопе". Эта программа для редактирования изображений позволяет рисовать все что угодно.

Чтобы сохранить нарисованную Вами иконку для сайта в Photoshop, нужно нажать «сохранить как» и выбрать специальный формат файла .ico.

Иконки для сайта могут быть с размером 16х16 или 32х32.

Обычно размер иконки сайта составляет 16х16 пикселей, так же допускается  использование размера 32х32. Но следует учесть, что в браузере в любом случае рисунок будет уменьшен и приведен к формату 16х16 пикселей, так что не стоит даже пытаться втиснуть туда высокохудожественное изображение, его все равно не будет видно на маленьком значке, намного лучше будут смотреться читаемые буквы и логотипы.

Формат иконки для сайта

На сегодняшний день универсальным форматом иконки для сайта считается формат .ico, так как этот формат  поддерживают все популярные браузеры: Google Chrome, Internet Explorer, Firefox, Opera и Safari. Следующие по универсальности форматы иконки для webсайта – PNG, JPEG, и GIF их поддерживают все браузеры, кроме Internet Explorer’а. А вот анимированные иконки для сайта GIF-формата поддерживают только Firefox и Opera.

Все возможности поддержки браузерами форматов иконок для сайтов представлены ниже:

Если картинка создана и сохранена в нужном формате, можно устанавливать иконку «Favicon» на свой сайт.

Как же добавить иконку «Favicon» на сайт? Установка иконки на сайт

Первым нужно сделать не что иное, как добавить иконку на сайт в прямом смысле слова.

Нужно загрузить изображение иконки, сохраненное в выбранном формате, на сервер: в корневую папку сайта (обычно она называется public_html). Как загрузить иконку на сайт? Это можно сделать с помощью специальных программ, помогающих соединиться по FTP или же в менеджере файлов, через панель управления сайтом (UCOZ).
После того, как вставка иконки «Favicon» на сайт выполнена нам необходимо сделать так, чтобы изображение отображалось в браузере. Для установки иконки на сайт (отображения в браузере) необходимо прописать специальный код и поместить его в правильное место.

Html код иконки «Favicon» для сайта

<link rel="SHORTCUT ICON" href="/favicon.ico"type="image/x-icon">

Обращаем внимание на тип картинки иконки, его нужно прописывать в «type».
Например, если у вас картинка иконки имеет формат GIF, тогда код будет выглядеть следующим образом:

<link rel="SHORTCUT ICON" href="/favicon.gif"type="image/gif">

Данный Html код иконки для сайта нужно вставить в произвольном месте между тегами <head> и </head> в файл страницы, на которую нужно поставить иконку.

Если вам нужна в wordpress иконка сайта, то необходимо отредактировать файл header.php, в который вставляется этот же код.
Итак, вы теперь знаете, как установить иконку «Favicon» на сайт самостоятельно.

Как поменять иконку сайта? замена иконки сайта

Если вас интересует, как изменить иконку сайта, значит, она уже есть у вас на сайте. Смена иконки сайта осуществляется практически по той же схеме, что и добавление. Для замены иконки сайта первым делом также необходимо нарисовать новую картинку и сохранить ее в нужном формате. Далее сохраненное изображение добавляется на сайт в корневую папку. После этого необходимо найти файл, где уже есть прописанный html код иконки для сайта между тегами и проверить его правильность. Если в коде прописаны верный путь к новой картинке, а так же ее название и формат, то браузер будет отображать изображение на вкладках, сразу после сохранения файла и обновления страницы.
Итак, теперь вы знаете и как сменить иконку сайта на новую.

Еще интересные статьи для Вас

Как поменять иконку сайта? Инструкция как сделать и установить иконку для сайта самостоятельно

Как я поднять тИЦ для своего сайта

Подбор ключевых слов для сайта

Заработок в интернете на своем сайте

Добавь свой сайт в поисковые системы ( индексация )

Как добавить описание сайта и ключевые слова на uCoz

Внутренняя оптимизация сайта на uCoz

Категория: Интересное в сети | Добавил: Vlad-guon123 (26.03.2013)
Просмотров: 2657 | Теги: как сменить иконку сайта, Создание иконки для сайта, как установить иконку «Favicon» на | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Copyright MyCorp © 2024
Поиск по сайту
Мы ВКонтакте
Статистика
Яндекс.Метрика Рейтинг@Mail.ru Регистрация сайта в каталогах, раскрутка и оптимизация сайта, контекстная реклама Яндекс цитирования
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Лучшие онлайн игры
Игры
Forex
Реклама
Друзья сайта
  • Онлайн игры для всех
  • MyLands
  • Творчество без границ
  • Заработок на играх
  • Герои Луганска
  • Все про онлайн игру "Герои Войны и Денег"
  • Центр реабилитации инвалидов г.Луганск.
  • Бесплатные онлайн игры
  • Онлайн игры для каждого
  • InstaForex - лучший брокер в Азии
  • Луганская Ботва
  • Сайт создан в системе uCoz