Онлайн редактор иконок favicon.ico

Новая версия редактора визуально мало чем отличается от предыдущей, но работа была проделана не малая. JavaScript-код стал на много быстрее, опасные действия требуют подтверждения, старые способы сохранения иконок устранены в пользу надёжных и безопасных.

Но кроме этого редактора на сайте теперь имеется онлайн конвертер, который позволяет преобразовать один или более PNG в ICO.

Если вы видите этот текст, значит что-то пошло не так. Возможно у вас отключён JavaScript.

Если вы видите этот текст, значит ваш браузер не поддерживает загрузку файлов. Воспользуйтесь более современным браузером, и вы сможете загружать картинки в редактор прямо с диска.

Загрузка иконок и файлов

В мае 2014 года запущена новая функция (о которой многие и давно просили) — загрузка изображений из файла. Расскажу о специфике.

От браузера требуется поддержка двух достаточно современных технологий — HTML5 convas и file API. То есть, вам понадобится Internet Explorer не ниже версии 10, или Firefox 28 и выше, или Google Crome 31 и выше. Подойдёт последние версии Safari и других браузеров.

Формат картинки в файле любой, поддерживаемый вашим браузером. Все браузеры поддерживают JPEG, PNG и GIF. Многие браузеры поддерживают и другие форматы.

Размер картинки может быть любым в пределах разумного. Картинка будет уменьшена до 16×16.

Цветность будет уменьшена до 16 цветов. Редактор пытается построить адаптивную палитру, но алгоритм пока далёк от совершенства. Я бы рекомендовал сперва подготовить картинку в полноценном редакторе.

Прозрачность преобразуется к однобитной по границе 50%.

Буду рад любым отзывам и либо уберу эту функцию, если она никому не нужна, либо доработаю, если обнаружатся какие-то ошибки. Спасибо.

Что такое favicon.ico

favicon — это небольшая картинка, являющаяся логотипом сайта. Она появляется в шапках вкладок, в адресной строке (кроме новейших версий Chrome и Firefox †), в закладках.

В одном файле favicon.ico может быть несколько изображений разного размера.

5 лучших онлайн редакторов иконок

Чаще всего используется изображение 16×16. Бо́льшие размеры используются, например, в Windows, при создании закладки прямо на рабочем столе. В этом случае размер зависит от версии операционной системы и настроек рабочего стола.

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

Как разместить favicon.ico на своём сайте

Проще всего просто положить иконку в корень сайта. Она должна стать доступна по адресу . Именно тут её будут искать браузеры.

Обратите внимание, что браузеры не сразу обнаруживают, что у сайта появилась/изменилась иконка. Возможно, чтобы увидеть новую иконку вам придётся почистить кэш.

Вы так же можете явно указать браузерам, что у вас есть favicon.

Для этого надо включить в секцию код такого вида:

Что касается , тут есть неоднозначность. Стандартным типом является . Я бы советовал использовать его. Однако, особо древние версии IE предпочитают тип . Подозреваю, что все современные браузеры поддерживают этот тип, но кто знает. Каждые пару месяцев появляется новый современный браузер и поручиться за все современные браузеры я не могу.

Возможно вас так же заинтересует конвертер PNG в ICO и онлайн генератор обоев, фонов и заливок.

Студия Иконок — программа для создания иконок на русском

Студия Иконок 5.49 — русская версия популярной программы для создания иконок 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-файлов
• Искать иконки на ваших дисках и каталогах
• Настраивать вид рабочего стола и иконки папок

Системные требования: Windows 95/98/ME/2000/NT/XP/2003/Vista/7/8/10, 4 MB на жестком диске.

Языки интерфейса: английский, русский, украинский, чешский, венгерский, польский, румынский, сербский.

Ограничения пробной версии: 30-дневный испытательный период, напоминающий диалог.

Скачать редактор иконок:  exe

 Регистрация программы Студия Иконок

Генератор иконок Iconion

Иконки в формате шрифта — потрясающий метод, дающий разработчикам масштабируемость, гибкость и возможность эффективного управления иконками.

Но что если Вы хотите использовать эти значки в качестве иконок рабочего стола или мобильного приложения?

Создать favicon для сайта

Или создать значок веб-страницы, или многоцветную иконку?
Единственный способ сделать это — использовать старомодные иконки в формате изображений png или ico. Iconion конвертирует значки из символьных шрифтов в современные цветные изображения.

Что можно сделать с Iconion?

Выбрать понравившиеся иконки из Font Awesome, Entypo, Linecons, Typeicons и других символьных шрифтов.
Сохранить как png, bmp, jpeg или ico файлы.
Выбрать любой размер, не имеет значения 8 пикс. или 1024 пикс., изображения будут отличного качества.
Добавить стиль: Цвет иконки, Тень иконки или Длинная тень иконки, Градиент, Обводка, Поворот иконки, Фон, Цвет фона, Градиент фона, Тень фона, Граница фона, Поворот фона.

Или просто применить один из стильных готовых шаблонов!

Какие иконки можно создать с помощью Iconion?

Плоские иконки, круглые иконки, квадратные иконки, иконки с длинной тенью, иконки в стиле Windows 8, иконки в стиле iOS, иконки в стиле Mac, пользовательские социальные иконки: иконки для facebook, twitter, Google Plus и многое другое…

Долго я искала программу, в которой можно было бы создать иконку. В основном попадались платные, через неделю они уже отказывались работать! Приходилось удалять или того хуже… искать кряк! Программы с крэками я предпочитаю использовать в крайнем случае. Когда бесплатных аналогов просто напросто нет! В общем, долгие поиски и… я нашла то, что так долго искала!

Для того чтобы сделать из картинки *png иконку *ico, я использую программку для создания иконок IcoFX.
Скачать IcoFX 1.6 (вес: 1,43Mb) Официальный сайт

Данная программа  имеет русский интерфейс, что является большим плюсом. Т.к. мы живем в России, то многие предпочитают пользоваться программами с русским интерфейсом!   Хотя для многих это неважно.

1. Устанавливаем и открываем программу!

Конвертируйте изображение в формат ICO

Option >>> Languages (здесь можно изменить язык интерфейса)

2. В Эксплорере ищем папку с нужной Вам картинкой, кликаем по ней два раза и в выпадающем окошке «Создать изображение» выбираем колличество цветов и размер будущей иконки. Если Вы делаете иконку для рабочего стола, то лучше выбирать размер 32х32. Нажимаем на Ок.

3. Появится новое окошко с настройками. В нем я ничего не трогаю.

4. Теперь открылось наше изображение. Здесь его можно редактировать, удалять ненужное, или что-нибудь дорисовывать. Я здесь также ничего не делаю. Моя картинка уже готова стать иконкой, т.к. для этого она собственно и делалась!

5. Сохраняем изображение в формате *ico! Файл >>> Сохранить как

Иконка готова! 

Создаем иконку «Favicon.Ico» своему сайту