Как сделать иконку favicon.ico для своего сайта
Подробные инструкции / Создание сайтов
Иконка favicon.ico представляет собой крошечную картинку размером 16х16 пикселей, которая отображается рядом с адресом вашего сайта или блога в браузерах, в результатах поиска, в закладках и т.д. Обычно такую иконку делают из логотипа или фрагмента логотипа компании на фоне корпоративного цвета или любой другой символ, который дизайнер посчитает запоминающимся и подходящим для тематики сайта. Например, иконка favicon для этого блога — .
Сделать иконку favicon для своего сайта совсем не сложно, зато она сделает ваш сайт более узнаваемым. В последнее время у большинства сайтов есть такие иконки, потому не стоит ленится или недооценивать их значение. Тем более делается и устанавливается favicon быстро и просто. Я просто очень подробно описываю, как это сделать, потому много текста :).
Иконки favicon появляется рядом со ссылкой в результатах поиска, например, в Яндексе:
Иконки favicon отображаются перед адресом просматриваемого сайта почти во всех браузерах, в Избранном или Закладках браузера:
Теперь научимся делать такие иконки для своего сайта или блога. Для этого нам понадобятся программы Adobe Photoshop CS3 и AWicons Pro. Если у вас нет этих программ и вы не знаете, где их можно бесплатно скачать, советую прочитать мою статью Чем бесплатно скачать любую программу.
1. Создаем в Photoshop или любом другом графическом редакторе иконку размером 16х16, сохраняем ее в формате GIF или PNG.
2. Открываем сохраненную иконку любой программкой для создания иконок и курсоров, например,
3. Если вид иконки устраивает, нажимаем F2 или Файл->Сохранить объект… и сохраняем иконку под именем favicon.ico:
Если фон favicon будет прозрачным, можно или сохранить в Фотошопе заготовку сразу с прозрачным фоном или удалить лишние пиксели в программе для создания иконок. Чтобы сделать прозрачный фон у favicon нужно изначально создать новый файл в Фотошопе с прозрачным фоном (
Обратите внимание, что формат ICO, как и формат GIF, не поддерживают альфа-прозрачность. Если просто взять сложный логотип компании и уменьшить его в Фотошопе, то сохранять такую иконку нужно на непрозрачном фоне. При уменьшении изображения крайние пиксели изображения будут полупрозрачными. И после преобразовании в формат ICO все полупрозрачные пиксели станут белыми, вокруг изображения появятся белые точки, называемые артефактами. Если же сохранять иконку на заполненном фоне, полупрозрачные пиксели преобразуются в смешанный цвет фона и картинки.
Саму иконку можно рисовать сразу в специальной программе, но лично мне удобнее в Фотошопе, да и возможностей по обработке картинки у Фотошопа несравнимо больше. Жаль только, что даже версия Photoshop CS3 не умеет сохранять иконки в формате ICO и приходится использовать специальные программы-конверторы. Но есть и второй способ, как при создании свой favicon.ico обойтись только Фотошопом.
После создания иконки favicon.ico ее нужно загрузить на свой сервер (Как загружать файлы по FTP) в корневую папку, где находится сайт и, желательно, во все подпапки.
После этого в HTML-шаблон своего сайта нужно добавить код вызова иконки. Это одна строчка между тегами HEAD:
1 | <head> |
Все. Если иконка имеет имя и формат favicon.ico, она загружена в корень сайта и в области HEAD HTML-шаблона вашего веб-сайта есть строчка загрузки – фавикон будет отображаться рядом с адресом вашего сайта или блога.
Сделать иконки черного цвета на прозрачном фоне в PNG • фриланс-работа для специалиста • категория Баннеры ≡ Заказчик Dmitry Andrushchenko
дата онлайн рейтинг стоимость время выполнения
ставка скрыта фрилансером
1 день600 RUB
1 день600 RUB
Мое портфолио Freelancehunt
Сделаю быстро и качественно! сделаю за 30 мин1 день200 UAH
1 день200 UAH
Дмитрий, здравствуйте. Сделаю в течении часа. Пишите мне в личные сообщения. Туда же и скину резлультат архивом
1 день200 UAH
1 день200 UAH
Добрый день, Дмитрий!
Я занимаюсь дизайном! Вижу ваш проект очень прост, и смогу его сделать в течении пару часов уже сегодня! В png и остальных нужных вам форматах! По ЦЕНЕ РАБОТЫ — пишите в личку, обсудим ваши условия!Мой опыт работы можете оценить взглянув на моё портфолио в моём профиле Freelancehunt
Так же советую прочесть отзывы.ставка скрыта фрилансером
Победившая ставка1 день350 UAH
Победившая ставка1 день350 UAH
Доброго дня!
Зроблю протягом 15-20 хв. За 100 грн
Звертайтеся.1 день200 UAH
1 день200 UAH
Добрый день, Дмитрий
Готов выполнить ваш заказ
Сделаю все быстро и качественно
Начну работу прямо сейчас
Мое портфолио : Freelancehunt1 день200 UAH
1 день200 UAH
Здравствуйте, меня заинтересовал ваш проект.
Готова обсудить детали и приступить к работе. Сделаю быстро.
Портфолио — Behance
Буду рада с вами сотрудничать.ставка скрыта фрилансером
1 день200 UAH
1 день200 UAH
Здравствуйте, Дмитрий. Сделаю быстро и качественно. Портфолио:
http://Freelancehuntставка скрыта фрилансером
1 день300 UAH
1 день300 UAH
Добрый день.
Отрисую без проблем , только хочется узнать без изменений вам нужно или что-то поменять ?
Работаю дизайнером уже более 3х лет, сотрудничаю с некоторыми украинскими и русскими компаниями, такими как Staff и NYS. Свои работы могу вам выслать только в личные сообщения.
Обращайтесь. Буду рад с вами Сотрудничать!1 день500 UAH
1 день500 UAH
Добрый день)
Могу выполнить есть опыт в подобном.Сегодня отдам)1188
32 0
1 день300 UAH
Denis Martynenko
1 день300 UAH
Добрый день, Дмитрий!
Заинтересован Вашим предложением.
Буду рад помочь.
Отрисую иконки в векторном формате и отдам PNG в хорошем качестве.
Обращайтесь.
Портфолио:Freelancehuntставка скрыта фрилансером
1 день200 UAH
1 день200 UAH
Здравствуйте.
Сделаю иконки в черном цвете png.
Пишите в лс, буду рада помочь.
Портфолио в профилеставка скрыта фрилансером
1 день200 UAH
1 день200 UAH
Выполню ваш проект быстро и качественно за символическую цену.
Обращайтесь.1 день200 UAH
1 день200 UAH
Здравствуйте. Очень заинтересовал ваш проект. Буду рада сотрудничеству. Cделаю быстро и качественно! Мое портфолио: Behance
1 день200 UAH
1 день200 UAH
Дмитрий, добрый день!
Сделаю быстро и профессионально — большой опыт векторизации изображений!
Комиссию беру на себя.
Пожалуйста, обращайтесь.
Буду рад сотрудничеству!1 день200 UAH
1 день200 UAH
Дмитрий добрый день ! отрисую иконки с максимальной точностью. Результат сегодня будет у Вас.
1 день200 UAH
1 день200 UAH
Здравствуйте!
Сделаю черные иконки в нужном формате.
Готова приступить сразу после уточнения деталей проекта.
Результат получите уже в ближайшее время.Если вам нужно стильно и качественно — обращайтесь!
ставка скрыта фрилансером
фрилансер больше не работает на сервисе
1 день200 UAH
1 день200 UAH
Здравствуйте!
Готова приступить к работе прямо сейчас
Имею образование дизайнера , опыт работы- 3 года
Работаю в Adobe Illustrator, Photoshop, Lightroom, In Design, Corel Draw.
Учту Все Ваши пожелания в работе ,внесу необходимое количество правок,предоставлю несколько вариантов на выбор, с доработкой 1-2, сделаю быстро и качественно. Работаю до полного утверждения
Буду рада сотрудничеству
Портфолио — в профиле2 дня450 UAH
2 дня450 UAH
Здравствуйте, Дмитрий.
Иконки нужно будет отрисовать или они есть в векторе?
Если есть в векторе, то сделаю за 200 грн.
Если нужно отрисовывать, то 400-450 грн.
Выслушаю Ваше предложение.Было подобное задание, вот пример: Google Drive
Надеюсь на сотрудничество.2 дня200 UAH
2 дня200 UAH
Добрый день!
Могу сделать за пол дня за 1-2 часа. Даже получится быстрее, беру с запасом)
Буду рада помочь:)1 день200 UAH
1 день200 UAH
Здравствуйте, Дмитрий!
Я — дизайнер-иллюстратор, переведу данные иконки в вектор в течении часа.
Буду рада сотрудничеству, пишите!фрилансер больше не работает на сервисе
1 день200 UAH
1 день200 UAH
Здравствуйте,Дмитрий.Могу сегодня же приступить к выполнению Вашего задания.Сделаю качественно,с учётом Ваших пожеланий. По цене: Ваше предложение.Пишите в личку,договоримся.
1 день400 UAH
1 день400 UAH
здравствуйте, открыта к сотрудничеству, сделаю все быстро и качественно
фрилансер больше не работает на сервисе
1 день200 UAH
1 день200 UAH
Здравствуйте. Готов выполнить Ваш заказ.
Займёт не более 2-х часов, всё будет качественно и быстро!
Мое портфолио: Freelancehunt
Буду рад сотрудничеству!ставка скрыта фрилансером
ставка скрыта фрилансером
фрилансер больше не работает на сервисе
1 день200 UAH
1 день200 UAH
Выполню заказ в любое время суток. Цену обсудим по проделанной работе.
1 день200 UAH
1 день200 UAH
Готов выполнить, работаю с полиграфией и интернет рекламой, в том числе иконки. Сделаю качественно.
Работаю на результат, которым вы останитесь довольны!
Портфолио: Freelancehunt1 день200 UAH
1 день200 UAH
Добрий день!
портфоліо в профілі
якщо зробити копію цих ціконок ( тільки чорними) — то сьогодні вже буде готово)
пишіть!
і в пнг і вджпег і в векторі надам всі формати и ісходніки)1 день300 UAH
1 день300 UAH
Добрый день
Быстро и качественно выполню заказ
Пишите в лс)
Жду)1 день200 UAH
1 день200 UAH
Добрый день! Смогу сделать Вашу работу уже сегодня.
Мое портфолио в профиле.
Пишите!1 день200 UAH
1 день200 UAH
Доброго дня!
Можу сьогодні виконати, по часу займе біля двох годин.
Думаю краще не в .psd, а в .ai форматі, як вектор. Зроблю так, як вам буде необхідноЗвертайтесь! Портфоліо: Behance
1 день200 UAH
1 день200 UAH
быстро, качественно, недорого
опыт работы в сфере более 6 лет
штатный фотограф крупной фотостудии в своем городе
высылаю портфолио
https://vk.com/ph_ameshenkova1 день200 UAH
1 день200 UAH
Здравствуйте, Дмитрий.
Готов выполнить вашу задачку.
Смотрите портфолио, пишите.
Цену обсудим.5595
240 0
1 день200 UAH
Евгений Милка
1 день200 UAH
Здравствуйте. Готов выполнить Ваш проект.
Уже сегодня получите отличный результат!
Есть большой опыт.Портфолио:
Freelancehunt BehanceПохожий выполненный проект: Перерисовать картинку
1 день500 UAH
1 день500 UAH
Здравствуйте, могу быстро в течение дня сделать иконки.
Пишите в личку буду рад совместной работе)2 дня200 UAH
2 дня200 UAH
Добрый день! Могу взяться за выполнение данной работы. Есть опыт, в создании рекламных баннеров, в том числе анимированных и также, логотипов, иконок, визиток, листовок, и желание работать. Есть также опыт в создании игровых и обычных шапок для youtube, facebook, vkontakte. Могу также, делать обложки для видео на youtube. Также занимаюсь дизайном соц-сетей, шапки, аватарки, и баннеры для соц- сетей. Примеры моих работ можно посмотреть здесь: Freelancehunt
Цена договорная!
Жду ваших предложений.
Буду рад сотрудничеству!1 день500 UAH
1 день500 UAH
🔴Я выполнил заказ🔴
🔴👉🏻сылка на гугл диск Google Drive
🔴размер 150х150
🔴Отдаю полный размер 711х597 какой вышел, в конце🔴ставка скрыта фрилансером
1 день600 RUB
1 день600 RUB
▶ Здравствуйте. Заинтересовал Ваш проект. Примеры по запросу.
👍 Обращайтесь)
С ув. Андрей
u.to/zL2IFg
Behance — Behance
Больше работ — Freelancehunt
ставка отозвана
— sideshowfx
19,99 $
В корзину
**Окт. 2020 — НОВАЯ версия 4.5 Обновлено для Photoshop 2021
Просмотрите журнал изменений, чтобы узнать, что нового!
Эта коллекция значков, созданная специально для Photoshop, поможет вам сразу приступить к работе с более чем 900 значками, представляющими почти все команды, инструменты и функции в приложении.
В качестве бонуса мы также включили начальные профили Stream Deck (15 Key и XL), а также начальный профиль Touch Portal*, чтобы помочь вам начать работу.
Загрузите предварительную копию PDF здесь
Нет необходимости создавать и программировать собственные ярлыки.
Просто загрузите прилагаемые начальные профили и приступайте к работе.
Начните с наших встроенных профилей, а затем создайте их самостоятельно.
Stream Deck и Touch Portal упрощают настройку в соответствии с вашими предпочтениями.
* Профили протестированы только на английской раскладке клавиатуры — некоторые сочетания клавиш могут потребоваться изменить вручную, если вы используете неанглийскую раскладку клавиатуры.
Щелкните здесь для получения дополнительной информации
Получите максимальную отдачу от своих устройств, выбрав нашу линейку Pro.
Набор инструментов Photoshop Pro включает в себя гораздо больше готовых команд ПЛЮС Кисти и 756 запрограммированных образцов.
Нажмите, чтобы просмотреть Photoshop Pro Toolkit для Stream Deck. Нажмите, чтобы просмотреть Photoshop Pro Toolkit для Touch Portal
Загрузите входящий в комплект начальный профиль Touch Portal и начните работу.
Поднимитесь на уровень нашей серии Designer Icon Photoshop. Более 3600 иконок в каждом наборе в нескольких уникальных и интересных стилях.
Нажмите, чтобы увидеть больше.
6 различных наборов из 900+ иконок в каждом (всего 5400 иконок)
Купите этот продукт и больше никогда не платите.