Как конвертировать jpg в ico

Незаметный элемент, который откладывается в подсознании каждого

Фавикон – это маленькая картинка. В Яндексе она появляется рядом с названием портала уже в поиске, а также обязательно отображается в браузере, стоит вам открыть ресурс.

Вы наверняка обращали на них внимание. Именно для этого-то они и используются

Иконки способствует запоминанию того или иного ресурса, ведь визуальная информация усваивается значительно быстрее и проникает в само подсознание. Вы можете один раз увидеть человека, проболтать с ним три часа и ковыряться в память очень долго стоит встретить его во второй раз. Визуальная информация (лицо) врезается в память гораздо глубже, чем любая другая.

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

Если вы ищете информацию по определенному запросу и открываете несколько вкладок, то первыми вы будете осматривать те, фавиконы которых вам знакомы, а остальные, скорее всего, закроете, если вас удовлетворят полученные сведения из первых источников.

Расскажу историю о том, как иконка для сайта сыграла со мной злую шутку. Мне было нужно скачать какую-то книгу. Увидел я знакомый фавикон, дизайн тоже я видел не в первый раз. Отлично, я тут уже был! Нажал на скачивание практически не задумываясь. Не успел сохранить, как антивирусник заверещал диким криком, а комп было уже не спасти, пришлось переустанавливать систему. Только в этот момент я вспомнил откуда я знаю этот сайт и хорошо его помню. Точно такая же ситуация случилась около года назад, на этом же ресурсе.

Как сделать favicon.ico самому

  1. Открыть Фотошоп.
  2. Создать документ 32×32 пикселей.
  3. Вставить из Иллюстратора смарт-объект готового изображения.
  4. С помощью команды «Сохранить как» сохранить фавиконку в формате.ICO *.
  5. Полученную фавиконку загрузить в корень сайта и подключить через тему Вордпресс, либо руками прописать в шаблон сайта. О том , я уже писал ранее.

Как установить плагин ICO (Windows Icon) Format

  1. 64-bit Windows (Vista/Windows 7):
    • Restart before installing;
    • Положить плагин в папку C:\Program Files\Adobe\Photoshop\Plug-Ins\File Formats, но у меня другая структура, у меня этот файл хранится здесь: C:\Program Files\Adobe\Adobe Photoshop CS6 (64 Bit)\Plug-ins .
    • If you are running on a 64-bit Windows system and are launching the 64-bit version of Photoshop CS4 or CS5, download the 64-bit version of the plugin
      and put it in the Plug-Ins folder corresponding to 64-bit Photoshop (i.e., the one in «Program Files» not «Program Files (x86)»).
  2. Move the plugin into the «File Formats» folder inside your Photoshop Plugins folder:
    • For Windows (32-bit), ICOFormat.8bi
    • For Windows (64-bit), ICOFormat64.8bi
    • For Mac OS X, ICOFormat.plugin
      (note that separate versions are provided for CS2, CS3/4 and CS5)
    • For Mac OS X/Classic, icoformat
    • For 68K MacOS, icoformat(68K)
  3. If using Corel PSP Photo X2, put the plugin in C:\Program Files\Corel\Corel Paint Shop Pro Photo X2\Languages\EN\PlugIns
  4. Quit and relaunch Photoshop, if it’s already running.

Есть еще онлайн-сервис //www.convertico.com/. ConvertICO это бесплатный онлайн-конвертер файлов ICO/PNG. Он работает быстро и прост в использовании. Он используется для преобразования значков рабочего стола, иконок приложений, а также фавиконок для веб-сайтов.

Сейчас я максимально подробно расскажу как сделать нормальный «.ico», что бы он корректно отображался в операционных системах Windows, на других системах тоже по идее должен, но это не проверенно. Этот урок создан для широкой аудитории, как для знающих, так и для совершенно не знакомых с «Gimp». Например, вы отличный программист, создаёте программы на заказ, интегрируете в них уже готовые «.ico», но вдруг вы решили создать что-то своё, но вы не владеете ни одним графическим редактором, этот урок поможет вам. В этом уроке я буду объяснять не только какие инструменты нужно использовать, а ещё и как их нужно использовать.

Для начала скажу не знающим людям, что такое «.ico» и для чего он нужен.

«.ico» — формат «картинок» присвоенных определённой программе, например:

Перед вами исполняемый файл «Gimp 2.8», а выделенное красной линией и есть «.ico» файл, уже интегрированный в приложение.

То есть, выражаясь простым языком, это картинка программы. Так же «.ico» файл может быть иконкой сайта, курсором, но сейчас нам это не нужно.

Ну вот и всё, приступим к уроку. В этом уроке я буду использовать эту картинку.

1Создание иконки в нужном формате

Все пользователи интернет пространства, кто связан с созданием веб-сайтов, знают о том, каким важным в этих делах является значок Favicon. Благодаря ему пользователь может в оперативном порядке идентифицировать какой-либо ресурс в перечне вкладок браузера.

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

Существует несколько способов создания рассматриваемых иконок:

  • онлайн-сервер
  • программы специального назначения

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

3Favicon.ru

В случае, если вам необходимо будет создать иконку, размер которой будет 16 на 16, тогда для таких целей отлично подойдет всеми известный сайт Favicon.ru. Здесь пользователь также может создать иконку с нуля ил же воспользоваться уже имеющимися вариантами, а здесь их достаточно много, так что ему будет из чего выбрать. Также пользователь имеет возможность разукрашивать созданную иконку тщательно, окрашивая каждый ее пиксель.

Работать в этом ICO-генераторе очень просто, потому как на кране расписаны все возможные функции, которыми может воспользоваться работающий в нем пользователь:

  • На главной странице все описано очень подробно – в верхней части окна вы сможете увидеть формы для загрузки нового изображения, которое хотели бы использовать в качестве внешнего вида для иконки, а ниже вы сможете обнаружить область редактора.
  • Если вы решите генерировать уже готовую иконку, просто нужно будет нажать на значок «Выберите файл». Запутаться здесь у вас не получится даже при желании, потому как все функции расписаны подробно.

  • Процесс создания простой и не требует особых навыков. Для начала загрузите определенную картинку и если вам это нужно – обрежьте, а после этого необходимо будет выбрать «Далее».
  • Если вы захотите с нуля создать иконку, тогда просто выберете «Нарисовать иконку».
  • Как и в предыдущей программе, здесь тоже можно разрисовывать созданную иконку. Просмотреть результат создания иконки можно в предварительном режиме, для этого просто нужно нажать на функцию «Предосмотр».
  • Последним  этапом в этом процессе является скачивание созданного вами файла, то есть, иконки в формате ИСО.
  • Представленные выше программы являются отличным решением при надобности создать иконку в определенном формате. Пользоваться ими очень просто, потому как там все расписано подробно, все необходимые функции находятся в окне программы.

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

Как создать фавикон всего за 2 минуты

Иконка для вашего сайта может быть в формате png или ico, размером 16 х 16 пикселей.

Вы можете воспользоваться конвертером и создать фавикон из любой картинки. Например, тут https://www.icoconverter.com/. Выберите файл.

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

Выбираем 16 пикселей. Некоторые предпочитают изображения в 8 бит (показатель Bit depth). Тогда картинка будет грузиться быстрее. Мне кажется, что это уже не особо актуально. Используйте красивые и качественные вещи. Это будет гораздо полезнее.

Итак, казалось бы, все. Однако, у меня вылезает ошибка. Дело в том, что размер изображения превышает допустимые нормы. Картинка должна быть не более 3 мб.

Можно сжать и обрезать ее в Photoshop или Paint, но я покажу вам другой вариант. Если вы скачали изображение в гугле, то найдите его вновь, а затем запустите «Поиск по картинке».

Теперь выберите «Маленькие».

Скачайте то же самое фото, но меньшего размера.

Конвертируем снова.

Готово. Фавикон уже в ваших загрузках, можно добавлять на сайт.

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

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

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

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

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

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

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

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

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

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

Отправить

Резюме файла ICO

Расширение файла ICO включает в себя один основных типов файлов и его можно открыть с помощью GIMP (разработчик — The GIMP Development Team). В общей сложности с этим форматом связано всего пятнадцать программное (-ых) обеспечение (-я). Чаще всего они имеют тип формата Icon File.
Чаще всего файлы ICO классифицируют, как System Files.

Расширение файла ICO поддерживается Windows, Mac и Linux. Данные типы файлов можно найти в основном на настольных компьютерах и некоторых мобильных устройствах.

Рейтинг популярности расширения файла ICO составляет «Низкий», что означает, что эти файлы, как правило, не встречаются в большинстве файловых хранилищ пользователя.

История

Иконки, представленные в Windows 1.0, имели размер 32 × 32 пикселя и были монохромными. Поддержка 16 цветов была введена в Windows 3.0 .

Win32 представила поддержку хранения изображений значков до 16,7 миллиона цветов (TrueColor) и размером до 256×256 пикселей. Windows 95 также представила новый механизм Device Independent Bitmap (DIB). Тем не менее, 256 цветов было глубиной цвета значков по умолчанию в Windows 95. Можно было включить значков, изменив значение Shell Icon BPP в реестре или купив Microsoft Plus! для Windows 95. Значение размера значка оболочки позволяет использовать значки большего размера вместо значков 32 × 32, а значение размера значка оболочки небольшого размера позволяет использовать пользовательские размеры вместо значков 16 × 16. Таким образом, в одном файле значков можно хранить изображения любого размера от 1 × 1 до 256 × 256 пикселей (включая неквадратные размеры) с 2 (редко используются), 16, 256, 65 535 или 16,7 миллионами цветов; но оболочка не могла отображать значки очень большого размера. Область уведомлений панели задач Windows была ограничена 16 цветными значками по умолчанию до Windows Me, когда она была обновлена ​​для поддержки значков с высоким цветом.

В Windows XP добавлена ​​поддержка (16,7 миллиона цветов плюс прозрачность альфа-канала) изображений значков, что позволяет рисовать в значке полупрозрачные области, такие как тени , сглаживание и эффекты стекла. Windows XP по умолчанию использует значки размером 48 × 48 пикселей в проводнике Windows . Windows XP может быть вынуждена использовать значки размером до 256 × 256, изменив значение размера значка оболочки, но это приведет к увеличению масштаба всех значков 32 × 32 в оболочке. Microsoft рекомендовала для Windows XP только значки размером до 48 × 48 пикселей. Windows XP может уменьшить размер значков 256 × 256 и более, если более близкий размер изображения недоступен.

Windows Vista добавила в проводник Windows вид значков размером 256 × 256 пикселей, а также поддержала сжатый формат PNG . Хотя сжатие не требуется, Microsoft рекомендует сохранять все значки размером 256 × 256 в файлах ICO в формате PNG, чтобы уменьшить общий размер файла. Проводник Windows Vista поддерживает плавное масштабирование значков до нестандартных размеров, которые отображаются на лету, даже если изображение такого размера отсутствует в файле значков. Оболочка Windows Vista добавляет ползунок для «увеличения» и «уменьшения» размеров значков. Пользователям, использующим более высокое разрешение и режимы с высоким разрешением, рекомендуется использовать значки большего формата (например, 256 × 256).

Что было после сборов

После завершения сборов стало возможно перевести токены из личного кабинета на криптовалютную биржу и продать их.

Как и я, многие инвесторы купили токены с бонусом в 25%. Получается, мы могли продать наши токены на 20% дешевле номинала и все равно получить столько же, сколько вложили.

То, что я считал бонусом за покупку, уже на старте снизило стоимость покупаемого токена с 10 до 8 $. Это можно увидеть на графике стоимости токена в первые две недели: он стартовал с 8,4 $ и за несколько дней достиг отметки в 3 $.

Я предположил, что сначала некоторые инвесторы решили обналичить бонусные токены и это вызвало падение цены. А потом и другие инвесторы решили продать свои подешевевшие токены. В итоге цена упала еще больше: началась цепная реакция.

За первые недели после старта торгов цена токена упала в три раза

Я не хотел терять деньги и верил, что у проекта все еще впереди. Пока другие продавали, я докупал токены по 3 $, чтобы заработать еще больше, когда цена пойдет вверх.

Когда паника улеглась, цена токена действительно пошла вверх. Но я начал замечать, что после сбора средств «Полибиус» перестал вести активность в соцсетях: долго не было постов во Вконтакте и на «Хабре». Я начал переживать, что это ICO — мошенничество, и никакой банк никто не планировал делать.

Мои сомнения разделяли и некоторые посетители форумов о криптовалютах

Я решил, что отсутствие активности со стороны проекта — дурной знак, но продавать в тот момент не решился. Слишком маленькой была цена токена на биржах и слишком много я бы потерял, так что решил ждать роста.

В конце октября «Полибиус» прервал молчание. Представители компании рассказали, что они не ожидали, что соберут так много денег. Якобы поэтому им пришлось долго и тщательно подбирать команду, чтобы реализовать все то, что они наобещали. И они даже нашли крутого специалиста, который раньше был важным начальником в швейцарском банке. Только имя сказать не могут из-за договора о неразглашении.

На волне радости инвесторов от этой новости цена токена пошла вверх. Я не рассчитывал, что это будет продолжаться долго, поэтому решил воспользоваться представившейся возможностью и начал продавать свои токены на бирже, пока цена была в диапазоне 6—8 $. Покупателей хватало: на тот момент еще достаточно людей верили в успех проекта. За несколько дней я распродал все токены «Полибиуса» и зафиксировал убытки.

В общей сложности я потерял почти 1000 $. В пересчете на рубли, я вложил 100 тысяч в ICO и на 33 тысячи докупил токенов на бирже. С продажи токенов мне удалось выручить около 68 тысяч рублей, потери составили 65 тысяч.

Это был последний пост «Полибиуса» на «Хабре». А группу во Вконтакте они забросили еще раньше, в июле 2017 года

Устранение неполадок при открытии файлов ICO

Общие проблемы с открытием файлов ICO

GIMP не установлен

Дважды щелкнув по файлу ICO вы можете увидеть системное диалоговое окно, в котором сообщается «Не удается открыть этот тип файла». В этом случае обычно это связано с тем, что на вашем компьютере не установлено GIMP для %%os%%. Так как ваша операционная система не знает, что делать с этим файлом, вы не сможете открыть его дважды щелкнув на него.

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

Установлена неправильная версия GIMP

В некоторых случаях у вас может быть более новая (или более старая) версия файла Icon File, не поддерживаемая установленной версией приложения. При отсутствии правильной версии ПО GIMP (или любой из других программ, перечисленных выше), может потребоваться загрузить другую версию ПО или одного из других прикладных программных средств, перечисленных выше. Такая проблема чаще всего возникает при работе в более старой версии прикладного программного средства с файлом, созданным в более новой версии, который старая версия не может распознать.

Совет: Иногда вы можете получить общее представление о версии файла ICO, щелкнув правой кнопкой мыши на файл, а затем выбрав «Свойства» (Windows) или «Получить информацию» (Mac OSX).

Резюме: В любом случае, большинство проблем, возникающих во время открытия файлов ICO, связаны с отсутствием на вашем компьютере установленного правильного прикладного программного средства.

Даже если на вашем компьютере уже установлено GIMP или другое программное обеспечение, связанное с ICO, вы все равно можете столкнуться с проблемами во время открытия файлов Icon File. Если проблемы открытия файлов ICO до сих пор не устранены, возможно, причина кроется в других проблемах, не позволяющих открыть эти файлы. Такие проблемы включают (представлены в порядке от наиболее до наименее распространенных):

Как преобразовать JPG в ICO

Выполнить преобразование с помощью встроенных в Windows инструментов не представляется возможным. Однако это можно сделать с помощью сторонних программных решений.

Вариант 1: GIMP

Бесплатный профессиональный графический редактор, поддерживающий преобразование файлов в ICO-формат прямо «из коробки». Инструкция по взаимодействию с ним в конкретной ситуации выглядит так:

Откройте изображение, которое вы собираетесь переработать в ICO через интерфейс GIMP.
В верхнем меню нажмите на пункт «Файл». Из контекстного меню выберите пункт «Экспортировать как». Можете использовать сочетание горячих клавиш Shift+Ctrl+E.
Запустится окошко настройки экспорта. В верхнем поле можно задать имя. Ниже выбираете формат «ico»

Обратите внимание, что он может называться «Значок Microsoft Windows». Здесь выбирается директория, куда будет сохранен преобразованный файл.
Нажмите кнопку «Экспортировать» для запуска преобразования.
Программа предложит выполнить настройку параметров ICO

Их можете оставить по умолчанию. Для подтверждения экспорта нажмите соответствующую кнопку.

Вариант 2: XnView

Данная программа предназначена для просмотра графических файлов, но поддерживает и их преобразование в другие форматы, в том числе и ICO. Инструкция по работе с XnView выглядит следующим образом:

  1. С помощью этой программы откройте в режиме просмотра JPG-файл, который вам нужно преобразовать в ICO.
  2. В верхнем меню воспользуйтесь кнопкой «Файл» и выберите из контекстного меню «Сохранить как». Можно использовать комбинацию клавиш Ctrl+Shift+S.
  3. Появится окошко с настройками сохраняемого файла. Здесь указывайте имя файла. В «Тип файла» обязательно выберите параметр ICO. Нажмите «Сохранить».
  4. У вас появится окошко, предупреждающее о потери авторских прав после преобразования. Нажмите «Ок».

Вариант 3: Paint.NET

Является усовершенствованной версией обычного Paint. Распространяется на бесплатной основе, но по умолчанию не поддерживает работу с форматом ICO. Проблема решается скачиваем специального плагина. Его достаточно просто установить в саму программу.

Процесс установки плагина и взаимодействия с ним выглядит следующим образом:

  1. Скаченные файлы плагина скопируйте по одному из следующих адресов:
    • C:\Program Files\paint.net\FileTypes, если речь идет о 64-битной Windows;
    • C:\ Program Files (x86)\ paint.net\FileTypes, если вы пользуетесь 32-битной Windows.
  2. В верхнем меню нажмите по пункту «Файл». Из выпадающего списка выберите «Открыть» или воспользуйтесь сочетанием клавиш Ctrl+O.
  3. Выберите изображение, которое вы будете преобразовывать в ICO. Откройте его в интерфейсе Paint.NET.
  4. Снова нажмите на пункт «Файл» и выберите в контекстном меню пункт «Сохранить как». Можно воспользоваться сочетанием клавиш Ctrl+Shift+S.
  5. Укажите имя файла. В поле «Тип файла» поставьте значение «Icons (*.ico)». Нажмите «Сохранить».

Вариант 4: Adobe Photoshop

Данная программа является самым распространенным профессиональным графическим редактором. Однако распространяется на платной основе и, несмотря на весь свой функционал, не поддерживает работу с ICO-файлами. Данной ограничение исправляется с помощью плагина ICOFormat.

Инструкция по добавлению плагина и взаимодействию с ним выглядит следующим образом:

  1. Загруженный файл плагина необходимо поместить в одну из следующих директорий:
    • C:\Program Files\Adobe\Adobe Photoshop CC 2017\Plug-ins\File Formats для Windows x64;
    • C:\Program Files (x86)\Adobe\Adobe Photoshop CC 2017\Plug-ins\File Formats для Windows x32(x86).
  2. Иногда по указанному местоположению может отсутствовать папка File Formats. В таком случае просто создайте ее.
  3. Откройте изображение, которое собираетесь преобразовать через интерфейс программы.
  4. Измените его размер на 256×256 или меньше. Это можно сделать с помощью «Изображение» — «Размер изображения». В открывшемся окошке указываете новый размер картинки и жмете «Ок».
  5. В верхнем меню нажмите «Файл». Из выпавшего меню выберите пункт «Сохранить как».
  6. Укажите имя файла. «Тип файла» поставьте ICO и нажмите «Сохранить».
  7. Подтвердите выбор формата.

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

Об этой статье

JL

Соавтор(ы): :

Jack Lloyd
Автор и редактор статей о технологиях

Соавтор(ы): . Джек Ллойд — автор и редактор, пишущий о технологиях для wikiHow. Имеет более двух лет опыта в написании и редактировании статей на технические темы. Энтузиаст всего связанного с технологиями и учитель английского языка. Количество просмотров этой статьи: 16 787.

Категории: Графические программы

English:Create an Icon in Paint

Español:crear un icono en Paint

Italiano:Creare un’Icona con Paint

Português:Criar um Ícone no Paint

Deutsch:In Paint ein Icon erstellen

Bahasa Indonesia:Membuat Ikon Menggunakan Paint

Nederlands:Een pictogram maken in Microsoft Paint

Печать

Оцените статью
Рейтинг автора
5
Материал подготовил
Андрей Измаилов
Наш эксперт
Написано статей
116
Добавить комментарий