7 удобных, бесплатных иконок и редакторов Favicon
Ранее в этом году мы рассмотрели несколько удобных «готовых» иконок, которые можно было вставить прямо в макеты, прототипы и проекты. Но, будучи дизайнером, я знаю, на что это похоже — рано или поздно вам нужно создать свои собственные значки. Массимо проделал большую работу, покрывая векторные иконки в прошлом году Сегодня я хочу посмотреть на варианты для традиционных пиксельных иконок.
В то время как для создания / редактирования значков вполне возможно использовать Photoshop или любое другое полнофункциональное графическое программное обеспечение, специализированные редакторы могут быть полезны, когда речь идет об особой задаче, такой как дизайн значков.
Существуют десятки как бесплатных, так и платных редакторов иконок, как веб-, так и настольных. Некоторые предлагают очень ограниченную, ориентированную на задачи функциональность и идеально подходят для небольших быстрых исправлений. Другие редакторы с более широким набором инструментов, и они дают вам свободу в создании ваших иконок в точности так, как вы хотите.
Также стоит отметить, что редакторы иконок обычно делятся на две категории:
а). Редакторы для создания значков, значков Apple Touch (iOS) и значков приложений (файлы PNG и ICO)
б). Иконки для использования в приложениях и веб-сайтах.
Давайте начнем с веб-редакторов. Как правило, они не предлагают столько функциональности, сколько их настольные аналоги, но выполняют свою основную задачу эффективно. Иконки, как правило, представляют собой небольшие файлы, поэтому они хорошо подходят для манипулирования в браузере.
Если вы ищете более продвинутые функции или, возможно, более крупные и более сложные наборы значков, проверьте приложения для настольных компьютеров для вашей ОС.
1. X-Icon Editor
Первый бесплатный редактор иконок, который мы рассмотрим, это веб- редактор X-Icon . Он работает в любом браузере выше IE9 и позволяет создавать значки для брендинга адресной строки вашего браузера.
Вы можете создавать иконки в 4 размерах — 16 × 16, 24 × 24, 32 × 32 и 64 × 64. Инструменты, которые он предлагает, включают в себя стандартные, такие как Кисть, Карандаш, Пипетка, Линия, Круг, Текстовый инструмент и т. Д.
Вы можете начать с чистого холста или импортировать файлы jpg, gif, bmp, png или ico, обрезать их по мере необходимости и создать иконку избранного в кратчайшие сроки. X-Icon Editor не предлагает много, но это хорошо, если вы хотите создать хороший значок избранного в считанные секунды.
2. Бесплатный Icon Maker
Free Icon Maker — еще один веб-редактор. Он обладает большей функциональностью, чем X-Icon Editor, но все же это не Photoshop. Вы можете использовать его, чтобы изменить существующий значок или начать новый с нуля.
Если вы хотите, вы можете использовать многочисленные значки и пресеты, которые они предоставляют бесплатно. Вы также можете импортировать из ваших собственных файлов SVG. Когда вы закончите, вы можете загрузить весь набор иконок PNG на свой диск.
Редактор абсолютно бесплатен (хотя заметка «Попробуй бесплатно» на главной странице заставила меня думать, что у них есть только бесплатная пробная версия), но для большинства операций — например, для загрузки и выгрузки созданных иконок, которые необходимо зарегистрировать.
3. Младший редактор иконок
По сравнению с более ограниченным выбором веб-редакторов иконок, существует гораздо больше настольных, особенно для Windows. Одним из лучших, которые я нашел, является Junior Icon Editor , ранее известный как Free Icon Editor . Это приложение не только бесплатное, но и доступно на нескольких платформах, таких как Windows 8, 7, Vista, XP, 2003, 2000, ME, 98, 95, NT, iOS, Linux, Android, Интернет и другие.
Младший редактор иконок может иметь отголоски Paint, но он создан специально с учетом значков. Он работает с несколькими форматами иконок, такими как ICO, PNG, XPM, XBM и ICPR. Вы можете создавать не только значки стандартного размера, но и любой другой размер, который вам нужен.
Глубина цвета иконок до 32-битного True Color с 8-битным альфа-каналом.
Инструменты, которые идут с программой, действительно многочисленны. Некоторые из инструментов, которые вы найдете, — это карандаш, кисть, заливка, текстовый инструмент, аэрозольный баллончик, заменитель цвета, селектор цвета, линейный инструмент, прямоугольник, кривая и эллипс.
4. IcoFX Portable
IcoFX — это еще один бесплатный редактор иконок, который вы можете рассмотреть. Имеется бесплатная и платная версия.
IcoFX работает с иконками Windows XP, Windows Vista, Windows 7 и Macintosh. Это приложение имеет очень много функций, таких как возможность конвертировать иконки Windows в Mac и наоборот, пользовательские эффекты и фильтры, пакетную обработку, манипуляции с иконками в exe-файлах и т. Д. Я не уверен, что все эти параметры доступны в бесплатная версия, но даже если некоторые из них нет, она по-прежнему предлагает больше, чем большинство бесплатных редакторов. Это мини-фотошоп для иконок.
5. КИконедит
Для пользователей Linux (их меньше, но они громкие) GIMP может быть лучшим выбором для создания / модификации иконок. Есть несколько редакторов иконок, таких как KIconedit (или ныне несуществующий Gnome IconEdit ), но в основном они предлагают не так много, как редакторы иконок Windows.
Тем не менее, функции KIconedit вполне респектабельны для некоторых базовых манипуляций с иконками. Вот что список разработчиков:
- Инструменты прямоугольник, круг и эллипс, контур и заполнение
- Прямоугольный и круговой выбор
- Линия и рисунок от руки
- Выбор цвета, заливка и ластик
- Можно создать размер шаблона или пользовательские значки размера
- Читает и сохраняет широкий спектр растровых форматов
- Быстрое преобразование в оттенки серого
- Возможно изменение размера иконки
- Отменить и повторить на многих функциях
Список не очень впечатляет, но в программе есть все необходимые основы. Если вам нужны более интересные вещи, всегда есть GIMP / Inkscape.
6. OS X Icon Editor и Icon Maker для Mac
Эти редакторы являются двумя вариантами для Mac — OS X Icon Editor и — Icon Maker . С точки зрения функций они очень разные — OS X Icon Editor предназначен для пользователей, которым требуется полнофункциональный набор инструментов для создания иконок, а Icon Maker предлагает более скромную среду редактирования. Icon Maker особенно полезен благодаря функции перетаскивания изображения на значок.
В отличие от Icon Maker, OS X Icon Editor предлагает гораздо больше. На самом деле это набор из 5 отдельных программ:
- Pic2Icon,
- Icon2PNG,
- Icns2icon,
- Icon2icns и
- Icon2ico.
Pic2Icon позволяет конвертировать любую картинку в иконку. Icon2PNG используется для превращения иконки из другого формата в PNG. icns2icon предназначен для преобразования файлов ICNS в другие форматы значков, которые вы можете использовать в других приложениях. icon2icns наоборот — он позволяет конвертировать иконки в другом формате в ICNS. icon2ico для создания .ico файлов из иконок в других форматах. Для более сложных правок автор рекомендует использовать GIMP.
7. Логастер
И наконец у нас есть Logaster .
Это быстрый и простой онлайн-инструмент, который поможет вам создать ваши значки и значки. В отличие от предыдущих записей в моем списке, этот делает большую часть тяжелого дизайна для вас с помощью мастера создания логотипа. Вы по-прежнему сможете настроить дизайн с помощью их редактора, но это быстрый и простой способ откачать некоторые макеты, если вы спешите.
Завершение
Каждый из этих редакторов иконок отлично справляется со своей задачей — все зависит от того, для чего они вам нужны. Основные из них идеально подходят для быстрого редактирования, а более продвинутые отлично справляются с более сложными задачами.
Я лично предпочитаю использовать веб-приложения, потому что они доступны из любой точки мира, и мне не требуется установка. Если вы, как и я, не создаете иконки каждый день, может быть полезно ограничить эту задачу временным приложением браузера.
как сделать и установить на сайт
С месяц назад для блога pervushin.com сделал я иконку, в простонародье favicon. Так вот после долгих размышлений, раздумываний и рассусоливаний я решил написать эпопею о создании своего favicon.ico. В этой статье Вы найдёте небольшие обзоры оказавшихся у меня на пути сервисов по созданию таких иконок, несколько ссылок где можно скачать уже готовые иконки и как эту самую готовую иконку установить на сайт. В конце поста как обычно Вас ждёт жирный бонус и сладкое. Спасибо за Ваши комментарии и RT pls.
Фишка это несомненно полезная, мало того что создаётся эдакий эффект бренда, узнаваемости, так она и внимание привлекает, картинка всё-таки, а о полезности картинок я уже писал как-то, почитайте. Вот например многими «любимый» Яндекс в результатах поиска иконки сайтов отображает:
У яндекса для это есть специальный робот, который ищет на сайтах фавикон, мой фавикон находится здесь http://pervushin.com/favicon.yandex.net/favicon/pervushin.com, понимаете да, чтобы проверить свой фавикон, поменяйте адрес сайта на свой. Так вот если Вы сменили иконку, то на яндексе она сразу не появится, ну максимум через месяц.
Создать favicon можно с помощью настольных программ, например Favicon Create или Icon Cool Studio, последняя кстати очень мощная, но лучше использовать онлайн сервисы :).
Favicon генераторы
Favicon.ru
Первый в списке, но, как мне кажется, не самый лучший из существующих, это сервис Favicon.ru, домен более чем удачный, а работа сервиса оставляет желать лучшего, несколько лет назад он ещё очень даже хорошо выглядел, а вот сейчас не выдерживает конкуренцию.
Сделать favicon.ico на этом сервисе можно указав путь к картинке на компьютере или в интернете, для создания ярлыков можно включить два дополнительных размера 32х32 и 48х48, также на favicon.ru можно обрезать картинку, в случае если размеры её не пропорциональны.
У меня была готовая картинка 50×50 пикселей, её я и закинул. После сервис показал мне как будет выглядеть иконка, если всё в порядке, то можно её тут же скачать, но мне не понравилось:
Стоит отметить, что на favicon.ru можно отредактировать готовую иконку в имеющемся графическом онлайн редакторе, но такими вещами лучше заниматься в программах, таких как указывал выше.
Favicon.cc
В отличие от первого подопытного на favicon.cc нам сразу предлагают воспользоваться своим графическим редактором. В центре расположен холст, состоящий из 16 горизонтальных и вертикальных квадратиков, каждый квадрат — пиксель, получается холст 16х16, т.е. favicon.ico.
Справа расположилась палитра цветов (оттенков) и несколько инструментов, а именно инструмент прозрачности, пипетка, для определения цвета на холсте и инструмент перетаскивания, которым можно таскать по холсту Ваше что-то там нарисованное :).
Внизу, под холстом, расположилось окно предпросмотра, что интересно, в этом окне иконка отображается в реальном времени, т.е. Вы рисуете на холсте и тут же видите, как она будет выглядеть. Вот заметил, что иконка которую я сейчас рисую также и в адресной строке моментально вырисовывается, т.е. тоже в реальном времени, без перезагрузок.
Рисовать иконку в графическом онлайн редакторе? Мазахизм, не мой метод, потому слева от холста в основном меню кликаю на пункт «Import image»:
Здесь всё довольно просто, указываем путь к изображению (нажатием кнопки «Обзор») и выбираем один из двух имеющихся вариантов обработки загружаемой картинки. Первый подходит к картинке с пропорциональными размерами всех сторон, моя 50х50, второй больше подходит к картинке с разными размерами, при этом варианте изображение сплюснет. Нажимаю кнопку «Upload» и вновь попадаю в редактор, но на холсте уже моя картинка, так сказать попиксельно. Если Вас устраивает конечный результат, можно скачивать иконку, мне не понравилась:
FavIcon from Pics
На очереди FavIcon from Pics, тупой такой, лёгкий до безобразия, ничего лишнего, но на нём я сделал свою фавиконку, которая сейчас стоит на pervushin.com, лучше чем здесь, мне не удалось сделать больше нигде. Самое удивительное, что из картинки которую загружаю (здесь тоже есть такая возможность) на сервис получается такая же шняга, как и у остальных, но этот сервис пошёл дальше, он делает favicon из аватарки твиттера! Кстати, если у кого нет твиттера, рекомендую завести, читаем здесь как, и присоединяемся ко мне :).
Итак, я указал свой логин в твиттере @pervushin_com и нажал заветную кнопку «Generate Favicon«. Попадаем на следующую страницу с дополнительными настройками. Там всё на английском, но разобраться будет не трудно. Во-первых к своей иконке я добавил анимацию в виде бегущей строки «Sergey Pervushin.com». Далее настроил цвет — зелёный (green). Цвет фона прозрачный (transparent). Здесь же можно добавить иконки для iphone, ipad и т.д., но не переусердствуйте, помните про размер.
После всех проделанных необходимых настроек можно забирать свои иконки, почему говорю свои, потому что здесь мы получим их две: favicon.ico и анимированную иконку .gif, анимация будет работать только в firefox и других мозиловских браузерах, а ico соответственно во всех остальных.
Я свой favicon сделал и мне он нравится, но сервисов ещё очень много, вот ссылки на них, посмотрите, может Вам нужно что-то другое:
* http://pervushin.com/www.cy-pr.com/tools/favicon/
* http://pervushin.com/genfavicon.com/
* http://pervushin.com/www.tools.dynamicdrive.com/favicon/
* http://pervushin.com/favicon-generator.org/
* http://pervushin.com/www.faviconfactory.com/
* http://pervushin.com/shaheeilyas.com/favicon/
* http://pervushin.com/www.degraeve.com/favicon/
* http://pervushin.com/michurin.com.ru/favicon-editor.shtml
Скачать готовый Favicon для сайта
Если Вам лень делать иконку, хотя чего уж тут лениться, дело 2-х минут, то можно скачать готовые, ниже несколько адресов, где этих favicon.ico завались:
1. http://pervushin.com/www.audit4web.ru/favicon/ — более 15000 иконок.
2. http://pervushin.com/www.iconj.com/ — более 18000 иконок, кто больше? Есть также и анимированные. Также и генератор favicon есть, причём очень даже не плохой.
Установка Favicon.ico
У меня движок на wordpress, будем исходить из него, но принципиально установка favicon на других движках или html страницах ничем не отличается и проходит она в два этапа: 1. Загрузка файла на сервер; 2. Прописываем специальные теги в движок. Всё на самом деле очень просто.
Все поисковые роботы ищут иконку в корне сайта, т.е. иконка должна, точнее желательно, хоть и не обязательно, находится по адресу, например, http://pervushin.com//favicon.ico. Но для движков, таких как wordpress, в сети много разных тем, вместе с этими темами в комплекте часто идут свои favicon и пути у них прописаны соответственно расположению этого favicon в папках темы, например адрес.ру/шаблоны/тема/изображения/favicon.ico. Вам необходимо либо просто заменить стандартный ico на свой, либо перепрописать пути, я поступаю именно так.
Закинул оба файла в корень pervushin.com, это favicon.ico и animated_favicon.gif и в файле своего шаблона header.php между тегом <head></head> прописал следующее:
<link rel="shortcut icon" href="http://pervushin.com//favicon.ico" > </link><link rel="icon" type="image/gif" href="http://pervushin.com//animated_favicon.gif" > </link> |
Готово! Стильного Вам фавикона и удачной работы!
Snapshot / @pervushin_com в twitter
Сладкое на сегодня: Славная бабулька, с юморцом :).
Читаем дальше:
11 на запись «Favicon.ico: как сделать и установить на сайт»
Создание иконок для сайта онлайн-редактором | Блог Владимира Шишкова
Приветствую друзья. В данной статье мы с Вами поговорим о том, как просто создавать различные иконки с раcширением .ico для своих сайтов. Данные иконки отображаются на вкладке браузера при открытии сайта, что придает сайту большую привлекательность. Картинку для иконки можно скачать в интернет или создать ее самому. Давайте возьмем любую картинку в формате .png или .jpeg и создадим иконку.
Картинка для создания иконки
Для примера я возьму картинку “Торт” в формате .png, хотя данный формат обычно больше по объему, чем формат .jpeg, но у .png можно сделать прозрачный фон, для того чтобы на иконке была видна только картинка без фона. Обычно прозрачный фон я делаю в программе Photoshop. Итак наша картинка будет выглядеть вот так:
Онлайн-редактор X-Icon Editor для создания иконок
Теперь для того, чтобы сделать из этой картинки иконку для сайта, заходим в онлайн редактор X-Icon Editor:
Импорт картинки в онлайн-редактор
Нажимаем на кнопку “Import” и выбираем нашу картинку.
Чтобы картинка полностью помещалась в выделенном фрагменте (п. 2), нужно чтобы стороны картинки были одинаковые и составляли квадрат. Также здесь (п. 3) Вы можете выбрать размер иконки поставив необходимые галочки. Обычно выбирают иконку со сторонами 32х32, но Вы можете выбрать любую, какая Вам понадобиться. После того, как Вы выбрали размер иконки нажимаем на кнопку ОК.
Просмотр готовой иконки в браузере
Теперь нажимаем кнопку “Preview”, что означает просмотр и смотрим как наша иконка будет выглядеть в различных браузерах.
Как мы видим в просмотре наша иконка выглядит очень хорошо. Теперь переходим к следующему шагу. Это экспорт нашей иконки на компьютер.
Экспортируем готовую иконку на компьютер
Нажимаем кнопку “Export” и в появившемся окне нажимаем на кнопку “Export your icon”.
Теперь наша иконка скачана на компьютер.
Заходим в папку, куда была скачана наша иконка, чтобы посмотреть на нее.
В папке мы видим нашу иконку с расширением .ico, что собственно и следовало сделать. Теперь данную иконку можно вставлять на свои сайт и наслаждаться сделанной работой. Как мы видим, что данный способ создания иконки для сайта очень простой. При этом качество иконки остается очень хорошим.
Буду рад Вашим вопросам и комментариям
Успехов Вам
С уважением Владимир Шишков
Сам себе дизайнер: онлайн-сервисы в помощь гикам | by Эд Револьвер
Можно, конечно, нанять дизайнера. Как вариант — среди друзей найдётся дизайнер, который вам поможет. Но мы не ищем сложных путей, а потому пользуемся интернетом для поиска всех ответов на возникающие вопросы. Вот и с веб-дизайном та же история. Вместо того, чтобы искать дизайнера и учиться у него премудростям веб-вёрстки и построения композиции, редакция RevolverLab немного поискала — и нашла более 30 интернет-сервисов, при помощи которых вы сделаете себе крутой сайт за 1 вечер. Не верите? Смотрите сами. Начнем с фонов для сайтов, а потом перейдём к отдельным полезным инструментам для обработки изображений.
Easel.ly — браузерный редактор, в котором ничего устанавливать не надо и нет никаких сложных посторонних инструментов, для создания инфографики и схем на сайтах.
Colour lovers — настоящий рай для любителей подбирать цветовую палитру. Если времени нет, можно взять что-то готовое. А если потрудиться и поделиться результатами своего труда с остальными пользователями сайта, то вашу цветовую палитру увидят и смогут использоваться и другие гики вроде вас.
Cut & Slice me — плагин, за который не надо платить пользователям Photoshop. Основная его польза: он экспортирует готовую картинку из вашего любимого фоторедактора на разные гаджеты — и всего лишь за пару секунд.
css3ps — ещё один плагин, при помощи которого продвинутые пользователи Рhotoshop могут конвертировать слои в своём эскизе в таблицу CSS3.
Creately — для тех, кто часто оформляет презентации. Но можно использовать и для быстрого генерирования диаграмм для сайта.
Cropp.me — как следует из названия, этим инструментом можно быстро и легко выбрать нужные вам участки изображений и фотоснимков и сохранить результаты.
Copy paste character — ещё одна онлайн-коллекция, только здесь собраны символы Unicode.
Duri.me — инструмент для тех, кто предпочитает вставлять на сайт не само изображение, а привязанный к нему код.
Editor method — редактор для тех, кому надо прямо в браузере поправить на ходу векторый графический файл.
Endless icons — ещё одна коллекция иконок, на этот раз рисованных и монохромных.
Fotor — мой любимый браузерный редактор для графических файлов. Можно использовать для обработки фотографий. А если вы любите обрабатывать мобильные фотоснимки на своем Android или iPhone, обязательно скачайте нативное мобильное приложение: гарантирую, что вам понравится.
JPEGmini — незаменимая штука для сжатия фотоснимков. Сжать «тяжёлый» файл без потери качества можно в несколько раз. На выходе получаем файл малого размера с разрешением JPEG.
I want hue — ещё один онлайн-инструмент для подбора цветовых палитр. Колористика сайта, создание серии разноцветных шаблонов — со всем этим он справится без труда.
IcoMoon — и еще один конструктор для иконок, только не цветных, а монохромных. Подойдет также и тем, кто создает собственный шрифт для сайта с графическими элементами.
Icon monstr — онлайн-склад из иконок на все случаи жизни в двух популярных форматах.
Kraken — тоже умеет отлично сжимать графику, экономя время загрузки, трафик, при этом не ухудшая качество картинки.
Loader Generator — любители бесплатных инструментов, радуйтесь: загрузочную анимацию на вашем сайте, оказывается, тоже можно сделать, не заплатив ни копейки денег.
Mothereffing animated gif — позволяет делать простенькие анимированные баннеры и картинки на сайте, используя в качестве базы несколько разных снимков.
Mobile tuxedo — онлайн-оптимизатор иконок для сенсорных экранов с разной диагональю и несколькими форматами готовых файлов.
Make app icon — веб-приложение оптимизирует готовые иконки под приложение на Android или iPhone. Готовая картинка автоматически масштабируется и сохраняется в нескольких популярных графических форматах.
Pictaculous — ещё один бесплатный генератор палитр. Правда, в качестве основы он использует уже готовый файл (поддерживаются расширения PNG, JPG и GIF).
Placeit — инструмент для подготовки собственного фото-портфолио. Подойдет тем из наших читателей, кто занимается фотографией или графическим дизайном, и хочет, чтобы его работы были красиво оформлены. Готовые фотоснимки, макеты или визуализации можно «вставить» в обрамление. В роли обрамления для ваших работ могут выступать экраны различных гаджетов.
Place hold — а тут вы сможете быстро продемонстрировать уже готовую коллекцию веб-шаблонов. Регулируется цветовая палитра, масштабы и размеры.
Photocat — ещё один браузерный редактор графики. Результат вашего труда можно сохранять в файлах с расширением JPG либо PNG.
Patternify — и ещё один браузерный редактор, только на этот раз для работы с фоновыми изображениями. Готовое изображение содержит также связанную с ним ссылку для быстрой вставки или отправки по электронной почте.
Rsizr — быстрый онлайн-редактор, чтобы в пару кликов масштабировать готовую картинку.
Round pic — если любите старые фото со скругленными уголками, обязательно попробуйте этот редактор для вашей фотогалереи на сайте.
Stripe generator — а вот интернет-сервис, который тоже поможет вам создать фон для сайта.
Subtle Patterns — сайт, где собраны отличные шаблоны для оформления сайтов: выбираем подходящий фон, скачиваем, устанавливаем на сайт. И готово. И всё бесплатно, прошу заметить.
Stripe Mania — если готовые фоновые изображения для сайтов вас не устраивают, то можете сами сгенерировать себе «полосатый» фон. Можно комбинировать в этом приложении разные цвета, а готовый результат сохранить себе на диск, чтобы позже загрузить на сайт.
Sneakpeekit — если заморочитесь с сайтом на профессиональном уровне, то вам надо будет сделать несколько прототипов и поработать с фреймами. Вот на этот случай вам и пригодится данный онлайн-сервис.
The noun project — онлайн-склад готовых красивых картинок.
X-Icon Editor — конструктор иконок в вашем браузере, работающий на основе HTML5.
Ну вот, выбирайте подходящий инструмент — и вперед, создавать свой новый сайт!
Favicon — что это такое, как создать фавикон и установить на свой сайт, онлайн-генераторы иконок
Обновлено 24 января 2021- Что такое Фавикон и зачем он нужен для сайта
- Как создать Favicon
- Онлайн генераторы и галереи иконок
- Как установить или поменять Favicon на сайте
Здравствуйте, уважаемые читатели блога KtoNaNovenkogo.ru. Разговор в сегодняшней статье пойдет о так называемых иконках Favicon.ico. Мы разберемся, что такое фавикон, почему в обязательном порядке его нужно устанавливать на своем сайте и как самому создать иконку нужного размера.
Чуть ранее я уже писал про то, где можно взять иконки для сайта и упомянутые там сервисы (в той статье) можно использовать для поиска подходящих вариантов Favicon.ico, но есть и специальные онлайн-генераторы (favicon generator), как отечественные, так и зарубежные, а также специализированные коллекции и галереи с подходящими по размеру фавиконами. Ну, и естественно мы поговорим о том, как настроить и подключить их к своему сайту.
Что такое Фавикон и зачем он нужен для сайта
По сути Favicon — это обычный значок (изображение небольшого размера 16 на 16 пикселей, иконка). Но для владельца сайта он может очень много значить. Однако, обо всем по порядку.
Само по себе название «фавикон» произошло от английского словосочетания FAVorites ICON, означающего — иконка для «Избранного» (так называются закладки в браузере Internet Explorer). Зачем она нужна? Очевидно, что так гораздо проще отыскивать взглядом нужную вам закладку, ибо легче искать знакомый значок, чем читать названия сайтов.
Раньше картинку Favicon вы могли видеть в адресной строке браузеров, перед URL-адресом открытой страницы (в моем IE9 так до сих пор и осталось), но после того, как все браузеры стали поддерживать вкладки, то данный значок мигрировал как раз на эти самые вкладки. Зато, когда их открыто очень много, именно фавиконы позволяют понять какая вкладка какому сайту соответствует:
Само собой, что и свое изначальное значение Favicon.ico не утратил, он по-прежнему используется в закладках всех браузеров для быстрого визуального поиска нужного сайта среди тысяч закладок (взгляните на верхнюю панель вашего обозревателя и убедитесь в этом).
А также, что немаловажно, поисковая система Яндекс отображает Favicon в своей выдаче (результатах поиска) для каждого ресурса, если у него этот значок будет иметься (был добавлен и правильно настроен владельцем сайта, а робот Яндекса успел уже его проиндексировать).
У Яндекса имеется специальный бот для индексации фавиконов под названием YandexFavicons (у них даже апдейты бывают, после которых и имеет смысл проверять наличие нового и обновленного Favicon.ico рядом с вашим сайтом в выдаче), в задачу которого входит сбор и обновление иконок для всех сайтов. Робот Яндекса, специализирующийся на их индексации, посещает сайты с периодичностью от нескольких дней до одного месяца (апы, соответственно, очень редкие получаются).
Поэтому не стоит ждать того, что недавно созданный в online generator или сделанный самостоятельно фавикон сразу же появится в поисковой выдаче Яндекса рядом с описанием вашего ресурса. Должно будет пройти какое-то время. Яндекс, после того как найдет Favicon.ico у вас на сервере, преобразует ее в формат PNG (из графического формата ICO) и с этого момента фавикон вашего сайта будет доступен по адресу:
http://favicon.yandex.net/favicon/ktonanovenkogo.ru
Естественно, что для проверки своего сайта вам нужно будет в конце приведенной ссылки вместо URL-адреса моего блога написать свой.
Если у вашего проекта Favicon еще не настроен, то самое время задуматься о его создании и установке, т.к. это позволит вам привлекать большее количество посетителей с страниц Яндекса (из поисковой выдачи), ибо рядом с адресом вашего проекта будет красоваться эта иконка, побуждая пользователей выбрать вас, а не соседа по выдаче).
В принципе, Favicon.ico нужного размера вы можете сделать и сами, так же у вас будет возможность создать его с помощью онлайн генераторов (из загруженных вами картинок) или же просто скачать целиком их online коллекцию или галерею.
Важно, чтобы используемый вами фавикон привлекал внимание, ибо именно это может привести к существенному увеличению количества посетителей, пришедших к вам с поиска. Да и пользователи будут чаще находить ваш сайт среди множества открытых в браузере вкладок или среди сотен закладок.
В общем, выгода создания яркого и запоминающегося значка (мини-логотипа) для своего сайта очевидна (прежде всего это узнаваемость «бренда» и все хорошее, что из этого следует). Осталось только понять, как его создать и поставить на свой сайт, а также, что из себя должен представлять этот графический файл? На второй вопрос ответить проще — по определению Favicon должен быть сохранен в формате ICO, размещен в корне сайта (хотя, можно и другом месте), а его размер при этом должен составлять 16 на 16 пикселей.
В принципе, чтобы создать favicon, вовсе не обязательно использовать какие-либо специальные онлайн генераторы, хотя это довольно удобно и просто. Можно попытаться сделать его в Photoshop, но он по умолчанию, к сожалению, не умеет сохранять изображения в формате ICO. Поэтому для того, чтобы научить Фотошоп работать с ICO, нужно будет установить специальный плагин.
Но если с Фотошопом вы не на дружеской ноге (равно как и с его бесплатной онлайн версией), то вам будет гораздо удобнее воспользоваться одним из многочисленных онлайн-сервисов приведенных ниже. При этом в некоторых из них вы сможете полностью с нуля нарисовать новую иконку, а в других сможете переделать уже имеющуюся у вас картинку (которая вас устраивает) в формат фавикона.
Ну, а самый простой вариант — это скачать коллекцию Favicon-ок из какой-нибудь онлайн галереи или каталога. О том, где ими можно будет разжиться, читайте чуть ниже.
Как создать Favicon онлайн и где можно скачать их коллекцию
Давайте я сначала приведу примеры сервисов (так называемых favicon generator), где можно не имея особых навыков сконструлить вполне себе достойный мини-логотип для своего сайта, ну, или хотя бы автоматом переделать подходящую картинку в формат, необходимый для загрузки фавикона на сайт.
- Faviсon.cc — довольно-таки удобный онлайн-генератор фавиконов. Используя его вы можете, например, создать свою иконку с нуля (полный эксклюзив), нарисовав ее попиксельно. Для этого вам нужно будет нажать в левой части окна сервиса на кнопку «Create New Favcon».
В центре страницы генератора расположена область, где каждый квадратик является пикселем вашей будущей фавиконки. Ваша задача состоит в закрашивании разными цветами этих квадратиков. Для закрашивания одного квадратика цветом нужно поставить галочку в правой части окна сервиса в поле «Color Picker», выбрать на расположенной там же палитре нужный цвет и щелкнуть по нужному квадратику. Для удаления неправильной закраски поставьте галочку в поле «transparent» и щелкните по квадратику, в результате чего он станет бесцветным (прозрачным).
Для перемещения пикселя по холсту генератора вам нужно будет поставить галочку в поле «move». Результат своих трудов в реальном масштабе вы сможете наблюдать в области «Preview» под холстом. Если созданный вами Фавикон вам подходит, то нажмите на кнопку «Download» для его сохранения к себе на компьютер. В результате вы получите графический файл, который сможете затем скачать и загрузить на сервер хостинга.
Теперь вы знаете как сделать мини-логотип для своего сайта с нуля. Но если вы графическими талантами не обладаете, то можете на сервис онлайн генератора загрузить любую картинку для будущего фавикона, которая будет служить болванкой. Картинка может быть абсолютно любого размера и формата. Для загрузки файла значка на онлайн сервис вам нужно будет нажать в левой части окна сервиса на кнопку «Import Image».
В открывшемся окне, нажав на кнопку «Обзор», найдите на своем компьютере подходящее изображение. Затем выберите, что делать с соотношением сторон вашей картинки при преобразовании его в формат 16 на 16 (квадрат). Это актуально, если загружаемое вами изображение не квадратное. В этом случае возможны два варианта: оставить соотношение сторон неизменным (Keep dimensions), либо преобразовать картинку к квадратному виду (Shrink to square icon). Во втором случае изображение будущей фавиконки будет искажено по одной из осей.
Для загрузки в online generator и преобразования вашей картинки нужно будет нажать на кнопку «Upload». Созданная из него Favicon.ico будет доступна к редактированию точно так же, как и нарисованная вами. Когда закончите колдовать над шедевром, то нажмите на кнопку «Download» для того, чтобы скачать его к себе на компьютер.
На этом онлайн сервисе также имеется возможность использовать коллекции фавиконов, созданные другими его пользователями и выложенные в общий доступ. Для того, чтобы посмотреть имеющиеся в галереи экспонаты, вам нужно будет нажать в левой части окна либо на кнопку «Latest Favicons» для просмотра коллекций отсортированных по дате создания, либо на кнопку «Top Rated Favicons» для просмотра галерей отсортированных по рейтингу. - Favicon.ru — когда-то этот сервис был значительно проще описанного выше онлайн генератора, но последнее время он стал практически его аналогом, но только на русском языке. Favicon.ru позволяет не только преобразовывать любое имеющееся у вас изображение (на компьютере или в интернете) в формат ICO с размером 16 на 16 пикселей, но и дает возможность нарисовать его с нуля попиксельно.
Этот вариант online favicon generator примечателен, пожалуй, только тем, что он отечественный. Поэтому он и попал в эту статью. Итак, для работы с ним вам нужно на главной странице вверху нажать на кнопку «Выберите файл» и указать путь до нужного изображения на вашем компьютере. Загруженное и преобразованное в формат Favicon.ico изображение можно будет подкорректировать, а затем сохранить к себе на компьютер. Все просто и удобно.
- Logaster.ru — это онлайн генератор логотипов, но помимо логотипов он еще создает и фавикон. В отличии от всех других сервисов, вам не нужно рисовать дизайн фавикона или конвертировать ее с логотипа.Для того, чтобы создать фавикон, сначала необходимо ввести название сайта или компании и выбрать вид деятельности. Сервис предложит готовые к использованию несколько десятков шаблонов фавикона. Более подробно, как создать фавикон, можно прочитать здесь. После создания Favicon.ico, вы можете скачать файл к себе на компьютер в формате ICO или PNG.
После этого вам только остается нажать на кнопку «Создать». На открывшейся странице вы увидите ссылку для скачивания получившегося фавикона.
Подборка онлайн генераторов, коллекции и галереи фавиконов
Если вам по каким-либо причинам не понравились описанные выше favicon generator, то могу предложить попытать счастье на одном из следующих бесплатных онлайн-сервисов:
- FaviconGenerator — позволяет преобразовать в нужный формат фавикона любое загруженное с вашего компьютера изображение (загружать можно картинки в формате PNG, JPEG, JPG, GIF).
- AntiFavicon — достаточно интересный Favicon Generator. На нем вы можете создать фавикон с надписью. Текст надписи вам нужно будет ввести в поля «Top text» и «Bottom tex», а цветовую гамму — настроить в области «Colors».
- FavIcon from Pics — еще один простой онлайн сервис — указываете путь до картинки на своем компьютере, преобразуете и скачиваете результирующий файл в формате ICO и GIF.
- DeGraeve — достаточно мощный Favicon Generator, по функционалу похож на рассмотренный ранее Faviсon.cc. Здесь тоже можно сделать все либо с нуля, либо загрузить изображение, которое в последствии можно подкорректировать и скачать уже в формате ICO подходящего размера.
- Generator — позволяет как генерировать фавикон из загруженного изображения, так и создать ее с нуля в специальном редакторе.
- Онлайн редактор иконок favicon.ico — ну, как бы, все при нем — и создание фавиконов с нуля, и доработка уже имеющегося изображения.
- Online Favicon — очень функциональный инструмент для создания и редактирования мини-логотипов
- Free Favicon Generator — на случай, если ничего из выше предложенного списка вас не устроит.
- Фавикон-генератор — простенько и со вкусом…
Если вам наплевать на эксклюзивность вашего мини-логотипа для сайта, а возиться с редакторами и генераторами влом, то можно будет себе подобрать подходящую иконку на сайтах, где их пруд пруди. Ведь нам, по сути, подойдет абсолютно любая иконка размером 16 на 16 пикселей, которую вы можете скачать из сети или найти в недрах своего компьютера.
Но нужно помнить, что фавикон прежде всего должен привлекать внимание пользователей. В идеале, пользователь должен будет узнавать ваш сайт по одному лишь взгляду на Favicon, поэтому лучше, если он будет уникальный, но можно будет также поискать что-нибудь не заезженное в закромах интернета.
Если у вас нет желания или возможности (вы не художник и ни когда им не были), то проще всего будет попробовать поискать в галереях с коллекциями бесплатных фавиконов:
- Favicon.cc — 55 тысяч различных вариантов на все случаи жизни. Имеются также анимированные фавиконы, которые правда будут видны только в браузере FireFox
Если вы знаете еще какие-то подобные ресурсы, то я добавлю ваши ссылки в этот список.
Как установить Favicon на сайт и прописать путь до него
Ваш браузер и поисковый робот Яндекса будут искать фавикон прежде всего в корневой папке вашего сайта. Поэтому можно просто подключиться к сайту по FTP и загрузить в его корневую директорию (обычно это папки public_htm
или htdocs
) ваш файлик Favicon.ico (лучше его название писать с маленькой буквы). Откройте теперь ваш ресурс в каком-нибудь браузере и посмотрите, не поменялась ли пиктограмма на вкладке. Поменялась? Нет? Ну, ничего страшного.
Если поставить фавикон таким образом у вас не получилось, то возможно вам придется очистить кэш вашего браузера, т.к. часто бывает, что из кэша загружается старая версия. Можете попробовать открыть ваш сайт в FireFox, у меня он лучше всего реагирует на проводимые изменения без очистки кэша. Если дело не в кэше браузера, то это значит, что для вашего сайта задано другое место для favicon, отличное от корневой папки. Как это проверить?
Откройте исходный код любой страницы вашего сайта. Чтобы посмотреть ее исходный код, достаточно будет щелкнуть по странице правой кнопкой мыши и выбрать соответствующий пункт контекстного меню (например, «Исходный код» в старой Opera, либо «Исходный код страницы» в Мазила Фаерфокс, либо «Просмотр кода страницы» в Google Chrome, либо «Просмотр HTML-кода» в IE) или нажать сочетание клавиш Ctrl+U. Теперь поищите в верхней части кода страницы строку, задающую путь до favicon.ico.
Она может выглядеть примерно так:
<link rel="shortcut icon" type="image/ico" href="http:путь_до_вашей_иконки/favicon.ico" />
Также возможен и такой вариант задания служебной гиперссылки link:
<link rel="icon" href="http:путь_до_вашей_иконки/favicon.ico" type="image/x-icon">
Теперь, зная этот путь, вы можете опять подключиться по протоколу FTP и загрузить по указанному пути свою фавиконку, заменив ею уже имеющуюся на сайте. Если никаких изменений в адресной строке браузера опять не произошло, то попробуйте в очередной раз очистить кэш браузера.
В Joomla Favicon обычно живет в папке с используемым вами шаблоном (путь до нее в Joomla 1.5 прописывался в файле index.php из каталога этого же шаблона,а вот в Joomla 3 все стало несколько сложнее). Т.е. для смены фавикона в Джумле достаточно будет пройти по этому пути и залить туда свой файлик favicon.ico, а на вопрос о замене ответить утвердительно:
/templates/папка_с_используемым_шаблоном_оформления/favicon.ico
Файлик favicon в WordPress по умолчанию тоже может лежать в папке с используемой вами темой (там же и задается путь до него):
/wp-content/themes/Папка_с_используемой_вами_темой_оформления/favicon.ico
В общем, если хотите задать или поменять путь до вашего фавикона, который бы поняли и браузеры, и поисковый робот Яндекса, то вам нужно будет прописать в соответствующем файле шаблона Joomla, WordPress или любого другого движка, между открывающим и закрывающим тегами HEAD, следующие строчки кода:
<link rel="shortcut icon" href="http:путь_до_вашей_иконки/favicon.ico" type="image/x-icon" /> <link rel="icon" href="http:путь_до_вашей_иконки/favicon.ico" type="image/x-icon" />
В каком именно файле шаблона нужно прописать эти строки, зависит от движка вашего сайта. Например, в в WordPress вам нужно открыть на редактирование файл header.php из папки с используемой вами темой оформления: wp-content/themes/Папка_с_вашей_темой_оформления
. Открываете header.php
в редакторе и в самом его начале находите открывающий Html тег HEAD. В любом месте за ним, но до закрывающего HEAD прописываете одну из приведенных выше строчек кода с указанием пути до вашего графического файла мини-логотипа.
Как установить анимированный фавикон? В принципе, точно так же, как и обычный. Будет отличаться только код, вставляемый в шаблон вашего сайта, с помощью которого вы указываете браузерам и поисковому роботу Яндекса путь до нужного графического файла. Дело в том, что анимированный Favicon будет иметь расширение GIF, и, следовательно, в строках кода нужно будет прописать примерно так:
<link rel="shortcut icon" href="/img/favicon.gif" type="image/gif" > <link rel="icon" href="/img/favicon.gif" type="image/gif" >
Вот и вся разница между анимированными favicon и обычными. Но следует учесть, что будет работать анимированная иконка только в FireFox, в остальных же браузерах она будет статичной. Яндекс же, при загрузке вашего анимированного фавикона, преобразует его в статичный формат PNG. Но, по-моему, овчинка выделки не стоит — устанавливать вместо обычного мини-логотипа для сайта анимированный не имеет особого смысла. Но это только мое ИМХО.
Удачи вам! До скорых встреч на страницах блога KtoNaNovenkogo.ru
Профессиональная программа для создания иконок. Студия иконок
Неотъемлемой частью современных веб-сайтов является значок Favicon, позволяющий быстро идентифицировать тот или иной ресурс в списке вкладок браузера. Также сложно представить компьютерную программу без собственного уникального ярлыка. При этом сайты и софт в таком случае объединяет не совсем очевидная деталь — и те и другие используют иконки в формате ICO.
Эти небольшие изображения могут создаваться как благодаря специальным программам, так с помощью и онлайн-сервисов. К слову, именно последние для подобных целей пользуются значительно большей популярностью, и ряд таких ресурсов мы рассмотрим с вами в этой статье.
Работа с графикой — не самая популярная категория веб-сервисов, однако в том, что касается генерации иконок, определенно есть из чего выбирать. По принципу работы такие ресурсы можно разделить на те, в которых вы сами рисуете картинку, и сайты, позволяющие конвертировать уже готовое изображение в ICO. Но в основном все генераторы иконок предлагают и то, и другое.
Способ 1: X-Icon Editor
Этот сервис является наиболее функциональным решением для создания ICO-картинок. Веб-приложение позволяет вам детально прорисовать иконку вручную либо же воспользоваться уже готовым изображением. Главным преимуществом инструмента является возможность экспорта картинки с разрешением вплоть до 64×64.
Так, если нужно создать целый набор однотипных иконок разного размера — ничего лучше, чем X-Icon Editor для этих целей вам не найти.
Способ 2: Favicon.ru
При необходимости сгенерировать значок favicon с разрешением 16×16 для веб-сайта, отличным инструментом также может служить русскоязычный онлайн-сервис Favicon.ru. Как и в случае с предыдущим решением, здесь вы можете как самостоятельно нарисовать иконку, раскрашивая каждый пиксель отдельно, так и создать favicon из готовой картинки.
Как результат, на вашем ПК сохраняется файл с расширением ICO, представляющий собою картинку размером 16×16 пикселей. Сервис отлично подойдет для тех, кому требуется всего лишь конвертировать изображение в маленькую иконку. Впрочем, и проявлять фантазию в Favicon.ru совсем не запрещается.
Способ 3: Favicon.cc
Схожий с предыдущим как по названию, так и по принципу работы, но еще более продвинутый генератор иконок. Помимо создания обычных картинок 16×16, сервис позволяет легко нарисовать анимированный favicon.ico для вашего сайта. Кроме того, ресурс содержит тысячи пользовательских иконок, доступных для свободного скачивания.
Если англоязычный интерфейс вас не смущает, то аргументов в пользу работы с предыдущим сервисом нет абсолютно никаких. Помимо того, что Favicon.cc умеет генерировать анимированные иконки, ресурс еще и корректно распознает прозрачность на импортированных изображениях, чего русскоязычный аналог, к сожалению, лишен.
Способ 4: Favicon.by
Еще один вариант генератора значков favicon для сайтов. Есть возможность создания иконки с нуля или на основе конкретного изображения. Из отличий можно выделить функцию импорта картинок со сторонних веб-ресурсов и довольно стильный, лаконичный интерфейс.
В целом отличий в работе с уже рассмотренными в этой статье сервисами нет, однако с конвертированием изображений в ICO ресурс Favicon.by справляется значительно лучше, и это вполне легко заметить.
Способ 5: Online-Convert
Вполне вероятно, что вам уже известен этот сайт как практически всеядный онлайн-конвертер файлов. Но не всем известно, что это один из лучших инструментов для преобразования любых изображений в ICO. На выходе вы можете получать иконки с разрешением вплоть до 256×256 пикселей.
Как видите, создать иконку ICO при помощи сайта Online-Convert совсем несложно, и делается это буквально за пару кликов мыши.
Иконка – это визуальный знак, который помогает нам в навигации по интерфейсу. Дизайн иконок – это процесс создания графического символа, который отражает реальные, фэнтэзи или абстрактные мотивы, действие или суть. Дизайны иконок могут быть реализованы в множестве различных стилей, включая двухмерные изображения или простой черный силуэт, или же сложную дизайн-конструкцию какого-либо графического элемента дизайна. А также на иконках можно встретить радиальные цветные градации, тени, контуры, и даже трехмерные перспективы.
Если вы хотите разрабатывать эффективные дизайны иконок , то вам нужно учитывать такие факторы, как: аудитория, размеры, уровень детализации, освещение, перспектива и, конечно же, стиль. Сегодня мы собрали для вас подборку очень полезных утилит, с помощью которых вы сможете разрабатывать более эффективные дизайны иконок , за смешную цену.
Adobe CS5 – это самый популярный инструмент среди дизайнеров иконок. Возможно, утилита достаточно дорогая, но она и полностью оправдывает свою стоимость. CS5 для дизайнеров – это самый полезный инструмент, который включает в себя Photoshop – лидер рынка в сфере редактирования изображения, ПО по сжатию и манипуляциям; Illustrator – творческое приложение, широко используемое в творческой индустрии; а также Fireworks, с помощью которого вы без труда сможете сжать изображения для дальнейшего применения в дизайнах веб-сайтов.
Axialis Icon Workshop 6.5 представляет собой хорошосовместимое приложение для разработки, конвертации и редактирования дизайнов иконок для Mac, Windows и даже Unix OS всего за $49.95. Помимо стандартных функций, приложение IconWorkshop – это единственный редактор иконок, в котором можно разрабатывать полосы для набора инструментов. В новом поколении дизайнов иконок часто применяют прозрачность (альфа канал). Эта функция позволяет создавать красивые иконки с плавными углами и тенями. Axialis IconWorkshop также упрощает процесс разработки за счет предоставления ряда стандартных фигур, которые вы можете просто перетащить на полотно разработки.
AWicons Pro предоставляет как домашнюю, так и деловую версии. Последняя версия предлагает вам продвинутые алгоритмы воспроизведения изображения, которые редко можно встретить даже в лидирующих приложениях по обработке фото. Данное приложение поддерживает все требуемые функции от высококачественных реальных цветов до разноцветных градаций и прозрачности. Интерактивный дружественный интерфейс, многочисленные обучающие статьи, а также библиотека примеров иконок – все это входит в программу AWicons, и ее будет крайне легко изучить каждому, даже тем, кто никогда не работал в данной сфере. Деловая версия обойдется в $59.95, а домашняя в $39.95.
С Icon developer вы без труда сможете разработать собственные иконки. Icon developer позволяет вам импортировать изображения, которые были сделаны в других приложениях, и очень быстро преобразовать их в иконки. Вы также без труда сможете поменять цвет иконок, конвертировать сразу несколько файлов, а также применить специальные фильтры для повышения качества. Этот замечательный инструмент обойдется вам в $19.95.
Icon builder доступен как для систем MAC (79$), так и для Windows ($49). Приложение совместимо с Adobe Photoshop и Fireworks, и с его помощью вы без труда сможете разрабатывать иконки. Выделим несколько свойств:
* Создание иконок в любом разрешении
* Создание иконок любой формы
* Возможность сохранения всех данных в одном слое Photoshop
* Импорт уже существующих иконок
* Возможность предварительно просматривать иконки на различных фонах
Icon Machine – это редактор иконок для пользователей системы MAC (Mac OS X 10.2 или более свежая) за 25$. Приложение оснащено различными инструментами, с помощью которых вы без труда сможете разрабатывать привлекательные и красивые иконки любых размеров и цветов. Вы можете импортировать сделанные иконки в Photoshop, и редактировать их посредством этого приложения. Вы можете перетаскивать иконки на рабочую область программы путем простого перетаскивания найденных иконок из окна проводника.
Вы можете изменить все иконки на вашем рабочем столе, нажав всего одну кнопку в Icon Packager . Вы также можете использовать Icon Packager для преобразования сотен иконок за раз. Существует море готовых комплектов иконок, которыми вы можете воспользоваться. Icon Packager также позволяет пользователям искать и изменять любую иконку в системе. Вы можете воспользоваться бесплатной пробной версией программы, или купить полноценную всего за $9.95.
IconCool Studio представляет собой полноценное решение для разработки и редактирования 32-хбиттных иконок. Приложение включает в себя все стандартные функции редактирования иконок, а также множество различных фильтров и эффектов, с помощью которых можно улучшить результат. В добавок к иконкам и (анимированным) форматам курсоров, приложение также поддерживает изображения в форматах GIF, JPG и PNG.
Отметим также другие свойства:
* Поддержка самых свежих иконок Vista
* Возможность передачи и интеграции в Photoshop
* Возможность импорта/экспорта во многих форматах
* Гибкие возможности по редактированию градаций
* Мощный инструмент управления цветом
* Доступный и понятный интерфейс
Расценки: $39.95 и $49.95 за версию PRO.
Самый достойный редактор иконок среди бесплатного ПО. Это лучшее решение по созданию и редактированию иконок. Приложение работает с иконками для Windows XP, Windows Vista, Windows 7 и MacOS, и даже поддерживает прозрачность. Нет никаких ограничений по созданию иконок. Вы можете без труда преобразовать свои изображения в иконки, или наоборот. Вы даже можете создавать библиотеки иконок. Можно без труда работать с несколькими файлами, используя возможности IcoFX . К тому же, приложение имеет версии на разных языках, есть возможность многократного возвращения на действие назад.
Приложение доступно только для Windows. Приложение представляет собой семью инструментов по разработке иконок: On Display ($24.95), Toolset ($49.95) и Creation ($59.95). А также есть возможность купить сразу все версии за $79.95, тем самым сэкономив $55. On Display позволяет вам кликнуть правой кнопкой на любой иконке в вашей системе. Tool включает в себя редактор иконок, а также редактор анимированных курсоров. Creation позволяет вам разрабатывать иконки и курсоры, которые отлично выглядят в системе Windows XP, при помощи утилит, схожими с утилитами Photoshop (включая слои, градации и цветовые палитры). Каждая версия имеет свои преимущества.
Мощный инструмент по разработке иконок, который также является бесплатным редактором курсоров, анимации и библиотеки иконок. Профессиональная и уникальная бесплатная утилита для разработки пиксельной графики. Greenfish предлагает вам высококачественные фильтры выпуклости, теней и свечения. А также поддерживает анимированные курсоры и позволяет редактировать библиотеку иконок. Приложение очень легкое (меньше 1.8мб), и также существует переносная версия. Доступный и понятный интерфейс поможет вам очень быстро освоиться.
Утилита по разработке иконок для Windows. Она позволит вам создавать и редактировать иконки, а также управлять библиотеками иконок. Вы можете редактировать PNG-файлы, создавать и управлять наборами иконок, а также конвертировать MAC-иконки в формат для Windows. Вы можете приобрести приложение за $29.95
Бесплатный и самый популярный редактор иконок в мире. Легкая переносная версия, которая будет работать на всех версиях Windows. Некоторые их важнейших функций интегрированы в проводник иконок, за счет чего вы без труда сможете экспортировать иконки, манипулировать изображениями, применять эффекты и так далее.
Mscape Software больше не поддерживает Iconographer , но вы все равно можете скачать это приложение и использовать его бесплатно, которое идеально подойдет для тех, кто ограничен в финансах. С помощью Iconographer, который доступен только для MAC, вы сможете разрабатывать собственные иконки для папок.
|
Графические утилиты |
Гор.клавиши Photoshop
Прежде всего, не следует использовать готовые иконки. Иконка — это как ваше лого или ваше лого и есть.
Прекрасно понимаю, что никто ничего не делает на пустом месте, все мы смотрим друг на друга. Нельзя научится музыке не играя произведений других авторов.
Мы следим за новыми направлениями. Я создавая сайты, обязательно посмотрю сайты конкурентов, чтобы знать, как этот сайт будет смотреться на фоне других.
Но никогда не используйте яркие картинки, находки потому, что скорее всего много кому они понравятся и вы будете сотым человеком, который использовал эту же картинку. Что вы думаете, видя, как кто-то использует пусть красивую, но избитую картинку из базы данных? То же подумают и о вас.
Можно использовать какие-то приемы моменты второго плана, не такие яркие. Это то, что я могу использовать. Увижу что-то незаслуженно не замеченное и развиваю.
Нюансы редактирования
Когда-то вполне неплохо получится уменьшить большую копию, особенно, если это сложный логотип.В большинстве случаев сжатие произойдет с некоторым искажением и потерей качества.
Выбор программы
Можно создать простую иконку в любом редакторе, в Paint например, сохранить в формате BMP скажем, а потом перевести в формат ICO. Если же вам нужна изящная иконка с перетеканиями полутонов, то вам без хорошего редактора иконок не обойтись.Или напр. для веб-страниц используются иконки одного размера 16X16, но для системы Windows напр. иконка должна содержать несколько рисунков ряда размеров. Тут вам также нужен хороший редактор иконок.
Прозрачный фон
Когда-то удобен прозрачный фон, но для лучшего качества постарайтесь его избежать. Это проще и используя форму квадрата, вы максимально используете предоставленную вам площадь под иконку (она и так маленькое, зачем же еще урезать). Но когда-то надо и когда-то хочется.Если вы создаете иконку в обычном редакторе, то он не сохранит ее в формате ICO. Вам придется сохранить ее скорее всего в BMP и потом конвертировать в формат ICO. Но при этом прозрачный фон обычно заменяется черным цветом. И вам надо будет в редакторе иконок удалить черный цвет. Также создавая прозрачный фон, помните, если есть прозрачный, то полупрозрачного нет. Скажем, у вам красный круг, то по краям будут клеточки розовые потому, что редактор при прозрачном фоне рисует, как на белом фоне. Тогда вам нужно прогнозировать на каком фоне будет ваш рисунок и заменить розовый подходящем в вашем случае. Или отказаться от сглаженных краев и сделать все красным. В таком случае края могут выглядеть рваными.
Студия Иконок 5.52 — русская версия популярной программы для создания иконок ArtIcons Pro. Этот редактор иконок позволяет любителям и профессионалам создавать и редактировать иконки и работать с наборами иконок. Поддерживается экспорт и импорт множества графических форматов. Имеется русскоязычный интерфейс.
С помощью этого редактора иконок вы можете- Создавать кнопки для сайтов
- Создавать иконки для мобильных устройств iPhone, Android, Windows Mobile
- Создавать прозрачные и полупрозрачные иконки для Windows
- Редактировать иконки для Windows XP/7/8/10
- Редактировать иконки для Mac OS, iOS, Android, сайтов
- Редактировать иконки стандартных и нестандартных размеров
- Управлять иконками, коллекциями иконок и заготовками для тулбаров
- Создавать пиктограммы для ярлыков и иконки для рабочего стола
- Использовать градиентные и шахматные заливки в процессе рисования
- Применять слои в проектах иконок
- Использовать эффекты тени, прозрачности, сглаживания, серой шкалы, тонирования, вращения, сдвига и отражения
- Импортировать и экспортировать ICO, BMP, JPEG, ANI, CUR, GIF, PNG, TGA, WMF, WBMP, XPM, XBM, иконки Delphi и Adobe Photoshop PSD форматы
- Импортировать SVG, AI, PDF файлы
- Импортировать Mac-иконки
- Собирать иконки в коллекции для создания архивов иконок
- Извлекать иконки из исполняемых файлов и библиотек Windows
- Изменять иконки внутри exe-файлов
- Искать иконки на ваших дисках и каталогах
- Настраивать вид рабочего стола и иконки папок
Языки интерфейса: английский, русский, украинский, чешский, венгерский, польский, румынский, сербский.
Ограничения пробной версии : 30-дневный испытательный период, напоминающий диалог.
Скачать редактор иконок .
Как сделать иконку ico онлайн и оффлайн?
Стандартный размер графического файла, имеющего в данном случае формат ICO и использующегося в качестве иконки favicon, составляет 16×16 пикселей. Местонахождение этого файла – корневая папка сайта.
Теперь речь пойдет о способах создания данной иконки.
Онлайн сервисы
Онлайн генератор favicon – это, пожалуй, самый популярный сервис для создания и редактирования иконок.
Данный портал предлагает следующие возможности:
- Создание иконки в онлайн режиме непосредственно в редакторе. Затем файл необходимо просто скачать на компьютер;
- Подходящий файл можно загрузить с компьютера в редактор и преобразовать его в иконку;
- Есть возможность заказать за плату фавикон у профессионалов.
Следует отметить еще один неплохой сервис, который может послужить для данных целей, — это сайт, предоставляющий возможность бесплатного конвертирования различных файлов. Для того чтобы преобразить картинку в формат ICO требуется: выбрать рисунок в первом окне, во втором – необходимый формат, а именно ICO, в следующем – емейл, на которую придет информация для закачки, и последний шаг – нужно нажать на ссылку «convert».
Создание иконки с помощью программ
Кроме вышеобозначенных способов, иконку фавикон можно создать самостоятельно, используя определенные программы, которых существует на данный момент достаточно много.
Есть графический редактор EasyPicture2icon, с помощью которого можно создать необходимую фавиконку буквально в один клик. Данная программа работает с различными расширениями, будь то jpeg, png, bmp и gif в формат ico.
Для этого необходимо выполнить три простых действия:
- Открыть нужную картинку на компьютере с помощью кнопки Open Picture;
- Отметить галочкой размер для создаваемой иконки – он может быть 16, 32 или 48 пикселей;
- Сохранить созданную иконку с помощью кнопки Save icon.
Используя данного рода программы, создание иконки не займет много времени и выполняется довольно просто.
Для тех, кто обладает талантом художника, вызовет интерес использование такой программы как фотошоп с плагином ICOFormat. Использование данной программы имеет свою особенность: она «недолюбливает» формат «ico».
Вохможен такой вариант – необходимо нарисовать картинку, сохранив его в формате «gif», а затем использовать конвертор для преображения в формат ICO.
icofx — Профессиональный редактор иконок
О icofx
Icofx — отмеченный наградами профессиональный редактор иконок и курсоров для Windows. Это универсальное решение для создания иконок, извлечение и редактирование. Он предназначен для работы со значками Windows и Macintosh, поддерживающими прозрачность.
Создание значков и курсоров
Создавайте значки для Windows и Macintosh. Поддержка значков Windows с разрешением до 1024×1024 со сжатием PNG.Преобразуйте значки Macintosh в значки Windows и наоборот. Поддержка статических и анимированных курсоров. Создайте фавикон для своего сайта или блога.
Импорт, экспорт и извлечение
Вы можете легко преобразовать ваши любимые изображения в значки или курсоры или значки в изображения. Поддерживаемые форматы изображений SVG, BMP, PNG, JPG, JPG2000, TIF и GIF. Вы можете извлекать значки из других файлов, включая файлы Windows Vista, Windows 7 и Macintosh.
Расширенный редактор
Icofx имеет полноценный редактор изображений со множеством полезных инструментов. Вы можете использовать кисть разного размера, формы, твердость, даже режимы наложения при рисовании. Имея под рукой более 40 эффектов, вы можете создавать практически неограниченные значки.
Объекты изображения
Использование готовых изображений для создания значков объектов никогда не было таким простым. Вы можете комбинировать объекты изображения в изображения на основе слоев с помощью icofx.Он позволяет вам переупорядочивать, смешивать слои и изменять их непрозрачность.
Файлы пакетного процесса
Вы можете легко работать с несколькими файлами, используя возможность пакетной обработки icofx (Business License). Создавайте, конвертируйте, извлекайте или экспортируйте все свои значки или курсоры всего за несколько кликов.
Библиотеки иконок
Icofx дает вам возможность создавать и редактировать библиотеки значков и курсоров, используя встроенный редактор ресурсов.С помощью редактора ресурсов вы также можете изменять значки внутри exe-файлов.
Потрясающая программа. Очевидно, Photoshop редакторов иконок.
7 Handy, Free favicon и Icon Editors
Ранее в этом году мы рассмотрели несколько удобных «сборных» иконок, которые можно было вставить прямо в ваши макеты, прототипы и проекты. Но, как дизайнер, я знаю, на что это похоже — рано или поздно вам нужно будет создать свои собственные значки.В прошлом году Массимо отлично поработал над векторными иконками. Сегодня я хочу рассмотреть варианты традиционных пиксельных значков.
Хотя для создания / редактирования значков вполне возможно использовать Photoshop или любое другое полнофункциональное графическое программное обеспечение, специализированные редакторы могут быть полезны, когда дело доходит до специализированной задачи, такой как дизайн значков.
Существуют десятки как бесплатных, так и платных редакторов иконок, как веб-сайтов, так и настольных. Некоторые предлагают очень ограниченную функциональность, ориентированную на задачи, и идеально подходят для небольших быстрых исправлений.Другие редакторы с более широким набором инструментов, и они дают вам свободу создавать свои значки именно так, как вы хотите.
Также стоит отметить, что редакторы иконок делятся на две категории:
а). Редакторы для создания значков, значков Apple Touch (iOS) и значков приложений (файлы PNG и ICO)
b). Иконки для использования в пользовательских интерфейсах приложений и веб-сайтов.
Начнем с веб-редакторов. Как правило, они не предлагают такой большой функциональности, как их настольные аналоги, но эффективно выполняют свою основную задачу.Иконки, как правило, представляют собой небольшие файлы, поэтому они хорошо подходят для манипуляций в браузере.
Если вам нужны более продвинутые функции или, возможно, более крупные и сложные наборы значков, проверьте настольные приложения для своей ОС.
1. X-Icon Editor
Первый бесплатный редактор иконок, который мы рассмотрим, — это веб-редактор X-Icon. Он работает в любом браузере выше IE9 и позволяет создавать значки для брендинга адресной строки браузера.
Вы можете создавать значки четырех размеров — 16 × 16, 24 × 24, 32 × 32 и 64 × 64.Инструменты, которые он предлагает, включают стандартные, такие как Кисть, Карандаш, Пипетка, Линия, Круг, Инструмент Текст и т. Д.
Вы можете начать с пустого холста или импортировать файл jpg, gif, bmp, png или ico, обрезать его по мере необходимости и мгновенно создать свой любимый значок. X-Icon Editor не предлагает многого, но это нормально, если вы хотите создать красивый значок избранного за секунды.
2. Free Icon Maker
Free Icon Maker — еще один веб-редактор. Он обладает большей функциональностью, чем X-Icon Editor, но все же это не Photoshop.Вы можете использовать его, чтобы изменить существующий значок или создать новый с нуля.
При желании вы можете бесплатно использовать многочисленные значки и предустановки, которые они предоставляют. Вы также можете импортировать из ваших собственных файлов SVG. Когда вы закончите, вы можете загрузить весь набор иконок PNG на свой диск.
Редактор абсолютно бесплатен (хотя заметка «Попробуй бесплатно» на главной странице заставила меня подумать, что у них есть только бесплатная пробная версия), но для большинства операций, то есть для загрузки и скачивания созданных значков, которые необходимо зарегистрировать.
3. Младший редактор иконок
По сравнению с более ограниченным выбором веб-редакторов значков, существует гораздо больше настольных редакторов, особенно для Windows. Одно из лучших, что я нашел, — это Junior Icon Editor, ранее известный как Free Icon Editor. Это приложение не только бесплатное, но и доступно на нескольких платформах, таких как Windows 8, 7, Vista, XP, 2003, 2000, ME, 98, 95, NT, iOS, Linux, Android, Интернет и другие.
Junior Icon Editor может иметь отголоски Paint, но он создан специально с учетом значков.Он работает с несколькими форматами значков, такими как ICO, PNG, XPM, XBM и ICPR. Вы можете создавать значки не только стандартного размера, но и использовать любой нестандартный размер, который вам нужен.
Значки имеют глубину цвета до 32 бит True Color с 8-битным альфа-каналом.
Инструменты, которые поставляются с программой, действительно многочисленны. Некоторые из инструментов, которые вы найдете, — это карандаш, кисть, заливка, текстовый инструмент, аэрозольный баллончик, заменитель цвета, селектор цвета, инструмент линии, прямоугольник, кривая и эллипс.
4.Портативный IcoFX
IcoFX — еще один бесплатный редактор значков, который вы, возможно, захотите рассмотреть. У него есть бесплатная и платная версии.
IcoFX работает со значками Windows XP, Windows Vista, Windows 7 и Macintosh. Это приложение действительно имеет множество функций, таких как возможность конвертировать значки Windows в Mac и наоборот, настраиваемые эффекты и фильтры, пакетная обработка, манипулирование значками внутри файлов exe и т. Д. Я не уверен, что все эти параметры доступны в бесплатная версия, но даже если некоторых из них нет, она по-прежнему предлагает больше, чем большинство бесплатных редакторов.Это мини-фотошоп для иконок.
5. KIconedit
Для пользователей Linux (их меньше, но громко) GIMP может быть лучшим выбором для создания / модификации значков. Есть несколько редакторов значков, таких как KIconedit (или ныне несуществующий Gnome IconEdit), но в основном они не предлагают столько, сколько редакторы значков Windows.
Тем не менее, возможности KIconedit вполне приличны для некоторых базовых манипуляций с иконками. Вот список разработчиков:
- Инструменты прямоугольника, круга и эллипса, контур и заливка
- Прямоугольное и круглое выделение
- Штриховой рисунок и рисунок от руки
- Палитра цветов, заливка и ластик
- Может создавать значки размера шаблона или нестандартного размера
- Читает и сохраняет широкий спектр форматов растровых изображений
- Быстрое преобразование в оттенки серого
- Возможно изменение размера значка
- Отменить и повторить многие функции
Список не очень впечатляющий, но в программе есть все необходимые вам основы.Если вам нужны более интересные вещи, всегда есть GIMP / Inkscape.
6. OS X Icon Editor и Icon Maker для Mac
Эти редакторы — два варианта для Mac — Редактор значков OS X и Создатель значков. С точки зрения функций они очень разные — OS X Icon Editor ориентирован на пользователей, которым требуется полнофункциональный набор инструментов для создания значков, а Icon Maker предлагает более скромную среду редактирования. Icon Maker особенно полезен благодаря функции перетаскивания изображения к значку.
В отличие от Icon Maker, OS X Icon Editor предлагает гораздо больше.Фактически, это связка из 5 отдельных программ:
- Pic2Icon,
- Icon2PNG,
- Icns2icon,
- Icon2icns и
- Icon2ico.
Pic2Icon позволяет преобразовать любую картинку в иконку. Icon2PNG используется для преобразования значка из другого формата в PNG. icns2icon предназначен для преобразования файлов ICNS в другие форматы значков, которые вы можете использовать в другом приложении. icon2icns наоборот — позволяет конвертировать иконку другого формата в ICNS. icon2ico предназначен для создания.ico из иконок в других форматах. Для более сложных правок автор рекомендует использовать GIMP.
7. Логастер
И, наконец, Логастер.
Это быстрый и простой онлайн-инструмент, который поможет вам создавать ваши значки и значки. В отличие от предыдущих записей в моем списке, этот делает большую часть тяжелой работы по дизайну за вас с помощью своего мастера создания логотипа. Вы по-прежнему сможете настраивать дизайн с помощью их редактора, но это быстрый и простой способ создать несколько моков, если вы торопитесь.
Заключение
Каждый из этих редакторов значков отлично справляется со своей задачей — это просто зависит от цели, для которой они вам нужны. Базовые идеально подходят для быстрого редактирования, а более продвинутые отлично справляются с более сложными задачами.
Лично я предпочитаю использовать веб-приложения, потому что они доступны из любого места и мне не нужна установка. Если вы, как и я, не создаете значки каждый день, может быть удобно ограничить эту задачу временным приложением браузера.
10 лучших разработчиков иконок на 2021 год
Иконки — это универсальные визуальные инструменты, которые можно использовать для множества вещей, от логотипов компаний до инфографики, презентаций и других средств визуальной коммуникации. Создание собственных значков не обязательно требует передовых навыков дизайна, если вы можете использовать конструктор значков.
Создатели иконок — это онлайн-инструменты или программное обеспечение, которые маркетологи, предприниматели и другие лица могут использовать для создания пользовательских изображений и иллюстраций для визуальных коммуникаций, брендинга и многого другого.Давайте рассмотрим лучших создателей иконок на 2021 год и узнаем, как получить от каждого из них максимальную отдачу.
Независимо от того, используете ли вы Venngage для создания иконок, это отличное решение для быстрого и эффективного создания эффективных и привлекательных визуальных ресурсов для вашего бизнеса.
Зарегистрируйтесь для получения бесплатной учетной записи и ознакомьтесь с простыми в редактировании шаблонами, наполненными значками и иллюстрациями, которые вы можете легко настроить — опыт проектирования не требуется.
НАЧАТЬ СОЗДАТЬ БЕСПЛАТНО
Нажмите, чтобы прыгнуть вперед:
Как создать иконку?
Термин «значок» является довольно широким и по существу относится к визуальному элементу, который предназначен для иллюстрации одного или нескольких аспектов дизайна.Они могут склоняться к очень упрощенному дизайну в стиле клип-арта, а также могут быть более подробными, как показывают приведенные выше примеры.
Существует множество инструментов для создания значков, но выбор того, какой из них вам подходит, в основном зависит от типов значков, которые вы хотите создать, и от того, как вы хотите их использовать. Чем более продвинутым будет значок, который вы хотите создать, тем более надежный инструмент вам понадобится.
1. Venngage’s Icon Maker
Icon MakerVenngage — идеальное сочетание средства создания иконок и графического дизайна благодаря простоте использования.Настройте свои значки: измените их цвет, размер, форму, чтобы они отражали ваш бренд, или группируйте значки вместе, чтобы создавать новые.
С бесплатной учетной записью пользователи могут сразу же протестировать значки, чтобы увидеть, что лучше всего подойдет для их дизайна. Изменяйте, масштабируйте или заменяйте «на лету». Вот пример дизайна, который вы можете создать с помощью простых для редактирования шаблонов и значков Venngage:
СОЗДАТЬ ШАБЛОН
Если вы хотите заменить любой из этих значков новыми, просто дважды щелкните их и выберите нужные значки во всплывающем меню:
Venngage также предлагает более 2000 разнообразных иконок и иллюстраций из их общего числа в 40 000.Что лучше, так это то, что вы можете легко менять цвета кожи в некоторых из этих разнообразных значков с помощью двойного щелчка, и ваши дизайны могут лучше представлять вашу разнообразную аудиторию именно так:
Люди также читают:
Создатель иконокVenngage можно запустить бесплатно, но вам нужно будет создать учетную запись, чтобы загружать и использовать созданные вами значки и рисунки.
Как бизнес-пользователь, если у вас есть цветовая палитра вашей торговой марки, загруженная в My Brand Kit, вы можете легко применить ее к своим одноцветным значкам и постоянно поддерживать свой дизайн в соответствии с торговой маркой.
УЗНАТЬ БОЛЬШЕ О МЕСТОРОЖДЕНИИ
Вернуться к содержанию
2. Adobe Illustrator
Adobe Illustrator графический дизайн и инструмент для работы с иконками
Для многих профессиональных дизайнеров Adobe Illustrator является золотым стандартом при создании иконок. Программа позволяет пользователям создавать значки и иллюстрации с нуля. Итак, в чем же обратная сторона? Это дорого, и для его освоения требуются годы обучения и опыта.
Тем не менее, для тех, кто не в состоянии вложить деньги, инструменты Illustrator не имеют себе равных, когда дело доходит до создания полностью настраиваемых значков и иллюстраций. Рисуйте от руки с помощью инструмента «Перо» или комбинируйте треугольники, квадраты и круги для создания сложных фигур.
Минимальная стоимость отдельной подписки на Illustrator от Adobe составляет 21 доллар в месяц, что составляет около 250 долларов в год, что делает Illustrator дорогостоящим продуктом, который многим командам трудно оправдать.
Вернуться к содержанию
3.Иконки поток
Инструмент для редактирования значков IconsFlow
IconsFlow — это веб-программа для создания значков, которая позволяет пользователям изменять значки, выбранные из обширной библиотеки, а также использовать ограниченный набор инструментов для создания уникальных форм. Вы можете бесплатно создать или собрать максимум два набора значков, в которых может быть до пяти значков. Самый надежный план — 19,99 долларов в месяц или около 180 долларов в год.
По состоянию на лето 2021 года редактор иконокIconsFlow все еще находится в стадии бета-тестирования, поэтому, возможно, будут добавлены новые функции, но создать точный дизайн сложно.Однако если вы работаете только с квадратами и кругами, у вас не будет проблем.
А использование любого веб-интерфейса для создания пользовательских фигур и превращения их в значки означает, что по крайней мере некоторые функции Adobe Illustrator могут быть доступны в Интернете.
Вернуться к содержанию
4. Конвертация ICO
Инструмент ICO Convert favicon и app icon
ICO Convert — это простой инструмент для создания аватаров, значков и значков профиля.Это не средство для создания значков в том же смысле, что и другие инструменты в этом списке, но возможность быстрого создания значков профиля или значков значков сэкономит время людям, которым необходимо создавать эти визуальные ресурсы для блогов своих брендов или других сайтов.
Кроме того, он совершенно бесплатен и генерирует файлы нескольких типов, включая файлы PNG и .ICO, которые можно использовать на веб-сайтах и в операционной системе Windows.
Вернуться к содержанию
5. Graphicsprings
Редактор иконок GraphicsSprings
Создатель иконокGraphicSprings — еще один веб-инструмент, хотя он был создан для того, чтобы позволить предпринимателям и владельцам малого бизнеса быстро и легко создавать свои собственные логотипы.Хотя вы не можете рисовать собственные формы, вы можете использовать этот инструмент для создания и загрузки значков.
Еще одно большое ограничение, помимо невозможности нарисовать любую форму, которую вы хотите, заключается в том, что загрузка ваших значков будет стоить вам не менее 19,99 долларов, хотя, если подумать, что это в первую очередь инструмент для создания логотипов, это имеет некоторый смысл.
Вернуться к содержанию
6. Brand Crowd
Производитель логотипов и иконок BrandCrowd
Brand Crowd — это еще один веб-инструмент для создания значков, предназначенный для тех, кто хочет создать логотип компании на основе значков.Таким образом, встроенный набор иконок немного ограничен. Тем не менее, вы можете видеть доступные значки и настраивать их по своему усмотрению или использовать редактор для создания собственных комбинаций.
Один очень интересный и уникальный аспект редактора значков BrandCrowd заключается в том, что если вы редактируете существующий логотип на основе значков и хотите добавить новую форму или символ в рамку, система автоматически изменит его цвет, чтобы он соответствовал вашей существующей палитре. .
Инструмент бесплатный, но вам будет предложено указать свой адрес электронной почты, чтобы загрузить значки и логотипы.
Нужен логотип для вашего нового бизнеса или вы хотите обновить существующий логотип, чтобы добавить в него новое звучание? Ознакомьтесь с нашими рекомендованными лучшими разработчиками логотипов.
Вернуться к содержанию
7. Iconion
Генератор иконок шрифтов Iconion
Iconion — это уникальный инструмент, который превращает шрифты значков, содержащие символы вместо букв, в значки, которые можно использовать за пределами Интернета, электронной почты и других текстовых платформ. Iconion необходимо загрузить и запустить как настольную программу, а большинство функций доступны только после покупки коммерческой лицензии.
Тем не менее, вы можете выбрать один из десятков стилей, форм и символов, чтобы создать уникальный набор значков, идеально подходящий для визуальных коммуникаций вашего бренда. Создав набор значков, экспортируйте файлы PNG или jpeg, готовые для использования во всех ваших ресурсах дизайна.
Вернуться к содержанию
8. SoftOrbits
Инструмент для создания иконок SoftOrbits
Создатель значковSoftOrbits разработан для веб-разработчиков, дизайнеров пользовательских интерфейсов и других лиц, которым необходимо создавать графические значки, но его также можно использовать для создания значков для использования в визуальных ресурсах, таких как инфографика, презентации и официальные документы.
Его можно загрузить бесплатно, но для доступа к полному набору функций для коммерческого использования требуется покупка на сумму не менее 50 долларов, хотя компания часто проводит распродажи, поэтому вы можете приобрести его дешевле. Создав значки, загрузите для использования файлы PNG, JPEG или другие.
Несмотря на то, что это настоящий производитель значков, вы можете создавать любую форму, какую захотите, но большинству людей придется пройти крутой курс обучения, когда они привыкнут к инструментам и функциям, так что будьте готовы к разочарованию в самом начале.
Вернуться к содержанию
9. Генератор Favicon
Страница результатов Favicon Generator
Создавайте значки и значки приложений с помощью Favicon Generator или загружайте графику размера значка из десятков значков, форм и других иллюстраций. Этот бесплатный инструмент — отличный ресурс для тех, кому нужно создавать значки веб-сайтов и приложений, хотя он менее полезен для графических дизайнеров и маркетологов.
Этот инструмент недоступен для настройки, поэтому то, что вы видите, — это то, что вы получаете, и хотя вы можете создавать значки из загруженных изображений, вы не можете добавлять к ним какие-либо украшения или формы.
Вернуться к содержанию
10. Генератор значков приложений
Варианты загрузкиApp Icon Generator
App Icon Generator — это еще один полностью бесплатный инструмент для создания значков favicon / app, который позволяет загружать изображение и позволяет системе автоматически генерировать разнообразный набор значков приложений. Как и в случае с большинством других генераторов значков приложений, здесь не так уж много настроек.
Тем не менее, сильная сторона этого генератора значков заключается в создании огромного количества типов изображений, которые позволяют легко разместить ваше приложение на нужных вам платформах.
Вернуться к содержанию
Часто задаваемые вопросы по созданию иконок
У вас есть вопросы по созданию иконок для ваших коммуникационных нужд? У нас есть ответы.
Как я могу создавать свои собственные значки?
Доступно множество бесплатных онлайн-инструментов, которые помогут вам создавать собственные значки, будь то значки приложений или значки. Затем вы можете использовать свои собственные значки в инфографике, презентациях, сообщениях в социальных сетях и многом другом.
Лучшая платформа в целом — это Venngage как для создания иконок, так и для графического дизайна.Хорошие бесплатные инструменты включают Iconion и IconsFlow.
Как сделать иконку онлайн?
Создание значка приложения и значков в Интернете легко с помощью таких инструментов, как Генератор значков приложений, Генератор значков или ICO Convert, в то время как вы можете создавать собственные значки для инфографики и других дизайнов с помощью онлайн-редакторов, таких как Venngage, IconsFlow и Iconion.
Вкратце: Иконки — это чрезвычайно универсальные крошечные графические элементы, которые можно использовать в своих сообщениях для привлечения аудитории.
Создайте свой набор значков при создании инфографики и презентаций с помощью Venngage Icon Maker.Выбирайте и настраивайте наши 40 000+ значков и иллюстраций, которые помогут визуализировать любые ваши коммуникативные идеи.
После того, как вы доработали и усовершенствовали свой набор значков, сразу посмотрите, как они будут выглядеть в дизайне. С учетной записью Venngage для бизнеса вы даже можете применить цветовую палитру вашего бренда к одноцветным значкам и поделиться своими проектами с членами команды для мгновенной обратной связи и совместной работы в режиме реального времени.
НАЧАТЬ СОЗДАТЬ БЕСПЛАТНО
App Icon Maker — изменение размера значка приложения до любых размеров для проектов iOS / Android.
Конструктор значков приложений / Изменение размера значков приложений
AppIconMaker.co — это бесплатный облачный производитель значков, который оптимизирует значок вашего приложения с высокой скоростью и генерирует значки всех размеров для использования в приложениях для разных магазинов приложений. Его универсальность с точки зрения совместимости служит дизайнерам, разработчикам и руководителям проектов, которые хотят создавать и / или изменять размер значков для приложений iOS, Android и Watch. Его простота использования позволяет загружать zip-файлы для значков платформ вместе или по отдельности для каждого.Никогда не беспокойтесь о совместимости веб-браузера, так как этот бесплатный создатель значков работает на всех; все, что вам нужно, — это обновлять браузер. С AppIconMaker вы можете загружать файлы jpg, png, bmp и gif и получать файлы с размерами разного разрешения.
Как использовать / Как это работает
Простой в использовании интерфейс инструмента позволяет легко получить результат. Все, что вам нужно сделать, это перетащить исходное изображение в область загрузки. Кроме того, вы можете загрузить изображение вручную в инструмент.Иконки генерируются автоматически в разных разрешениях, чтобы вы могли сделать выбор. Все, что вам нужно сделать, это активировать опцию загрузки, и вы сразу же загрузите значки. Особый совет! Если вы хотите получить наилучшие результаты, попробуйте разрешение 512×512 или 1024×1024.
Cloud App Icon Maker Services
AppIconMaker дает вам возможность зарегистрироваться у нас. Это дает вам возможность иметь у нас учетную запись и хранить все значки приложений в облаке.Да, ты можешь! Когда значки приложений защищены в облаке, вы можете войти в систему в любое время, выбрать значки из хранилища своей учетной записи и перейти на платформу по вашему выбору. Вы разработчик Android? AppIconMaker может быть создателем значков вашего Android-приложения. Вы разработчик iOS? AppIconMaker может быть вашим создателем значков для iOS-приложений.
5 лучших бесплатных программ для создания иконок
Значок — это символ, который представляет собой идентичность любого продукта.Он также считается логотипом или товарным знаком для уникального выделения продукта среди многих других. Сказав это, нам не нужно углубляться в понимание важности иконок, потому что мы знаем, что все, что мы используем в наши дни, будь то веб-сайт, мобильный телефон, хлопья для завтрака и даже места, где мы Посещения, такие как рестораны, больницы, отели и т. д., имеют четкие значки или логотипы, по которым мы их мгновенно узнаем.
По этой причине каждый из нас хотя бы раз в жизни остро нуждается в программном обеспечении для создания иконок.Мы знаем, что значок представляет собой комбинацию art и творчества , однако многие непрактичные люди думают, что программное обеспечение для создания значков не стоит тратить зря. Что ж, для таких людей у нас еще есть много вещей, с которыми они могут легко создавать непревзойденные иконки, и это тоже совершенно бесплатно. Да это правда. Итак, мы представляем вам список из Пять лучших бесплатных программ для создания иконок . Тогда чего вы ждете? Просто быстро прочтите эту статью и возьмите свою любимую программу для создания иконок.
Junior Icon Editor — это универсальный бесплатный редактор значков , который позволяет создавать и редактировать значки при использовании операционной системы Windows , а также только редактировать значки на Android , iOS и Linux платформ. Это означает, что вы можете либо создать значок прямо с нуля, либо начать изменять существующее изображение, чтобы создать из него новый значок с помощью этого программного обеспечения.Это программное обеспечение предоставляет вам широкий диапазон цветов, 16 миллионов различных цветов, если быть точным, для украшения ваших значков, тогда как оно предоставляет вам 32-битную глубину цвета .
Junior Icon EditorВы можете создавать значки с профессиональными штрихами с помощью таких инструментов, как Pen , Brush , Air Brush , Shapes и т. Д. Junior Icon Editor также дает вам возможность Rotate , Shift или Roll ваши значки.Вы даже можете Сортировка изображений внутри значка. Это программное обеспечение способно копировать изображений и значений цвета, а затем вставлять их в буфер обмена или в любое другое приложение. Кроме того, вы можете Import и Export icons в различных форматах, включая ICO , PNG , XPM , XBM и ICPR , используя Junior Icon Editor.
SimplyIcon — это название, которое говорит все об особенностях этого программного обеспечения.Это действительно очень простая и легкая в использовании программа для создания значков , бесплатная и разработанная для операционной системы Windows . Это программное обеспечение способно создавать значки разного размера, например, 16 x 16 , 24 x 24 , 32 x 32 и даже 128 x 128 . Вы можете создавать свои значки, просто перетаскивая изображения в эту программу, а затем она сохраняет ваши значки в формате ICO . Качество изображения сгенерированных иконок также весьма заметно.Вы можете нарисовать почти любой узор или форму для своего значка, используя различные ручки , , карандаши, , кисти, , ретушь, инструменты , слоев, и т. Д.
SimplyIconЭто программное обеспечение имеет огромная цветовая палитра и полностью настраиваемые панели инструментов . Он также позволяет использовать цифровые клавиши в качестве ярлыков для выполнения различных действий. Вы даже можете перемещать свой Canvas туда и сюда, чтобы иметь возможность просмотра по своему усмотрению.Лучшее в этом программном обеспечении — это то, что оно также предоставляет вам онлайн-справку , которую вы можете использовать для решения любых ваших запросов. Единственное, что вам нужно убедиться перед использованием SimplyIcon, это то, что в вашей системе установлена .Net Framework , чтобы у вас не было плохого времени отклика и проблем с производительностью.
IconsFlow — это бесплатный онлайн-редактор и редактор значков . Он имеет широкий спектр готовых к использованию значков, доступных для вас, которые вы можете сразу загрузить и начать использовать для любых целей.Наряду с этим, вы также можете создавать свои собственные значки с помощью IconsFlow Editor . Этот создатель значков даже дает вам возможность изменять любые старые значки и превращать их в новые всего за несколько секунд. Наряду с множеством онлайн-значков вам также предоставляется несколько различных фонов для ваших значков, чтобы они выглядели более привлекательно.
IconsFlowIconsFlow поддерживает форматы SVG , ICO и PNG Export .С помощью редактора фигур вы можете добавлять к своим значкам различные формы, такие как квадрат, прямоугольник, круг и т. Д. Набор инструментов для редактирования этого создателя значков включает в себя такие функции, как Shape Coloring , Shape Scaling , Inner Shadow , Drop Shadow , Background Coloring и т. Д. Вы также можете выбрать различные размеры для своих значков. Самое лучшее в этом конструкторе значков — это то, что к нему еженедельно добавляются New Icons и Trendy Styles , поэтому этот производитель значков никогда не перестанет удивлять вас своим увлекательным дизайном.
Greenfish Icon Editor Pro — это бесплатный , создатель и редактор значков для операционной системы Windows . Это программное обеспечение достаточно эффективно для создания новых значков, а также для изменения старых. Кроме того, он также может конвертировать простые изображения в формат ICO . Это программное обеспечение для создания иконок поставляется с набором инструментов для рисования , который состоит из таких инструментов, как карандаши , формы , кисти , тексты и т. Д.которые помогут вам в создании привлекательных иконок. Меню Filters этого программного обеспечения предназначено для того, чтобы вы могли выбрать различные эффекты Effects , чтобы добавить последние штрихи к вашим значкам.
Greenfish Icon Editor ProВы можете использовать инструмент Color Picker Greenfish Icon Editor Pro, чтобы выбрать желаемый цвет для вашего значка. Это программное обеспечение также предоставляет вам функцию Layering , с помощью которой вы можете легко создавать профессиональные значки.Это программное обеспечение даже представляет вам портативную версию , которую вы можете использовать, если не хотите устанавливать это программное обеспечение на свой компьютер. Несмотря на все эти необычные функции, это программное обеспечение по-прежнему очень простое и удобное в использовании и имеет очень интуитивно понятный интерфейс, который не ошеломит нового пользователя.
Iconion — это бесплатное программное обеспечение для создания значков , разработанное для операционных систем Windows и Mac . Если вы не хотите создавать свои собственные значки или у вас это плохо получается, вам больше не нужно об этом беспокоиться, потому что Iconion предоставляет вам обширную библиотеку значков , из которой вы можете легко загрузить любой значок, который вам нравится. ваш продукт.Однако, если вы достаточно доверяете своим дизайнерским навыкам, в Iconion есть множество функций, таких как Iconion Coloring , Icon Shadowing , Backgrounds , Borders , Rotations и т. Д.
IconionС помощью этого программного обеспечения вы можете выбрать любой желаемый Размер для своей иконки от 8 пикселей до 1024 пикселей . Вы также можете выбрать любые формы для своих значков. Это программное обеспечение имеет очень удобный пользовательский интерфейс, который подойдет вам, особенно если вы никогда раньше не использовали это программное обеспечение.Он даже позволяет вам Preview ваши созданные значки перед их фактическим сохранением, чтобы вы могли внести окончательные изменения, если это необходимо. Кроме того, Iconion также предоставляет вам быструю справку , представляя вам видео-пошаговое руководство всего приложения, чтобы вы никогда не застряли во время его использования.
EasyAppIcon — Создание значка мобильного приложения
EasyAppIcon помогает разработчику изменять размер и создавать собственный значок приложения Android, включая устаревший и адаптивный значок приложения.Вы можете просто загрузить собственное изображение дизайна на передний план и выбрать цвет фона значка.
Adaptive Icon InstructionAndroidManifest.xml
Добавьте следующий код в файл AndroidManifest.xml в папке приложения.
Размер значка Android (устаревший и адаптивный значок)…
android: icon = "@ mipmap / ic_launcher"
android: roundIcon = "@ mipmap / ic_launcher_round"
…>
ic_launcher.png
Плотность | пикселей |
---|---|
ldpi (0.75x) | 36 x 36 пикселей |
mdpi (базовый уровень) | 48 x 48 пикселей |
hdpi (1.5x) | 72 x 72 пикселей |
xhdpi (2x) | 96 x 96 пикселей |
xxhdpi (3x) | 144 x 144 пикселей |
xxxhdpi (4x) | 192 x 192 пикселей |
ic_launcher_round.png
Плотность | пикселей |
---|---|
mdpi (базовый уровень) | 48 x 48 пикселей |
hdpi (1.5x) | 72 x 72 пикселей |
xhdpi (2x) | 96 x 96 пикселей |
xxhdpi (3x) | 144 x 144 пикселей |
xxxhdpi (4x) | 192 x 192 пикселей |
ic_launcher_foreground
Плотность | пикселей |
---|---|
mdpi (базовый уровень) | 108 x 108 пикселей |
hdpi (1.5x) | 162 x 162 пикселей |
xhdpi (2x) | 216 x 216 пикселей |
xxhdpi (3x) | 324 x 324 пикселей |
xxxhdpi (4x) | 432 x 432 пикселей |
5 лучших бесплатных программ для создания иконок в 2021 году
Попробуйте использовать лучшее бесплатное программное обеспечение для создания значков, чтобы настроить интерфейс рабочего стола вашей операционной системы.Если вы решили настроить Windows, создание новых ярлыков на рабочем столе — отличный способ. Вы можете найти и скачать такие значки в Интернете.
5 лучших бесплатных программ для создания иконок
- Младший редактор иконок — 16+ миллионов цветов, если быть точным
- SimplyIcon — Для создания.Файлы ICO
- IconsFlow — С экспортом в SVG, ICO и PNG
- Иконион — С библиотекой иконок
- IconDeveloper — Преобразует PNG в значки
Если вы хотите создавать собственные значки, обязательно используйте лучшее бесплатное программное обеспечение для создания значков, которое поможет вам справиться с этой задачей.Вы можете создавать значки с помощью различных редакторов изображений, однако некоторые программы совместимы только с Windows 10.
1. Junior Icon Editor — Наш выбор
Более 16 миллионов цветов, если быть точным
- Хороший подбор инструментов
- Подставка для эффектов прозрачности
- 32-битная глубина цвета
- Вам все еще нужны хорошие навыки рисования
Младший редактор иконок
СКАЧАТЬ
Вердикт : Junior Icon Editor — отличное программное обеспечение для создания иконок, которое доступно по разумной цене и также имеет обширную базу данных бесплатных иконок.Это программное обеспечение можно использовать для создания значков в различных форматах, таких как PICT, PNG, GIF, TIFF, BMP и JPG. Эта программа проста в использовании и имеет несколько опций, таких как отмена / повтор, инструмент слияния и удаления, настраиваемая цветовая палитра, проверка изображений, инструменты поворота и наклона, изменение размера, регулировка размера текста и многие другие.
Он имеет простой, но элегантный пользовательский интерфейс, который позволяет легко работать с этим программным обеспечением без каких-либо проблем. Кроме того, пользовательский интерфейс довольно гибкий, поэтому его можно легко настроить в соответствии с требованиями отдельного пользователя.Помимо простоты использования, он также имеет несколько расширенных функций, которые позволяют быстро и легко создавать профессиональные значки.
2. SimplyIcon
- Работает путем перетаскивания изображения
- Создает иконку разных размеров
- Создает иконку в 128×128
SimplyIcon
СКАЧАТЬ
Вердикт : SimplyIcon — одна из многих программ для работы с иконками, доступная для загрузки в Интернете.Вы можете использовать его для создания бесплатных иконок Illustrator или своих собственных. Лучшее в этом программном обеспечении для создания значков — это то, что оно поставляется с учебными пособиями, которые научат вас делать все с помощью простых пошаговых инструкций.
Одной из величайших особенностей этого программного обеспечения для создания значков является то, что вы можете изменять форму, размер и прозрачность значков. Вы даже можете выбирать между различными форматами файлов, если собираетесь создавать с их помощью текст или графику. Он поставляется с обширной библиотекой из более чем 400 значков на выбор, поэтому при создании значков у вас не закончится идея темы.
3. IconsFlow
С экспортом SVG, ICO и PNG
- Настраивает и редактирует значки
- Автоматически создает значок файла изображения
- Разные фоны для ваших иконок
IconsFlow
СКАЧАТЬ
Вердикт : IconsFlow предоставляет несколько инструментов для создания пользовательских значков в мгновение ока.Иконки — это небольшие графические изображения, которые можно использовать на веб-сайтах, в электронной почте или в любых других приложениях. Просто загрузив и запустив программное обеспечение, вы сможете создавать тысячи различных иконок за считанные минуты.
С помощью высококачественных иконок вы сможете создавать профессионально выглядящие дизайны, отражающие ваш бизнес, продукты или компанию. Вы также сможете легко настроить цвета и логотипы.
4.Iconion
- Функция раскраски значков
- Дополнительные функции Pro
- Не требует установки
Iconion
СКАЧАТЬ
Вердикт : Iconion может помочь вам каждый раз создавать качественные и профессионально выглядящие иконки.Вам не нужно будет платить больше сорока долларов за одну лицензионную загрузку Iconion, без каких-либо условий. Это одно из лучших соотношений цены и качества, которые вы можете потратить на инструмент для создания значков.
Даже если вы никогда раньше не создавали иконки и не использовали бесплатные стандартные иконки, профессиональные руководства Iconion проведут вас через весь процесс шаг за шагом. Нет причин, по которым вы не смогли бы создать идеальный значок для своего бизнеса за считанные минуты от начала до конца.
5. IconDeveloper
- Масштабирует значки до разных форматов
- Проводник и конвертировать в иконки
- Легко использовать
- Интерфейс мог бы быть лучше
IconDeveloper
СКАЧАТЬ
Вердикт : Если вам нужно много значков для вашего сайта или вы просто хотите изменить внешний вид своего сайта, вам нужно будет загрузить и попробовать Icon Developer.Это, пожалуй, один из лучших производителей бесплатных иконок в Интернете.
Эта программа-конструктор иконок позволяет быстро и легко создавать профессиональные иконки. Вы также можете редактировать файлы различных типов, такие как файлы журналов, файлы PSD, а также веб-контент, оптимизированный для SEO, например сообщения в блогах. С помощью этой простой в использовании программы вы сможете очень быстро создавать самые красивые иконки для своего веб-сайта или блога.
.