Как сделать файл ico. Создание иконки.ico для программ
Favicon – это небольшой значок, отображающийся рядом с названием сайта в окне браузера или в выдаче поисковика. Никакой функции для SEO он не несет, но его использование позволяет повысить узнаваемость сайта, и, как следствие, показателя CTR. Также вы можете создать ретина фавиконоки. Какого размера должен быть favicon? Как правило, фавиконы бывают размеров 16x16px или 32x32px.
В каком формате я получу favicon?
После того как вы сделаете favicon, вы получите файл favicon.ico для сайта, то есть файл с расширением *.ico. Именно его и надо будет использовать в дальнейшем. Как создать favicon онлайн? Используйте генератор favicon онлайн на нашем сайте. Вы сможете не только создать фавикон с картинки, но и использовать встроенный редактор, позволяющий создать любую иконку для сайта.
Как разместить favicon на сайте
Нужно загрузить favicon в корневой каталог сайта, чтобы получился адрес вида http://sitename.ru/favicon.ico. Это путь к изображению. Далее нужно поместить код в тег. Должно получиться так:
...
...
Зачем указывать путь к favicon?
Некоторые сайты используют разные фавиконы, чтобы пользователи лучше ориентировались в разделах ресурса, поэтому необходимо указывать путь. Если вы используете один favicon для всего сайта, путь к нему указывать не нужно.
Favicon будет отображаться в поисковой выдаче?
В Google фавиконы не отображаются. У Яндекс есть так называемая индексация фавиконов, этот процесс занимает от недели до месяца.
Если театр начинается с вешалки, то любой уважающий себя сайт — с иконки. Шутки-шутками, но иногда по наличию и качеству иконки сайта судят о самом ресурсе. Да и отображение иконки в результатах поискового запроса поможет выделить сайт среди остальных.
В любом случае, нелишним будет знать, как создать, установить и изменить иконку. Об этом и поговорим.
Создание фавикона с помощью онлайн-сервисов
Иконку, или фавикон (от английского favorites icon) легче всего создать, используя популярные бесплатные сервисы.
Но перед тем, как сделать иконку для сайта, следует подготовить выбранное заранее изображение. Это должна быть квадратная картинка. Нужно учесть, что сервис фавикон.ру стандартизирует все изображения, уменьшая их до размера 16х16 пикселей. Поэтому если картинка изначально будет не квадратной, программа может довольно сильно исказить ее. Размер загружаемого файла для сервиса не должен превышать 300 килобайт.
Сделать фавикон для сайта можно, используя любой графический редактор. Если уже есть готовая картинка (например, эмблема компании), ее стоит лишь подготовить и уменьшить. Если же нужно создать рисунок «с нуля» — сервис «фавикон» предлагает воспользоваться элементарной, но довольно удобной программой рисования иконок.
Итак, иконка загружена или нарисована. Для того, чтобы получить готовое изображение, достаточно нажать кнопку «Скачать favicon» в правом нижнем углу страницы. В результате загрузится файл favicon.ico.
Фавикон и Фотошоп
Можно создать искомый файл, используя только Фотошоп. Подобрав или предварительно отрисовав нужное изображение, следует нажать «Сохранить как» и из списка форматов для сохранения выбрать.ico.
Может получиться, что версия программы обработки изображений не будет поддерживать этого формата. В таком случае следует поискать и скачать плагин формата ico. Его нужно распаковать в папку Plug-InsFileFormats. После этих нехитрых действий возможность сохранения в данном расширении будет доступна.
Небольшой совет. Практически все браузеры стандартизируют иконки сайтов до размера 16 на 16 пикселей. Учитывая это, не нужно создавать высокохудожественные полотна — их просто-напросто не будет видно.
Формат ico используется наиболее часто, так как он поддерживается всеми популярным браузерами. Можно сохранять изображения и в других графических форматах, но важно помнить, что некоторые браузеры не будут отображать такую иконку.
Установка иконки
Заветный фавикон получили. Следует подумать, как поставить иконку на сайт. Для этого нужно загрузить файл изображения в корневую директорию сайта (обычно она носит название public_html).
Но это еще не все. Для отображения иконки нужно прописать следующий html-код:
В графе «type» важно правильно указать тип изображения. То есть, если используется картинка формата GIF, код будет выглядеть так:
Этот код устанавливается в любом месте между тегами
и файла главной страницы.Как установить иконку на сайт, мы разобрались. Проверить правильность установки можно, просто введя в строке браузера адрес своей страницы. Если слева от адреса отображается фавикон — все сделано верно.
Следует заметить, что в результатах выдачи поисковиков иконка отобразится не сразу, а лишь после обновления кэша. Этот процесс может занять от недели до месяца, а то и больше.
Замена иконки
Если фавикон на сайте уже есть, но он не устраивает владельца ресурса, нужно разобраться, как изменить иконку сайта. По сути, ничего сложного в этом нет — схема замены идентична добавлению иконки на сайт. То есть, сначала рисуется картинка, сохраняется в заранее определенном формате. Полученное изображение загружается в корневую папку сайта, изменяется или заново прописывается html-код (в случае небоходимости). Если все сделано верно, браузер будет отображать новую иконку сразу после обновления страницы.
Таким образом, чтобы найти ответ на вопрос, как поменять иконку сайта, следует прочитать этот материал заново. 🙂
Пользуясь каким-либо девайсом, нам часто надоедает один и тот же интерфейс, и хочется что-то изменить. Для каждого устройства внешний вид системы меняет по-разному. Иконки являются одной из элементарных составных части любого интерфейса, и их изменение – занятие не трудное. В интернете можно найти множество наборов значков для всех видов устройств. Но они не уникальны, не индивидуальны. Поэтому, рассмотрим в данной статье, как сделать иконку самому, так, чтобы она была ваша, неповторимая.
Рассматривать будем на примере двух простых программ. Так как сделать иконку для папки, файла, ярлыка или других элементов с их помощью очень легко, то данный софт становится отличным инструментом в изменении внешнего вида интерфейса и его индивидуализации. Благодаря этим простым программам, вы сможете делать иконки для любых элементов интерфейса различных операционных систем.
Fasticona 1.0 free portable
Более простой программы для создания иконок я не встречал. Она даже не требует установки. На Fasticona 1.0 free portable не позволяется рисовать иконки, она их делает из готовых картинок. Вы можете сделать значок из любого изображения, (хоть из собственного фото) программа поддерживает разнообразные форматы. Простыми словами – это просто конвертер изображений.
Перед тем, как сделать иконку из картинки, загрузите изображение в программу с помощью кнопки «Open file». Выберите нужные параметры: размер (size), глубину цвета (colors и bits per sample), папку сохранения (output path, по умолчанию, папка, где сохранён запускающий файл) и название файла иконки (output the name).
Полученный файл сохраняется в формате *.ico. И только в нём.
Seanau Icon Tool Kit 6.0
Seanau Icon Tool Kit 6.0 придётся установить на компьютер, но места она займёт очень мало. Функционал у неё более расширенный. Эта программа позволяет как сделать иконку из картинки, так и нарисовать её самому. Для того у неё есть широкий инструментарий.
Icon Tool Kit поддерживает работу со слоями, позволяет настраивать глубину цвета, прозрачность, присутствуют разнообразные фильтры. Выходной файл можно получить в*.ico, *.png, *.bmp, *.jpg или *.gif. Примечательно то, что этот софт позволяет применять к создаваемым иконкам стили, например Mac, Vista и другие. Скачать программу для создания иконок рекомендуется тем, кто хочет в большей мере воплотить творческие идеи в интерфейсе.
Мудрость тем и хороша, что может быть
сказана по одному поводу, а пригодиться по другому.
«Непоседа», Сергей Лукьяненко.
В этой заметке поговорим о том, и установить её на свой ресурс, как сделать иконку из обычной картинки, и о том, как поменять уже существующую иконку на новую. Я опишу, как это делаю я. Не исключаю, что есть и другие способы, но они мне неизвестны.
Н а самом деле, создание иконки для сайта - простая и незатейливая процедура. Вопросы об этом, конечно, периодически возникали и я отвечал каждому спрашивающему лично. Но лень меня наконец поборола и была написана эта заметка. Теперь можно отправлять сюда всех интересующихся.
П овторюсь, здесь описан мой личный опыт. То, как я делаю иконки . Эстеты и гурманы могут проходить мимо.
И так, приступим.
П еред тем, как установить иконку на сайт , её нужно создать. С этого и начнём.
§ 1. Как сделать иконку
Ч то такое иконка (favicon), описано . Поэтому перейдём непосредственно к процессу её создания. Как делаю я:
В сё - иконка для сайта готова.
Н юансы способа:
- ~ Нужно подбирать простые рисунки чего-то. Крупно. Если на картинке будет много чего-то и мелко, то иконка получится в форме расплывчатого пятна. И станет уже не иконкой, а следом жизнедеятельности птиц;
- ~ Способ проверялся только в XnView. Он при сохранении перекодирует картинку как надо.
§ 2. Создание иконки для сайта
С обственно, сохранив картинку как favicon.ico, мы и создали иконку для сайта.
§ 3. Как установить иконку на сайт
К опируем наш файл favicon.ico в корневую папку сайта (там, где лежит главная страница сайта) и всё. , и прочие с сервисами автоматически нашу иконку найдут и отобразят. Главное, чтобы она называлась favicon.ico и лежала в корневой папке сайта.
§ 4. Как поменять иконку сайта
З аменить файл favicon.ico, лежащий на , на свой, созданный способом выше.
§ 5. Зачем оно вообще надо
Ч то даёт наличие иконки у сайта? Ну, самое важное это то, что сайт получает свой опознавательный знак. В браузере:
В поисковой системе (
Последний урок четвертого шага нашего учебного курса мы посвятим созданию иконок для Андроид-приложений. А в конце статьи вы найдете наш традиционный тест на усвоение пройденного материала.
Те, кто давно пользуются смартфонами на Андроид, знают, что данная ОС отличается высокой степенью кастомизации. Есть доступ к индивидуальной настройке обоев, тем, главного экрана, виджетов, шрифтов и так далее. Пользователь может даже поменять интерфейс системы с помощью того или иного лаунчера.
Однако мало кто знает, что Андроид позволяет даже… перерисовать иконки приложений. Для этого есть несколько утилит, доступных для бесплатного скачивания в Google Play. В нашей статье мы расскажем о самых удобных программах, а также покажем, как сделать иконку для приложения в одном из апплетов.
Простое Android-приложение с интуитивным интерфейсом позволяет быстро сделать иконку из десятков шаблонов, поменять размер, цвет и подпись. Также в процессе создания ярлыка можно настраивать наклон и даже накладывать фоном готовое изображение.
Приложение поставляется по условно-бесплатной схеме. В основной версии программы есть рекламные баннеры, а также ограничено количество шаблонов. Однако за полную версию разработчики просят всего 76 рублей. Как они сами шутят: цена всего лишь одной чашки кофе.
Приложение создано для создания ярлыков на замену стандартным иконкам. Для этого достаточно выбрать из списка приложений программу и перерисовать в приложении ярлык. Подробнее о том, как это сделать – в конце статьи.
Приложение для Андроид, обладающее обширным функционалом для отрисовки иконок. Причем утилита позволяет создавать ярлыки не только для мобильных платформ, но и для ПК-систем, например, Windows. Для создания иконки пользователь настраивает фон и выбирает один из пяти тысяч шаблонов.
Для отрисовки ярлыков приложение содержит удобные инструменты:
- Масштабирование
- Позиционирование
- Поворот
- Радиус и многое другое
Все иконки создаются на основе масштабируемой векторной графике и экспортируются в формат SVG. Кстати, это позволяет в отдельной владке даже настраивать исходный код ярлыков.
Для создания новой иконки приложение Material Icon Maker предлагает всего 4 простых шага:
- Выбрать базовый ярлык. Основу можно позаимствовать из подборки более 900 исходников, набрать текст или подгрузить картинку из галереи смартфона.
- Настроить фон. Здесь пользователь выбирает форму и цвет.
- Наложить тени, выбрав направление, цвет и прозрачность.
- Экспортировать в нескольких доступных разрешениях.
Готовые иконки можно использовать в любом стороннем Андроид-лаунчере, который поддерживает установку пользовательских ярлыков, например, Nova Launcher. Приложение бесплатное, не требует подключения к Интернету и не содержит рекламы, однако всего за 15 рублей можно докупить специальный ключ, который разблокирует дополнительные функции, вроде более тонкой настройки теней, цвета и экспорт в высоком разрешении.
Быстрый и очень удобный редактор иконок, который позволяет за пару минут нарисовать новые ярлыки для приложений.
Сначала создается и настраивается фон. Здесь можно поменять форму, установить цвет и толщину обводки, наложить блик, тень или градиент. Далее следует работа с логотипом. Ему можно задать новый размер, сделать заливку и контур, наложить тень. Последний шаг – наложение эффекта. В базовой версии приложения доступны только два: блестящий и рассеянный свет. Для доступа ко всем шаблонам придется расширить приложение до pro-версии за 116 рублей.
Особенность данного приложения в том, что отрисовывается иконка не под конкретное приложение, а полный пакет для всех программ на смартфоне. Готовая сборка рассчитана на различные лаунчеры, например, Nova Launcher, Action Launcher, ADW Launcher или Apex launcher.
Как самостоятельно создать иконку для Андроид-приложения
Для демонстрации возможностей приложений для создания и редактирование иконок мы выбрали утилиту Adapticons, которую установили на смартфон Fly Cirrus 12 . С ее помощью мы пошагово покажем, как нарисовать ярлык для Андроид.
Шаг 1. В списке приложений, установленных на смартфон, выберете то, для которого хотите нарисовать новую иконку.
Шаг 2. Выберете фон.
Шаг 3. Настройте размер фона и логотипа.
Шаг 4. Если необходимо, сдвиньте логотип и добавьте к нему тень.
Шаг 5. Перейдите в редактор логотипа.
Шаг 6. Выберете логотип из готовых шаблонов или импортируйте из памяти устройства.
Шаг 7. Выберете цвет логотипа.
Шаг 8. Сохраните иконку на рабочем столе, экспортируйте в формате PNG или добавьте в пакет для загрузки в лаунчер.
Весь процесс создания иконки можно посмотреть в нашем видео:
Теперь вы знаете, как легко и быстро создать новую иконку для приложений Андроид. В целом, основная масса приложений имеет схожие функции и различается лишь стоимостью расширенных версий. Самое главное – для работы с ними не требуется вмешательство в системные настройки смартфона, так как, по сути, подобные утилиты являются своеобразными графическими редакторами.
Вам понравилось одно из предложенных нами приложений? Нарисуйте свои иконки и добавьте свои самые эффектные работы в комментарии к данной статье.
