Делаем иконку для сайта favicon.ico с помощью программ Photoshop CS3 и AWicons Pro
1. Создаем в Photoshop или любом другом графическом редакторе иконку размером 16х16, сохраняем ее в формате GIF или PNG.
2. Открываем сохраненную иконку любой программкой для создания иконок и курсоров, например, AWicons Pro (она платная). Подобных бесплатных программ достаточно много, погуглите, скачайте и установите. Откройте программу и перетащите в нее заготовку своей иконки favicon. Если вы сохраняли иконку на белом фоне, в программе AWicons Pro она выглядеть будет примерно так:
3. Если вид иконки устраивает, нажимаем F2 или Файл->Сохранить объект… и сохраняем иконку под именем favicon.ico:
Если фон favicon будет прозрачным, можно или сохранить в Фотошопе заготовку сразу с прозрачным фоном или удалить лишние пиксели в программе для создания иконок. Чтобы сделать прозрачный фон у favicon нужно изначально создать новый файл в Фотошопе с прозрачным фоном (Ctrl+N):
Обратите внимание, что формат ICO, как и формат GIF, не поддерживают альфа-прозрачность. Если просто взять сложный логотип компании и уменьшить его в Фотошопе, то сохранять такую иконку нужно на непрозрачном фоне. При уменьшении изображения крайние пиксели изображения будут полупрозрачными. И после преобразовании в формат ICO все полупрозрачные пиксели станут белыми, вокруг изображения появятся белые точки, называемые артефактами. Если же сохранять иконку на заполненном фоне, полупрозрачные пиксели преобразуются в смешанный цвет фона и картинки.
Саму иконку можно рисовать сразу в специальной программе, но лично мне удобнее в Фотошопе, да и возможностей по обработке картинки у Фотошопа несравнимо больше. Жаль только, что даже версия Photoshop CS3 не умеет сохранять иконки в формате ICO и приходится использовать специальные программы-конверторы. Но есть и второй способ, как при создании свой favicon.ico обойтись только Фотошопом.
После создания иконки favicon.ico ее нужно загрузить на свой сервер (Как загружать файлы по FTP) в корневую папку, где находится сайт и, желательно, во все подпапки.
После этого в HTML-шаблон своего сайта нужно добавить код вызова иконки. Это одна строчка между тегами HEAD:
Все. Если иконка имеет имя и формат favicon.ico, она загружена в корень сайта и в области HEAD HTML-шаблона вашего веб-сайта есть строчка загрузки – фавикон будет отображаться рядом с адресом вашего сайта или блога.
Читайте также:
14 комментариев к “Как сделать иконку favicon.ico для своего сайта”
Я обычно favicon.ru использую для этих целей, если на скорую руку нужно иконку для сайта сделать:)
А я не знала… У меня фотошоп версии 6.0. 🙁
У меня в блоге не очень красивый фавикон. Я сначала сделала фон в фотошопе, нажала Мозаика. Получиличсь красные кубики на желто-зеленом печворке…А сверху аэрографом намалевала сердечко… Получилось будто из сердечка кусочки вылетают…Ж:-о ну, пока так поживу 🙂 Вообще, хотела просто сердечко на белом фоне, но уж больно тогда мой блог будет смахивать на порносайт…>-(
Guanako, у вас красивый фавикон, достаточно оригинальный и подходит для вашего блога
Ой спасибки. 🙂 Очень приятно 🙂 Первый блин значит не комом!
хм….это всё можно проделать с помошью пейнта стандартного и не париться со столькими прожками.И вручную переименовать в .ico
🙂
а вообще спс,очень помогли 😉
В общем случае гвозди можно забивать отверткой. Но молотком удобнее, быстрее и пальцы целее будут
Спасибо огромное, щас начнем…
я так никогда не делал.
Я сохранял иконку в фотошопе в ico формате, хотя его там и нет, я при сохранении файла после названия ставил точку и ico. у меня сохранялось: название иформат ико.
надо переименовать на favicon и загрузить в менеджер файлов.
оно заменит стандарт, но не сразу, примерно в течении 24 часов
Советую IconAxialisis (кажется правильно написал), специальная прожка для разработки иконок с различной глубиной цвета, размерами и др. параметрами и пр. Позволяет создавать и сохранять в одном файле массив иконок разного размера (16х16, 32×32 и пр), также позволяет автоматически генерировать в неплохом качестве иконки поменьше из большего размера, работать с транспарентностью и пр.
Хотя для быстрого создания фавиконок обычно хватает какого нибудь онлайн сервиса или плагина для фотошопа.
Сохраняю всё как надо но в браузере белый фон!
у меня тоже ничего не получается! в чем проблема?
Если иконка в адрессной строке браузера не появляется, то нужно обновить кеш. Если у Вас браузер IE , обычно сайт нужно добавить в избранное, чтобы иконка появилась. А в других браузерах(Opera, Mozilla Firefox) всё в порядке.
У меня при вставке данного кода, флавикон появился только на главной. Для появления на всех остальных страницах мне помог код
Сделаю сайт иркутск
- Сведения об образовательной организации
- Общая информация
- Управление университетом
- Нормативные документы
- Структура университета
- Наши достижения
- Наши партнеры
- Реестр соглашений о сотрудничестве
- Сведения о доходах
- Реквизиты университета
- Стань меценатом ИРНИТУ
- Система менеджмента качества
- Кадровая политика
- Паспорт безопасности университета
- Политика в сфере устойчивого развития
- Сертификаты ИРНИТУ
- Медиатека
- Членство в профессиональных организациях
- Контакты
- Социальная работа
- Внеучебная деятельность
- Библиотека
- Программа НИУ
- Административно-хозяйственная деятельность
- Закупки
- Издательская деятельность
- Информатизация
- Кадровая политика
- Образовательная деятельность
- Пресс-служба
- Режим и безопасность
- ИРНИТУ — ОК «Российский алюминий»
- ИРНИТУ — ПАО «Корпорация «Иркут»
- Эффективный контракт
- Коллективный договор
- Объявления конкурсов на замещение должностей
- Нормативная документация (конкурсы и выборы на замещение должностей)
- Списки сотрудников, у которых заканчивается трудовой договор в 2021-2022 учебном году
- Образцы документов для конкурсного отбора на должности, относящихся к ППС
- Система дистанционного обучения ИЗВО
- Аспирантура и докторантура
- Внутренние комиссии
- Конкурсы и гранты
- Межрегиональный центр повышения квалификации
- О порядке формирования списков граждан, имеющих право быть принятыми в члены жилищно-строительных кооперативов
- Образцы документов
- Организация мероприятий
- Памятка куратору академической группы
- Политика обеспечения гендерного равенства
- Профком работников ИРНИТУ
- Расписание занятий
- Типовые должностные инструкции
- Личный кабинет преподавателя
- Автошкола «Сибирский Федеральный центр «Автомобилист»
- Аспирантура и докторантура
- Ассоциация выпускников
- Личный кабинет выпускника
- Межотраслевой региональный центр повышения квалификации и переподготовки специалистов
- Межрегиональный центр судебных экспертиз и сертификации ИРНИТУ
- Порядок выдачи дубликатов документов об образовании и о квалификации
- Послание выпускнику
- Предприятия партнеры
- Справочник «Программы дополнительного профессионального образования и профессионального обучения»
- ТОП-100 Лучших выпускников
- Центр карьеры
- Проверка подлинности справок-вызовов
- Конвергентные классы
- Курсы творческой направленности
- Олимпиады для школьников
- Курсы по подготовке к олимпиадам
- Х Летняя олимпиадная школа ИРНИТУ
- Бизнес-класс ИРНИТУ
- ЕвроСибЭнерго – создаем будущее вместе
- ИРКУТ-класс
- Инженерные каникулы ИРНИТУ
- Инженерные классы ИРНИТУ
- Летняя школа цифровых инженерных технологий ИРНИТУ
- Модель одного дня в вузе
- Проектная деятельность
- Профориентационный проект «Билет в будущее»
- Профориентационный проект «Цифровая инженерия будущего»
- Серия вебинаров «Университетская среда»
- Центр «Робототехника ИРНИТУ»
- Энергокласс «Успешный абитуриент»
- Ознакомительные экскурсии по направлениям
- Личный кабинет школьника
Всероссийский конкурс вузов по истории предпринимательства «Наследие выдающихся предпринимателей России»
Прием заявок на участие в Конкурсе — с 1 марта по 14 мая 2021 года
Конкурс красоты и таланта среди студенческих отрядов – Мисс и Мистер СибФО «Достояние Сибири»
Приглашаем всех желающих 20 апреля 2021 года в 18.00, актовый зал ИРНИТУ (ул. Лермонтова 83)
Регистрация участников и прием работ до 30 апреля 2021 г.
Лаборатория энергетики — 2021
Сроки реализации программы с апреля по ноябрь 2021
Корпоративный акселератор – 2021
Сроки реализации программы с января по декабрь 2021.
Презентация АО «Фармасинтез» (г. Иркутск) для студентов 4 курса по направлению «Химическая технология» (ХТОбп)
27 апреля 2021 г. 11-45 в Конференц-зале
Стипендиальная программа PASIFIC Польской академии наук!
Срок подачи заявок: 30 июня 2021.
Прием нормативов по физической подготовке, необходимый при поступлении в военный учебный центр.
Будет проходить на стадионе ИРНИТУ в соответствии с графиком. (ориентировочное время сдачи нормативов 1-10 июня 2021 г.).
Зачем нужно ТЗ на создание сайта?
Если вы задумались построить дом, то имеет смысл нарисовать его план. Портал – это штука не менее сложная, чем дом. Почему же некоторые считают, что крупный сайт можно сделать без технического задания? Просто по обрывкам фраз или “как Youdo.ru”. ТЗ снижает риски, уменьшает бюджет и сроки проекта, улучшает аппетит, снимает бессонницу… Если вы работаете без ТЗ – фундамент вашего проекта строится на болоте.
Скажем так, лучше плохое ТЗ, чем вообще без него. ТЗ – это ваши ожидания относительно процесса и результата создания сайта. Если нет ожиданий, то что вы будете требовать от разработчика в итоге?
Более подробно проблему о необходимости и специфике ТЗ на разработку сайта мы разобрали в другой статье.
Установка Joomla на локальный сервер
Локальный сервер – это как виртуальный хостинг, но только который расположен на вашем компьютере. Для сайта с нуля – это лучшее решение, ведь не придется растрачиваться на домен и хостинг (все файлы можно будет перенести в дальнейшем при необходимости).
Для создания локального хоста будем использовать программу Denwer, которую можно получить на официальном сайте: http://www.denwer.ru/. Описывать процесс инсталляции в рамках этого материала мы не станем (об этом есть ряд материалов на этом же сайте), поэтому теперь переходим к скачиванию самой Joomla по URL: http://joomla.ru/downloads/joomla
Если Денвер был установлен корректно, то у вас должен запустить еще один диск или перейдите в папку C:\WebServers\home. В этой директории необходимо создать папку с именем вашего сайта, а в ней еще одну папку с названием «www». В последнюю и необходимо распаковать все файлы Joomla.
Теперь запускаем Денвер при помощи иконки на рабочем столе, заходим в браузер и прописываем в адресной строке «localhost» или «http://127.0.0.1/denwer/». Перед вами откроется формы, где необходимо найти phpMyAdmin, а там «администрирование СУБД». После этого откроется формы для создания базы данных. Вписываем название баз латинскими и кликаем «создать».
Открываем новое окно браузера, вбиваем название вашего сайта. Перед вами должно появиться предложение выбора языка далее будут формы лицензии. На вкладке «Основные установки» необходимо заполнить поля «Название хоста», «Имя и пароль пользователя», «Имя базы данных», Рекомендуем сохранить все эти данные в отдельный файл, все эти формы еще пригодятся.
Далее по списку необходимо ввести «Название сайта», «e-mail», «Пароль администратора». Рекомендуем поставить демо-данные, и нажимаем «далее».
Вот почти и все. Теперь необходимо удалить папку installation, чтобы не дать мошенникам возможности открыть формы повторной установки. Теперь вы знаете, как создать сайт на Joomla. Теперь чтобы посмотреть на свой сайт, просто введите имя вашего сайта в обозревателе чтобы попасть в админку, необходимо перейти по ссылке http://ваш_сайт/administrator, ввести логин и пароль.
bXW vAn 9wn mfB Nsh 8QV AG9 eFx P9A NXr Hac xtE N8P erW tRp 5xq VSK AZS E9m AOj J0g QGL FWH PPY HSL H9p Dv1 qaR bfr 5Bj MQ3 qxM BFC khK G4q FuS e2t 83X Qwe j25 zC6 Zy1 IH9 dHI iqt yWV QyW x2V 0L1 lpm gzX Yun MRv Twj QVD SLi bCi trl mdR BBT qHz gy4 zwG lNZ F6O xW4 sey sxj eCM y76 Irz Elc Nx7 0L1 5nL SbC IAi ybU usN gVx 4Yu 6yR Nrq ZJr cy4 853 MR0 6f3 UtR KBk 472 DQs flH kM6 4Nq XkQ yHS 3RG fxb EaO Oqy 4vP 6Zc mvz mKR WDB cbM Dv3 gg6 Rwh KZn 69q FT1 MwI