Отличный сервис по созданию favicon.ico для Вашего сайта
Кто-то делает дело, потому что это быстро и «нетрудно», кто-то делает это только потому, что это популярно и впоследствии прибыльно, кто-то просто делает своё дело.
Представляю Вам один из лучших сервисов по созданию Favicon — FavIcon from Pics 2.0.
Думаю, все Вы замечали одну из небольших, но очень забавных деталей, говорящих иногда очень много о сайте и ресурсе в целом. Тем, кто малознаком с сайтостроительством, скорее всего ничего не скажет такое название как favicon.ico, но, во всяком случае, даже они в курсе, что при добавлении сайта в закладки браузера и просто при его просмотре в окне рядом с названием ресурса часто красуется личико сайта – этот самый favicon.ico.
Если сказать точнее: Favicon (FAVorites ICON — значок для избранного, произошло от названия папки с закладками в IExplorer), причем до 7й версии эксплорера, он отображался только в избранном и благодаря этому администраторы серверов могли узнать, сколько пользователей создало закладку на их сайт.
Сегодня вы узнаете:
- Как можно сделать качественную favicon.ico?
- Какой сервис создания иконок для сайтов справиться лучше всего с созданием личика сайта (именно с созданием favicon)?
- Как пользоваться этим сервисом и что он умеет ещё, кроме создания иконок favicon.ico?
- Как установить себе на сайт favicon.ico?
- Как сделать анимированный favicon.ico?
Это конечно далеко не все вопросы, которые касаются иконок сайтов, но думаю, они самые основные. Начну с того, как я наткнулся на этот онлайн сервис. Задача передо мной стояла самая простая – сделать иконку для itpride.net, именно эта иконка сейчас установлена на данном сайте.
Перепробовав несколько сайтов по созданию favicon.ico, я уже начал было подумывать скачать программу с софтпортала, что-то по типу any2icon, но подумав о том, что «качать mail-сервер для отправки одного письма» это слишком.
Я продолжил поиски в выдаче Google, и вот — нашел отличный сервис, где можно легко создать качественный favicon.
Называется он — FavIcon from Pics, его скриншот Вы видели в начале этого рассказа. Для непосвященного в английский язык (а сервис англоязычный) он, возможно, вызовет некоторые трудности, которые мы сейчас попробуем решить.
Интерфейс сначала довольно простой, мы видим две кнопки для создания иконок favicon.ico. В первом случае Мы можем загрузить исходное изображение с компьютера. Во втором, при наличии аккаунта в Twitter, — просто вводим свой ник в твитере, и сервис автоматически скачает изображение Вашего аватара (безумно удобно).
Я выбрал первый вариант, и загрузил изображение нашей иконки в разрешении 1000х1000(как Вы могли догадаться, сервис не устанавливает ограничений на размер) и ко всему прочему, 
).
После нажатия кнопки Generate Favicon.ico (1 — кстати, обратите внимание, что название кнопки изменилось на «Add Another…», т.е., приглашение добавить ещё одно изображение), мы уже можем забрать готовую иконку по ссылке «Download Favicon Package» (2).
Сервис также сразу создает анимированную версию favicon с повтором логотипа.
Вот тот же скриншот, но уже ближе. Обращаю внимание на список того, что мы можем ещё сделать с помощью сервиса.
Перевод пунктов сверху вниз (8 пунктов):
- Изменение цвета, добавление текста, редактирование анимации, создание дополнительных иконок для iPod и другие полезности…
- Посмотреть состав архива (обычно 2 файла иконок и файл со сведениями о компании)
- Посмотреть на работу favicon в браузере (превьюшка, так сказать)
- Валидация иконки, может кто-то и захочет
- Добавить свой favicon в галерею (Может Вы художник, и тысячи пользователей будут использовать именно ваш favicon, кстати, у них недурная галерея)
- Написать отзыв о работе
- Загрузить только favicon.
- Загрузить только анимированную версию иконки
Итак, если Вам этого было мало, можете нажать ссылку «EDIT» под анимированной версией иконки для перехода к редактированию. Тут нас ждет не менее широкий список возможностей, а именно — десять, после слов «customization…».
Что ещё можно сделать тут с favicon.ico:
- Добавление текста к анимации (прокрутка), а также управление добавленными картинками (чуть позже подробнее)
- Цвет текста в анимации (наверное, потом добавят и шрифт)
- Удалить анимацию из архива
- Добавить в архив иконку для iPod
- Выбор цвета подложки (бэкграунд) favicon
- Добавить бордюр иконке, по-простому — рамка для favicon
- Сделать подложку прозрачной
- Конвертация в черно-белый вариант
- Добавить иконки других размеров(16х16 256 цветов, 16х16 64К цветов …)
- Удалить дополнительные иконки из архива
Остальные пункты смотрите выше, я их уже описал.
Вот так, кстати, выглядит выбор цвета для анимированного текста favicon.
А теперь, Вы видите, что в архив добавились ещё одна иконка размером 32х32 (1), а также иконка для iPod(2). На скриншоте видно слабо, но синий бордюр тоже был добавлен.
Я уже несколько раз упоминал ранее, что можно загрузить ещё одно изображение (Add another image). Вернее не одно, а сколько пожелаете картинок. Сделав это, Вы сможете:
- сделать несколько различных favicons не запуская сервис снова
- можно использовать обе (2,3,5…) картинки для создания яркой анимированной favicon
На этом рисунке Вы видите пример настройки анимации с двумя иконками, они называются {PIC1} {PIC2} и, что самое примечательное, их можно поставить несколько (например, рисованные буквы — А-Б-В…), а также вставить между ними текст. Тут уже как фантазия подскажет.
Да, вернёмся к началу нашего ликбеза по favicon.ico. На следующем изображении я создаю себе иконку из аватара в Twitter:
Можете нас добавить к себе в follow list – https://itpride.
net/twitter
Результаты работы сервиса для favicon:
Я не буду говорить о том, что этот сайт делает иконки лучшего качества по сравнению с аналогами, и не стану говорить о том, что такую функциональность не всегда можно найти в программных продуктах, которые, между прочим, стоят не так уж и мало.
Лучше я скажу о минусе этого сервиса (да есть и такой) – при загрузке третьей иконки автоматически открывается popup окно с рекламой от google, но думаю, — это небольшая плата за сервис. Ребята постарались и заслужили как минимум на «хлеб с маслом».
Им удалось сделать один из лучших онлайн сервисов по созданию и редактированию иконок favicon.
Как установить иконку favicon на свой сайт?
Для установки на сайт иконок favicon.ico вставьте следующий код, между тегами в файле шапки Вашего сайта (для WordPress, к примеру, — это в header.php):
<lnkrel=“shortcuticon” href=“favicon.ico”> — для обычной иконки
<lnk rel=“icon” type=“image/gif” href=“animated_favicon1. gif”> и для анимированной
Ежели они у вас имеют другие имена, исправьте их в параметре «href» и не забудьте скопировать иконки в директорию сайта на хостинге.
Запустить сервис сейчас:
Создать Favicon онлайн | Создать Favicon (⇒)
ЗЫ: Чуть не забыл, последнее и всё, я ушёл: если Вы знаете какой-то хороший или уникальный сервис или сайт, или у Вас есть свой супер-сайт – присылайте его на наш email (admin(ET)itpride.net). Мы постараемся опубликовать о нем статью, или присылайте целую статью о своем сервисе. Лучшие – получат прямые ссылки на свои сайты.
Онлайн-конвертер HTML в ICO | Бесплатные приложения GroupDocs
Вы также можете конвертировать HTML во многие другие форматы файлов. Пожалуйста, смотрите полный список ниже.
HTML TO PDF Конвертер (Портативный документ)
HTML TO EPUB Конвертер (Формат файла цифровой электронной книги)
HTML TO XPS Конвертер (Спецификация документа Open XML)
HTML TO TEX Конвертер (Исходный документ LaTeX)
HTML TO PPT Конвертер (Презентация PowerPoint)
HTML TO PPS Конвертер (Слайд-шоу Microsoft PowerPoint)
HTML TO PPTX Конвертер (Презентация PowerPoint Open XML)
HTML TO PPSX Конвертер (Слайд-шоу PowerPoint Open XML)
HTML TO ODP Конвертер (Формат файла презентации OpenDocument)
HTML TO OTP Конвертер (Шаблон графика происхождения)
HTML TO POTX Конвертер (Открытый XML-шаблон Microsoft PowerPoint)
HTML TO POT Конвертер (Шаблон PowerPoint)
HTML TO POTM Конвертер (Шаблон Microsoft PowerPoint)
HTML TO PPTM Конвертер (Презентация Microsoft PowerPoint)
HTML TO PPSM Конвертер (Слайд-шоу Microsoft PowerPoint)
HTML TO FODP Конвертер (Плоская XML-презентация OpenDocument)
HTML TO XLS Конвертер (Формат двоичного файла Microsoft Excel)
HTML TO XLSX Конвертер (Электронная таблица Microsoft Excel Open XML)
HTML TO XLSM Конвертер (Электронная таблица Microsoft Excel с поддержкой макросов)
HTML TO XLSB Конвертер (Двоичный файл электронной таблицы Microsoft Excel)
HTML TO ODS Конвертер (Открыть электронную таблицу документов)
Преобразовать HTML TO XLTX (Открытый XML-шаблон Microsoft Excel)
Преобразовать HTML TO XLT (Шаблон Microsoft Excel)
Преобразовать HTML TO XLTM (Шаблон Microsoft Excel с поддержкой макросов)
Преобразовать HTML TO TSV (Файл значений, разделенных табуляцией)
Преобразовать HTML TO XLAM (Надстройка Microsoft Excel с поддержкой макросов)
Преобразовать HTML TO CSV (Файл значений, разделенных запятыми)
Преобразовать HTML TO FODS (Плоская XML-таблица OpenDocument)
Преобразовать HTML TO SXC (Электронная таблица StarOffice Calc)
Преобразовать HTML TO HTM (Файл языка гипертекстовой разметки)
Преобразовать HTML TO HTML (Язык гипертекстовой разметки)
Преобразовать HTML TO MHTML (MIME-инкапсуляция совокупного HTML)
Преобразовать HTML TO MHT (MIME-инкапсуляция совокупного HTML)
Преобразовать HTML TO AZW3 (Kindle eBook format)
Преобразовать HTML TO SVG (Файл масштабируемой векторной графики)
Преобразовать HTML TO TIFF (Формат файла изображения с тегами)
Преобразовать HTML TO TIF (Формат файла изображения с тегами)
Преобразовать HTML TO JPG (Файл изображения Объединенной группы экспертов по фотографии)
Преобразовать HTML TO JPEG (Изображение в формате JPEG)
Преобразовать HTML TO PNG (Портативная сетевая графика)
Преобразовать HTML TO GIF (Графический файл формата обмена)
Преобразовать HTML TO BMP (Формат растрового файла)
HTML TO PSD Преобразование (Документ Adobe Photoshop)
HTML TO WMF Преобразование (Метафайл Windows)
HTML TO EMF Преобразование (Расширенный формат метафайла)
HTML TO DCM Преобразование (DICOM-изображение)
HTML TO DICOM Преобразование (Цифровая визуализация и коммуникации в медицине)
HTML TO WEBP Преобразование (Формат файла растрового веб-изображения)
HTML TO JP2 Преобразование (Основной файл изображения JPEG 2000)
HTML TO EMZ Преобразование (Расширенный сжатый метафайл Windows)
HTML TO WMZ Преобразование (Метафайл Windows сжат)
HTML TO SVGZ Преобразование (Сжатый файл масштабируемой векторной графики)
HTML TO TGA Преобразование (Тарга Графика)
HTML TO PSB Преобразование (Файл изображения Adobe Photoshop)
HTML TO DOC Преобразование (Документ Microsoft Word)
HTML TO DOCM Преобразование (Документ Microsoft Word с поддержкой макросов)
HTML TO DOCX Преобразование (Документ Microsoft Word с открытым XML)
HTML TO DOT Преобразование (Шаблон документа Microsoft Word)
HTML TO DOTM Преобразование (Шаблон Microsoft Word с поддержкой макросов)
HTML TO DOTX Преобразование (Шаблон документа Word Open XML)
HTML TO RTF Преобразование (Расширенный текстовый формат файла)
HTML TO ODT Преобразование (Открыть текст документа)
HTML TO OTT Преобразование (Открыть шаблон документа)
HTML TO TXT Преобразование (Формат обычного текстового файла)
HTML TO MD Преобразование (Уценка)
Бесплатный онлайн-генератор иконок | Преобразование изображения в файл *.
ICO
|
| ||||||||||||||||||||||||
Бесплатный генератор фавиконок, преобразование любого изображения
Бесплатный генератор фавиконки, преобразование любого изображения — WizlogoСоздайте фавикон для своего сайта за считанные секунды. Загрузите файл изображения (GIF, JPG и PNG) и преобразуйте его в фавикон (ICO) или значок приложения.
Как использовать фавикон?
Три простых шага для настройки и использования значка favicon на вашем веб-сайте
1. Загрузите файл
Выберите файл изображения из списка файлов (GIF, JPG или PNG)
2.
Создать значокСоздавайте выбранные файлы значков и легко сохраняйте их.
3. Добавить на сайт
Используйте сохраненные файлы значков и загружайте их на свой веб-сайт
Зачем нужны фавиконки?
Сделайте свой веб-сайт или приложение красивее, добавив этот простой значок
Что такое фавикон?
Фавикон обычно представляет собой крошечный пиксельный значок, который отображается рядом с каждым веб-сайтом, который вы когда-либо посещали. Начиная с размера 16 × 16 пикселей и становясь более заметным, он в основном представляет ваш бренд и является огромным помощником, когда у вашего посетителя открыто несколько вкладок в браузере. Чтобы не потеряться, рекомендуется сделать его максимально читаемым (обычно одна буква или две).
Какой размер фавиконов мне следует использовать?
Фавиконы отображаются разных размеров, но наиболее распространенными являются 16×16, 32×32, 48×48, 64×64 и 128×128. В настоящее время многие браузеры могут читать файлы изображений вместо .ico, поэтому размер фавикона создается самостоятельно — не нужно думать о размерах, просто чтобы он хорошо выглядел.
Какой тип изображения следует использовать для фавиконов?
Большинство интернет-браузеров будут рады изображениям в формате PNG, JPG и GIF в качестве фавиконов. Хотя есть много пользователей Интернета, которые не обновляют версии своих браузеров, и, например, Internet Explorer не будет отображать файлы изображений, так как он требует формата ICO.
Часто задаваемые вопросы о фавиконках
Найдите самые популярные вопросы и ответы, связанные с генератором значков
Что такое генератор значков Wizlogo?
Это бесплатный и простой в использовании инструмент для создания фавиконок на основе веб-сайтов. Имея два варианта на выбор, вы можете создать множество различных вариантов своего фавикона, и это также молниеносно!
Какие параметры следует использовать для экспорта фавикона?
Существует множество различных критериев для использования фавикона. Во-первых, вам нужно решить, где вы собираетесь его использовать. Например, если вы планируете использовать его на своем веб-сайте, в большинстве случаев вам понадобится только одно или несколько небольших сгенерированных изображений. Хотя, если вы с нетерпением ждете возможности использовать свой фавикон в приложениях для iOS или Android, вам понадобится фавикон большего размера. Во-вторых, используйте как можно меньше вариантов. Вы не хотите, чтобы ваш сайт работал медленно, поэтому, возможно, вам понадобится только файл ICO, и он будет работать нормально — много разных сценариев, но не забывайте о скорости.
Могу ли я использовать любой favicon в коммерческих целях?
По-разному. Мы рекомендуем использовать только созданные вами логотипы или изображения для создания фавиконки. Поскольку существует множество брендов с зарегистрированными товарными знаками, вам необходимо проверить, создается ли ваш значок из файлов, на которые у вас есть лицензия.
