ProGIMP — сайт про Гимп
GIMP — The GNU Image Manipulation Program
Гимп — бесплатный графический редактор
Рисуем favicon.ico в GIMP для Web
Для начала я вам расскажу что такое favicon. Favicon.ico - это значок для web страницы после адреса сайта, это делается только для web и поймут это мож только web-мастера или кто понимает в web!
GIMP сам по себе очень хорошо подходит для web-дизайна и на нашем уроке мы нарисуем favicon.ico без специальных редакторов.
Шаг 1. Создадим изображение 16x16px. Да, да именно этот размер поддерживает браузер, можно залить градиентом, и чётким цветом написать эмблему вашего сайта с радиусом 8, я написал её наугад, сайта такого с эмблемой, надеюсь, нет! Не стоит применять всякие эффекты на браузере это будет смотреться как тяп-ляп! Вот что получилось:
Шаг 2. Сохраняем картинку в формате Значок Microsoft Windows ICO, параметры сохранения значка: галочку «Сжатый (PNG)» в оставляем пустой!
Конечно на браузере изображение будет более чётким и качественным!
Иконка автоматически появится у сайта, если она лежит в его корне (главной папке сайта). Более подробная разработка иконки может быть и лучше, это всего лишь пример!
Надеюсь вам понравилось, спасибо за внимание!
Уроки: ← предыдущий следующий →
15 комментариев
Филипп Ткачёв14 мая 2010 в 21:41
нда.... а код-то зохавал движок =)
maximus03515 мая 2010 в 15:01
zoonman Это уж точно а рань ше код был!
Тимур Елизаров17 мая 2010 в 14:16
Да уж, что есть то есть. Но код не очень нужен.
Все барузеры сами смотрят в корень сайта и ищут там favicon.ico. А код нужен только если favicon в какой-то не стандартной директории.
Филипп Ткачёв19 мая 2010 в 16:40
в качестве favicon'a и gif-ку можно юзать, только не все браузеры это понимают.
deadrash25 июля 2010 в 18:12
"Да...GIMP очень хорошо подходит к веб-дизайну)))"
Согласен, создать файлик с расширением ико - это очень круто.
Скажите а как в ГИМПе резать шаблон сайта?
В фотошопе за это отвечает инструмент "раскройка", а есть ли аналог в ГИМПе?
Очень хочу знать так как пытаюсь полностью пересесть с винды, на убунту, но фотошоп не даёт мне этого сделать.
deadrash27 июля 2010 в 03:02
Это был не риторический вопрос.
Филипп Ткачёв27 июля 2010 в 14:03
deadrash, там есть инструменты выделения и копирования. Можете создать свой скриптик, который по направляющим его разрежет.
deadrash28 июля 2010 в 18:28
Ну это как минимум не удобно, я думал возможно есть какой плагин для раскройки...
maximus03527 августа 2010 в 23:28
deadrash если такой умный напиши что ниудь своё, и твоя раскройка на не нужна, и без неё хорошо получается!
Филипп Ткачёв28 августа 2010 в 08:22
Есть Slice Tool в Gimp#. В Google, pls
Филипп Ткачёв28 августа 2010 в 08:27
Еще есть Py-Slice. Было бы желание найти ;)
deadrash5 сентября 2010 в 07:19
▲
Спасибо за полезный отсыл, оч удобные плагины, ещё немного и прощай фотошоп =))
Филипп Ткачёв1 октября 2010 в 11:01
Всегда пожалуйста!
Александр Лончаков9 декабря 2010 в 06:37
На эти иконки мало кто внимвния обращяет так что смысла втыкать ее на сайт нет. что касается webдизайна я кроме гимпа не чем не пользуюсь ни чем не только для создания сайтов но и вообще. прсто ни где рисовать не умею. А гимп простой и удобный ни где больше рисовать нет желания
Чтобы участвовать в обсуждении вы должны войти или зарегистрироваться.
- купить виброплита wacker
Информация по уроку:
Добавил урок: maximus035
Выполнено в GIMP 2.6.7
Опубликовано 11 мая 2010
Новые уроки по RSSАнонсы бесплатно и быстро!
Другие уроки автора:
Простое сведение изображения с текстурой
Простой и быстрый урок растворение картинки в текстуру фона!
Кисти:
Воспользуйтесь нашим сортировщиком кистей для подбора нужной кисти.
Похожие страницы
Работа с текстом
Уроки по GIMP
Веб-дизайн и интерфейсы
Уроки по GIMP
Возможности GIMP
Про Гимп → Описание редактора
Воображение
Галерея
Рисование
Уроки по GIMP
Добавили в избранное:
, tihiro, Андрей Сидоров, Владимир Степной, сергей смоляков.
Оценка урока
«Рисуем favicon.ico в GIMP для Web» получил оценку 3.50 на основе 4 голосов.
8133+543 Комментария |
со ссылкой на www.progimp.ru. Более подробно →
Да...GIMP очень хорошо подходит к веб-дизайну)))
Я для графики своего второго сайта тоже использовал GIMP)))