Создание ico иконок: Иконки для сайта, favicon ICO у нас сделать легко!

30.03.2020 Разное

Содержание

Иконки для сайта, favicon ICO у нас сделать легко!

Как сделать иконки для сайта и зачем это надо? Бесплатная программа Icon Generator поможет создать иконку ico или favicon онлайн

Что такое иконка – прекрасно известно не только любому владельцу или разработчику сайта, но и обычному компьютерному пользователю. В какой бы программе вы не работали, будь то специализированное приложение или обычный Word – вы везде можете увидеть множество иконок, отображающих создание нового документа, удаление, сохранение и прочие действия. Да что там! Взять даже обычный рабочий стол ПК – у каждого здесь найдется пара иконок «Мой компьютер», «Мои документы», «Корзина» и т.д.

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

Как правило, можно задать любой размер, но чаще всего используются иконки ICO 16х16, 32х32, 48х48 пикселов. Структура иконки ICO близка к формату BMP, но имеет одно отличие – наличие дополнительного изображения-маски, которая накладывается на задний план для прозрачности рисунка.

В общем, иконки ICO мы видим повсюду. Но у многих пользователей возникает резонный вопрос: зачем эти значки нужны? Что такое favicon.ico? Какой программой воспользоваться для создания иконки для сайта в формате ICO? Итак, обо всем – по порядку.

Для чего нужны иконки ICO?

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

Простота распознавания. Создать иконки для сайта ICO 16х16 или 48х48 – настоящая необходимость, если вы действительно заботитесь о своих пользователях. Давайте на секунду представим, что стандартные пункты меню, оснащенные надписями и иконками, стали плохо видны (для людей с плохим зрением это представить несложно). И, о ужас, мы больше не можем прочитать ни одной надписи! Тем не менее, практически все иконки ICO остались узнаваемыми – теперь, даже не читая надпись, мы можем с легкостью делать в программе нужные действия благодаря привычным значкам.
Узнаваемость. Решив создать иконку ICO, вы заметите, что каждый такой значок в отличие от надписи обладает своими собственными характеристиками – формой и цветом. Таким образом, чтобы отличить одну надпись от другой, вам нужно ее прочитать. В случае с иконками ICO ничего читать не надо – достаточно секундного взгляда.
Запоминаемость. Экспериментально доказано, что картинки запоминаются лучше, чем надписи. Таким образом, со временем иконка вызывает даже определенные ассоциации в голове у пользователя. А ведь именно это вам и надо! Решив воспользоваться программой для создания иконки для сайта в формате ICO, в конечном итоге вы сможете создать значок, который настолько запомнится вашему пользователю, что в дальнейшем будет ассоциироваться у него только с вашим сайтом.

Привлечение пользователей. Иконки ICO 16х16 – отличный способ привлекать на сайт пользователей чуть чаще. Не так давно веб-мастера придумали такую «фишку» — размещать иконку ICO в адресной строке рядом с именем сайта. Такой значок получил название favicon.ico и позволил выделить определенный сайт из множества конкурентов. Но подробнее об этом – в следующем пункте.

Особенности и значение favicon.ico

Favicon (сокращение от FAVorites ICON – «значок для избранного») – иконка для сайта. Решив создать иконку favicon.ico для сайта, получившийся значок будет отображаться не только перед URL страницы в адресной строке, но и рядом с закладкой, во вкладках, в выдаче поисковика и прочих местах.

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

Решив создать favicon.ico, иконки для сайта, вы получаете возможность придать вашему ресурсу индивидуальность, сделать его более узнаваемым и популярным. Но как сделать иконку favicon.ico для сайта? Какую прогу использовать, чтобы конвертировать BMP, PNG в иконку ICO онлайн?

Icon Generator (Генератор): бесплатная программа-редактор favicon.ico и любых иконок для сайта и рабочего стола

Чтобы конвертировать BMP, PNG в ICO онлайн , требуется специальная программа для создания иконок для сайта. При этом, хочется найти приложение, которое поможет перевести изображение в иконку ICO 16х16, 32х32 не только быстро и качественно, но еще и бесплатно. Наша программа Icon Generator (Генератор) станет для вас идеальным решением!

Пользоваться нашей программой для создания иконки для сайта, favicon.

ico легко и просто. Все что от вас требуется, чтобы конвертировать BMP, PNG в ICO онлайн – выполнить несколько простых действий:

выберите на компьютере нужное изображение;
загрузите его в нашу программу;
нажмите «Создать ICO».

За несколько секунд задайте нужные параметры для будущего значка и создайте уникальную иконку для сайта, favicon.ico. Если вы хотите постоянно пользоваться нашей бесплатной программой для создания иконок для сайта в формате ICO – просто зарегистрируйтесь на нашем сайте!
Вы сможете продолжить свою работу, даже если при предыдущем посещении вам пришлось прервать создание favicon.ico. А лучшие ваши работы вы всегда сможете найти и скачать в галерее ICO на нашем сайте.

Как создать иконку ico онлайн

Неотъемлемой частью современных веб-сайтов является значок Favicon, позволяющий быстро идентифицировать тот или иной ресурс в списке вкладок браузера. Также сложно представить компьютерную программу без собственного уникального ярлыка. При этом сайты и софт в таком случае объединяет не совсем очевидная деталь — и те и другие используют иконки в формате ICO.

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

Как создать иконку ICO онлайн

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

Но в основном все генераторы иконок предлагают и то, и другое.

Способ 1: X-Icon Editor

Этот сервис является наиболее функциональным решением для создания ICO-картинок. Веб-приложение позволяет вам детально прорисовать иконку вручную либо же воспользоваться уже готовым изображением. Главным преимуществом инструмента является возможность экспорта картинки с разрешением вплоть до 64×64.

Онлайн-сервис X-Icon Editor

Чтобы создать ICO-иконку в X-Icon Editor из уже имеющейся на вашем компьютере картинки, перейдите по ссылке выше и воспользуйтесь кнопкой «Import».
Во всплывающем окне щелкните «Upload» и выберите нужное изображение в Проводнике.

Определитесь с размерами будущей иконки и нажмите «Ok».
Получившийся значок по желанию вы можете изменить с помощью инструментов встроенного редактора. Причем работать позволяется со всеми доступными размерами иконки в индивидуальном порядке.

В этом же редакторе вы можете создать картинку с нуля.
Чтобы предварительно взглянуть на результат, щелкните по кнопке «Preview», а для перехода к скачиванию готовой иконки нажмите «Export».
Далее просто кликните по надписи «Export your icon» во всплывающем окне и файл с соответствующим расширением будет сохранен в памяти вашего компьютера.

Так, если нужно создать целый набор однотипных иконок разного размера — ничего лучше, чем X-Icon Editor для этих целей вам не найти.

Способ 2: Favicon.ru

При необходимости сгенерировать значок favicon с разрешением 16×16 для веб-сайта, отличным инструментом также может служить русскоязычный онлайн-сервис Favicon.ru. Как и в случае с предыдущим решением, здесь вы можете как самостоятельно нарисовать иконку, раскрашивая каждый пиксель отдельно, так и создать favicon из готовой картинки.

Онлайн-сервис Favicon.ru

На главной странице ICO-генератора сразу доступны все нужные инструменты: сверху — форма для загрузки готовой картинки под иконку, ниже — область редактора.
Чтобы сгенерировать иконку на основе имеющейся картинки, щелкните по кнопке «Выберите файл» под заголовком «Сделать favicon из изображения».
После загрузки изображения на сайт обрежьте его, если нужно, и нажмите «Далее».
При желании отредактируйте получившуюся иконку в области с заголовком «Нарисовать иконку».

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

Чтобы подготовить иконку к загрузке на компьютер, нажмите «Скачать Favicon».
Теперь в открывшейся странице остается лишь щелкнуть по кнопке «Скачать».

Как результат, на вашем ПК сохраняется файл с расширением ICO, представляющий собою картинку размером 16×16 пикселей. Сервис отлично подойдет для тех, кому требуется всего лишь конвертировать изображение в маленькую иконку. Впрочем, и проявлять фантазию в Favicon.ru совсем не запрещается.

Способ 3: Favicon.cc

Схожий с предыдущим как по названию, так и по принципу работы, но еще более продвинутый генератор иконок. Помимо создания обычных картинок 16×16, сервис позволяет легко нарисовать анимированный favicon.ico для вашего сайта. Кроме того, ресурс содержит тысячи пользовательских иконок, доступных для свободного скачивания.

Онлайн-сервис Favicon.cc

Как и на описанных выше сайтах, работу с Favicon.cc вам предлагается начать прямо с главной страницы.

Если вы желаете создать иконку с нуля, можете воспользоваться холстом, занимающим центральную часть интерфейса, и инструментарием в колонке справа.
Ну а для конвертирования уже имеющейся картинки нажмите на кнопку «Import Image» в меню слева.
С помощью кнопки «Выберите файл» отметьте нужное изображение в окне Проводника и укажите, нужно ли сохранить пропорции загружаемой картинки («Keep dimensions») или же подогнать их под квадрат («Shrink to square icon»).

Затем щелкните «Upload».
При надобности отредактируйте иконку в редакторе и, если все устраивает, перейдите к разделу «Preview».

Здесь вы можете увидеть, как будет выглядеть готовый favicon в браузерной строке либо списке вкладок. Все устраивает? Тогда скачайте иконку одним нажатием на кнопку «Download Favicon».

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

Способ 4: Favicon.by

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

Онлайн-сервис Favicon. by

Осуществив переход по ссылке выше, вы увидите уже знакомый набор инструментов, холст для рисования и формы импорта картинок.

Так, загрузите готовое изображение на сайт либо же нарисуйте favicon самостоятельно.
Ознакомьтесь с наглядным результатом работы сервиса в разделе «Ваш результат» и нажмите на кнопку «Скачать фавиконку».

Выполнив эти действия, вы сохраните готовый ICO-файл в память своего компьютера.

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

Способ 5: Online-Convert

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

Онлайн-сервис Online-Convert

Чтобы приступить к созданию иконки с помощью этого ресурса, сначала импортируйте нужное вам изображение на сайт при помощи кнопки «Выберите файл».

Либо же загрузите картинку по ссылке или с облачного хранилища.
Если вам требуется ICO-файл с конкретным разрешением, например, 16×16 для favicon, в поле «Изменить размер» раздела «Дополнительные настройки» введите ширину и высоту будущей иконки.

Затем просто щелкните по кнопке «Преобразовать файл».
Спустя несколько секунд вы получите сообщение вида «Ваш файл был успешно преобразован», а картинка автоматически будет сохранена в памяти вашего компьютера.

Как видите, создать иконку ICO при помощи сайта Online-Convert совсем несложно, и делается это буквально за пару кликов мыши.

Читайте также:
Конвертируем изображения PNG в ICO
Как конвертировать JPG в ICO

Что же касается того, какой сервис использовать именно вам, здесь есть лишь один нюанс, и заключается он в том, для чего вы намерены использовать сгенерированные иконки. Так, если нужен favicon-значок, подойдет абсолютно любой из представленных выше инструментов. А вот для других целей, к примеру, при разработке ПО, могут применяться картинки ICO совершенно других размеров, поэтому в таких случаях лучше использовать универсальные решения вроде X-Icon Editor или Online-Convert.

Мы рады, что смогли помочь Вам в решении проблемы.
Опишите, что у вас не получилось. Наши специалисты постараются ответить максимально быстро.

Помогла ли вам эта статья?

ДА НЕТ

Как из картинки сделать иконку ico

Как создать иконку ICO онлайн

Способ 1: X-Icon Editor

Чтобы создать ICO-иконку в X-Icon Editor из уже имеющейся на вашем компьютере картинки, перейдите по ссылке выше и воспользуйтесь кнопкой «Import».
Во всплывающем окне щелкните «Upload» и выберите нужное изображение в Проводнике.
Определитесь с размерами будущей иконки и нажмите «Ok».
Получившийся значок по желанию вы можете изменить с помощью инструментов встроенного редактора. Причем работать позволяется со всеми доступными размерами иконки в индивидуальном порядке.
В этом же редакторе вы можете создать картинку с нуля.

Чтобы предварительно взглянуть на результат, щелкните по кнопке «Preview», а для перехода к скачиванию готовой иконки нажмите «Export».

Далее просто кликните по надписи «Export your icon» во всплывающем окне и файл с соответствующим расширением будет сохранен в памяти вашего компьютера.

Способ 2: Favicon.ru

При необходимости сгенерировать значок favicon с разрешением 16×16 для веб-сайта, отличным инструментом также может служить русскоязычный онлайн-сервис Favicon. ru. Как и в случае с предыдущим решением, здесь вы можете как самостоятельно нарисовать иконку, раскрашивая каждый пиксель отдельно, так и создать favicon из готовой картинки.

На главной странице ICO-генератора сразу доступны все нужные инструменты: сверху — форма для загрузки готовой картинки под иконку, ниже — область редактора.
Чтобы сгенерировать иконку на основе имеющейся картинки, щелкните по кнопке «Выберите файл» под заголовком «Сделать favicon из изображения».
После загрузки изображения на сайт обрежьте его, если нужно, и нажмите «Далее».
При желании отредактируйте получившуюся иконку в области с заголовком «Нарисовать иконку».
При помощи этого же холста вы можете нарисовать ICO-картинку самостоятельно, раскрашивая на ней отдельные пиксели.
Результат своей работы вам предлагается наблюдать в области «Предпросмотр». Здесь по мере редактирования картинки фиксируется каждое изменение, сделанное на холсте.
Чтобы подготовить иконку к загрузке на компьютер, нажмите «Скачать Favicon».
Теперь в открывшейся странице остается лишь щелкнуть по кнопке «Скачать».

Способ 3: Favicon.cc

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

Ну а для конвертирования уже имеющейся картинки нажмите на кнопку «Import Image» в меню слева.

С помощью кнопки «Выберите файл» отметьте нужное изображение в окне Проводника и укажите, нужно ли сохранить пропорции загружаемой картинки («Keep dimensions») или же подогнать их под квадрат («Shrink to square icon»).

Затем щелкните «Upload».

При надобности отредактируйте иконку в редакторе и, если все устраивает, перейдите к разделу «Preview».

Способ 4: Favicon.by

Осуществив переход по ссылке выше, вы увидите уже знакомый набор инструментов, холст для рисования и формы импорта картинок.
Так, загрузите готовое изображение на сайт либо же нарисуйте favicon самостоятельно.
Ознакомьтесь с наглядным результатом работы сервиса в разделе «Ваш результат» и нажмите на кнопку «Скачать фавиконку».

Выполнив эти действия, вы сохраните готовый ICO-файл в память своего компьютера.

Способ 5: Online-Convert

Чтобы приступить к созданию иконки с помощью этого ресурса, сначала импортируйте нужное вам изображение на сайт при помощи кнопки «Выберите файл».

Либо же загрузите картинку по ссылке или с облачного хранилища.
Если вам требуется ICO-файл с конкретным разрешением, например, 16×16 для favicon, в поле «Изменить размер» раздела «Дополнительные настройки» введите ширину и высоту будущей иконки.

Затем просто щелкните по кнопке «Преобразовать файл».
Спустя несколько секунд вы получите сообщение вида «Ваш файл был успешно преобразован», а картинка автоматически будет сохранена в памяти вашего компьютера.

Отблагодарите автора, поделитесь статьей в социальных сетях.

Он-лайн конвертер изображений

Создавайте изображения ICO из файлов различных форматов с помощью он-лайн конвертера ICO. Максимальный размер файлов ICO — 256 пикселов. Если вы не введете размер файлов, размер вашего файла будет автоматически изменен до указанного значения.

Ошибка: количество входящих данных превысило лимит в 10.

Чтобы продолжить, вам необходимо обновить свою учетную запись:

Ошибка: общий размер файла превысил лимит в 100 MB.

Чтобы продолжить, вам необходимо обновить свою учетную запись:

Ошибка: общий размер файла превысил абсолютный лимит в 8GB.

Для платных аккаунтов мы предлагаем:

8GB

200

Высокий приоритет

отсутствие рекламы

Гарантированный возврат денег

100 Мб

Обычный приоритет

Наличие

Мы не может загружать видео с Youtube.

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

3FR в ICO,
AFF в ICO,
AI в ICO,
ANI в ICO,
ART в ICO,
ARW в ICO,
AVI в ICO,
AVS в ICO,
BMP в ICO,
CGM в ICO,
CIN в ICO,
CMYK в ICO,
CMYKA в ICO,
CR2 в ICO,
CRW в ICO,
CUR в ICO,
CUT в ICO,
DCM в ICO,
DCR в ICO,
DCX в ICO,
DDS в ICO,
DFONT в ICO,
DIA в ICO,
DNG в ICO,
DPX в ICO,
EPDF в ICO,
EPI в ICO,
EPS в ICO,
EPSF в ICO,
EPSI в ICO,
EPT в ICO,
EPT2 в ICO,
EPT3 в ICO,
ERF в ICO,
EXR в ICO,
FAX в ICO,
FIG в ICO,
FITS в ICO,
FPX в ICO,
FRACTAL в ICO,
FTS в ICO,
G3 в ICO,
GIF в ICO,
GIF87 в ICO,
GRAY в ICO,
GRB в ICO,
HDR в ICO,
HRZ в ICO,
ICB в ICO,
ICO в ICO,
ICON в ICO,
IPL в ICO,
JBG в ICO,
JBIG в ICO,
JNG в ICO,
JP2 в ICO,
JPC в ICO,
JPE в ICO,
JPEG в ICO,
JPG в ICO,
JPX в ICO,
K25 в ICO,
KDC в ICO,
M2V в ICO,
M4V в ICO,
MAT в ICO,
MIFF в ICO,
MNG в ICO,
MONO в ICO,
MOV в ICO,
MP4 в ICO,
MPC в ICO,
MPEG в ICO,
MPG в ICO,
MRW в ICO,
MSL в ICO,
MSVG в ICO,
MTV в ICO,
MVG в ICO,
NEF в ICO,
NRW в ICO,
ORF в ICO,
OTB в ICO,
OTF в ICO,
PAL в ICO,
PALM в ICO,
PAM в ICO,
PBM в ICO,
PCD в ICO,
PCDS в ICO,
PCL в ICO,
PCT в ICO,
PCX в ICO,
PDB в ICO,
PDF в ICO,
PDFA в ICO,
PEF в ICO,
PES в ICO,
PFA в ICO,
PFB в ICO,
PFM в ICO,
PGM в ICO,
PICON в ICO,
PICT в ICO,
PIX в ICO,
PJPEG в ICO,
PLASMA в ICO,
PNG в ICO,
PNG24 в ICO,
PNG32 в ICO,
PNG8 в ICO,
PNM в ICO,
PPM в ICO,
PS в ICO,
PSD в ICO,
PTIF в ICO,
PWP в ICO,
RAF в ICO,
RAS в ICO,
RGB в ICO,
RGBA в ICO,
RLA в ICO,
RLE в ICO,
SCT в ICO,
SFW в ICO,
SGI в ICO,
SK в ICO,
SK1 в ICO,
SR2 в ICO,
SRF в ICO,
SUN в ICO,
SVG в ICO,
SVGZ в ICO,
TGA в ICO,
TIF в ICO,
TIFF в ICO,
TIM в ICO,
TTC в ICO,
TTF в ICO,
TXT в ICO,
VDA в ICO,
VICAR в ICO,
VID в ICO,
VIFF в ICO,
VST в ICO,
WBMP в ICO,
WEBP в ICO,
WMF в ICO,
WMZ в ICO,
WPG в ICO,
X в ICO,
X3F в ICO,
XAML в ICO,
XBM в ICO,
XC в ICO,
XCF в ICO,
XFIG в ICO,
XPM в ICO,
XV в ICO,
XWD в ICO,
YCBCR в ICO,
YCBCRA в ICO,
YUV в ICO

ICO, Microsoft icon file

(.ico)

Расширение файлов ICO широко используется в ОС Windows для отображения изображения иконок. Иконки могут изображать меню «Пуск», ярлыки, папки или программы. Для связи изображения с файлом.
Что такое ICO?

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

Сделать иконку (значок) папки из своей фотографии можно в стандартной программе — Paint, которая у каждого должна быть в операционной системе windows 7

Поверьте мне, со своими значками вам намного будет удобней и быстрей отыскать нужную папку, не вчитываясь в текст (название папки)

Вот небольшой пример. Такой вид папки ускоряет поиск среди большого количества похожих папок.

Найти программу « Paint « можно через « Пуск » и « Все программы » Запустите её и перетащите рисунок в окно программы. А ещё проще, это вызвать контекстное меню, щёлкнув по изображению, которое хотите поставить в роли значка, правой клавишей мышки. Выбираем пункт « Изменить » Откроется программа « Paint »

Создаём значок в программе Paint

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

Обрезаем. На панели программы выбираем инструмент « Выделить » В параметрах выделения указываем фигуру « Прямоугольная область » Левой клавишей мышки выделяем фрагмент фото. Удерживая клавишу, смотрим, как изменяется размер в нижней панели программы.

Подогнали размер, жмём кнопку « Обрезать »

Теперь фотография получилась квадратная, продолжаем.

После обрезки меняем размер будущего значка. Жмём « Изменить размер » Изменяем в пикселях и вводим размер 64 по вертикали и горизонтали. Сохраняем « ОК »

Осталось только сохранить готовый значок на рабочий стол или какую-нибудь папку. Сохранять изображение будем в формате «ВМР».

Ставим свой значок на папку

Всё заготовка есть, применяем её к папке. Наводим курсор на любую папку и правой клавишей мышки вызываем меню. В самом низу списка заходим в пункт «свойства » Далее « Настройка » И внизу кнопка « Сменить значок.. »

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

Кстати в проводнике вы его можете не найти, так как наше изображение не является значком формата «ico» Чтобы его увидеть выберите отображать « Все файлы *.* »

Теперь всё в порядке, жмём «ОК»

Вот так всё просто. Папка стала отличатся от остальных, а нам будет легче ориентироваться при её поиске.

Но это ещё не всё. Собственные иконки можно применить и к ярлыкам. Смотрите, как они выглядят на моём рабочем столе.

Это кнопки с командами — спящий режим, перезагрузить компьютер, сменить пользователя и выключить компьютер. Хотите себе такие же? Смотрите, как это сделать «Как создать ярлык «выключить» и «перезагрузить» компьютер?«

Иконки ico: как и зачем их нужно делать

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

Для облегчения понимания можно сказать, что любое изображение ярлыка игры или программы или небольшое изображение, располагающееся в адресной строке браузера, его вкладке или списке закладок является ico иконкой. Сегодня можно встретить иконки 64х64 ico, иконки ico для сайтов и другие форматы:

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

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

Иконки для сайта 16х16 ico можно создать при помощи любого удобного пользователю графического редактора (им может быть даже классический paint в котором можно создать файл 16 на 16 или 32 на 32 пикселя и по точкам нарисовать иконку) или специального интернет ресурса:

Как сделать иконку ico

Есть несколько способов создания иконок ico:

При помощи специализированных графических редакторов, таких как: IconCool Studio и IcoFХ можно создать иконку из большой полноцветной картинки, просто нажав кнопку: «преобразовать» в иконку. При этом нужно будет указать размер будущей картинки. Все остальное программа сделает сама. В ней можно сделать, как иконки 16х16 ico, так и пиктограммы других размеров;
При помощи специального онлайн сервиса (например, favicon.ru), создать иконку онлайн ico невероятно просто:

Для начала пользователю нужно загрузить на сайт выбранное изображение, после чего нужно нажать кнопку «редактировать иконку» и указать, какая часть картинки будет прозрачной. После этого нужно будет нажать кнопки «сохранить изменения» и «создать favicon», после чего пользователю будет отправлен готовый файл с иконкой 16х16 ico. Так же можно нарисовать иконку собственноручно, пользуясь онлайн редактором;
Тем, кто не хочет тратить свое время на рисование или поиск нужной картинки для иконки ico 256×256 или любого другого размера, существуют специальные онлайн ресурсы, где в свободный доступ выложены большие архивы пиктограмм. Огромный набор иконок ico можно свободно скачать с сайта iconpack.ru или любого другого похожего ресурса:

Удачи!

Как создать .Ico в Photoshop (иконку)

Как легко и быстро создать свою иконку в фотошопе. Иконка в Photoshop мы сохраним как формат иконок .ico
Для начала вам надо сделать поддержку формата .ico в фотошопе.

Поддержка формата ICO

Недавно мне понадобилось нарисовать другу favicon в photoshop. После начатой работы я вдруг понял, что photoshop не дружит с ico форматом. Недолго думая, я вдруг вспомнил, что уже сталкивался с этим и подружить ico я мог только с плагином о котором я вам и расскажу.
Для того, чтобы подружить photoshop cs6 и младше с ico форматом (подружить – это открывать формат ico, редактировать его, сохранять в другой формат или сохранять в ico) нам понадобиться плагин.
Итак первым делом давайте скачаем плагин, примерно с этого сайта выбрав для какой разрядности (я не знаю как у меня разрядность Windows) вам нужен плагин или для 32-ух или для 64-ёх разрядной системы

После того, как вы загрузили zip файл извлеките из него один файл с расширением 8bi.

Теперь этот файл киньте в папку (для 32-ух и 64-ёх разрядных систем)
C:/Program Files/Adobe/Adobe Photoshop CS6 (64 Bit)/Required/Plug-Ins/File Formats/
C:/Program Files (x86)/Adobe/Adobe Photoshop CS6/Required/Plug-Ins/File Formats

После этого выйдите из photoshop и запустите его заново. Теперь вы можете сохранять в ico и открывать ico формат прямо в своём любимом редакторе photoshop. Единственное, что если вы хотите сохранить в формате ico размер должен быть 16 на 16 пикселей или окошка с выбором сохранения в ico НЕ БУДЕТ!

После того, как фотошоп у нас уже поддерживает ico формат, мы можем приступать к созданию иконки в фотошопе. Если вы хорошо рисуете, то можете нарисовать на новом документе, с прозрачным фоном иконку. Разрешение не более чем 512 на 512 пикселей. Всё равно сохранять иконку мы будем не в формате 512 на 512, а в меньшем!

Как создать иконку в фотошопе (ico photoshop)

Как мы видим, у картинки нет фона. Она нам отлично подойдёт для создания иконки в формате ico в фотошопе. Открываем её в фотошопе, делаем размер 256×256 пикселей и сохраняем в формате ico

Как создать иконку в фотошопе (ico photoshop)

Наша иконка готова, и мы её успешно применяем!

Как создать иконку в фотошопе (ico photoshop)

Все подробности о создании иконки в фотошопе, описаны в видео, которое в начале! Если у кого-то, что-то не выходит смотрим видео обязательно!
Скачать иконку которая вышла в фотошопе, в видеоуроке вы можете, нажав сюда

Конвертировать PNG в ICO онлайн, бесплатно преобразовать .png в .ico

Расширение файла	.png
Категория файла	images
Описание	PNG – растровый графический формат, разработанный в качестве альтернативы GIF, который обладал коммерческой лицензией. В его основе находятся лучшие возможности предшественника, в том числе сжатие без потерь и поддержка прозрачного фона. Технология PNG обеспечивает сохранение всех этапов редактирования и восстановление шага с сохранением качества. Однако она не позволяет сохранять в одном файле сразу несколько картинок, что ограничивает ее использование при разработке анимированных изображений.
Технические детали	Расширение PNG было предложено как инструмент, помогающий передавать и хранить изображения во Всемирной сети. Технология ограничивается 8-битным каналом прозрачности, благодаря чему можно корректировать цвета от непрозрачных до прозрачных. Она поддерживает 24-битовые цвета RGB, соответствующие картинки и оттенки серого. Правда, в качестве непрофессионального формата PNG не может отображать другие цветовые пространства. Открыть такие файлы позволяют большинство программ, также они запускаются в любых браузерах. Изображения отличаются небольшим весом при хорошем качестве.
Программы	Apple Preview Microsoft Windows Photos Adobe Photoshop CC Corel Paint Shop Pro Microsoft Windows Photo Gallery Viewer
Основная программа	Microsoft Paint
Разработчик	PNG Development Group (donated to W3C)
MIME type	image/png

Как Создать и Добавить Иконку для Сайта — Favicon

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

В этом руководстве вы узнаете несколько способов, как добавить favicon на ваш сайт.

1. Какие требования к размеру и формату иконки

Взять любую понравившуюся картинку и с ходу использовать ее как Favicon не получится. Надо соблюсти два несложных требования: выбрать подходящее расширение и размер.

Рекомендуемые форматы изображений для иконки:

.ico (.icns в macOS) — своего рода стандарт, используется повсеместно.
.png — более современный вариант, тоже широко распространен и поддерживается даже во многих старых браузерах.

Можно использовать и другие форматы? например, jpeg или gif. Из-за особенностей браузеров и разных ОС мы рекомендуем выбирать ico. Самый каноничный формат, с которым точно не ошибетесь.

Рекомендуемые размеры для иконок:

16 на 16 px
32 на 32 px
192 на 192 px
512 на 512 px

2. Как и где создать иконку для сайта

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

https://icons8.com — отличный сервис с большим выбором иконок и удобным поиском. Вам достаточно просто отыскать понравившуюся иконку и скачать её.

https://iconsflow.com — на этом сайте кроме большого выбора макетов вы также можете отредактировать иконку: изменить её форму, добавить фон, стиль отображения и пр.

3. Как добавить иконку на сайт

Есть несколько вариантов добавить иконку на сайт.

Вариант 1 — Загрузить иконку в формате favicon.ico в корневой каталог сайта. Все браузеры автоматически распознают этот файл и отобразят изображение в качестве иконки на вкладке. Файл нужно загрузить в корень сайта через файловый менеджер или FTP, формат файла обязательно должен быть ico.

Вариант 2 — Указать путь к иконке в блокев шапке сайта. В этом случае вы можете использовать файлы разных форматов. Вам нужно открыть редактор кода сайта, найти блоки внутри него разместить следующий код со ссылкой на картинку иконки:

Вариант 3 — Воспользоваться стандартным загрузчиком CMS. Все популярные платформы для разработки сайта: WordPress, Joomla, Opencart уже имеют встроенный функционал для загрузки иконок. Вам достаточно открыть настройки сайта и загрузить иконку стандартным способом.

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

Как: создать значок или другое изображение

15.02.2019
10 минут на чтение

В этой статье

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

Значки и курсоры: ресурсы изображений для устройств отображения

Значки и курсоры — это графические ресурсы, которые могут содержать несколько изображений разных размеров и цветовых схем для разных типов устройств отображения.У курсора также есть активная точка — это место, которое Windows использует для отслеживания его положения. И значки, и курсоры создаются и редактируются с помощью редактора изображений Image Editor , а также растровые изображения и другие изображения.

Когда вы создаете новый значок или курсор, Image Editor сначала создает изображение стандартного типа. Изображение изначально заполняется экранным (прозрачным) цветом. Если изображение представляет собой курсор, горячая точка изначально находится в верхнем левом углу с координатами 0,0 .

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

Цвет	Ширина (пикселей)	Высота (пикселей)
Монохромный	16	16
Монохромный	32	32
Монохромный	48	48
Монохромный	64	64
Монохромный	96	96
16	16	16
16	32	32
16	64	64
16	48	48
16	96	96
256	16	16
256	32	32
256	48	48
256	64	64
256	96	96

Создать образ устройства (значок или курсор)

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

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

Диалоговое окно New Image Type позволяет создать новый образ устройства указанного типа.Чтобы открыть диалоговое окно Новое изображение <Устройство> , перейдите в меню Изображение > Новый тип изображения . Включены следующие свойства: Target Image Type и Custom .

Свойство Target Image Type перечисляет доступные типы изображений, в которых вы выбираете тип изображения, который хотите открыть:

16 x 16, 16 цветов
32 x 32, 16 цветов
48 x 48, 16 цветов
64 x 64, 16 цветов
96 x 96, 16 цветов

16 x 16, 256 цветов
32 x 32, 256 цветов
48 x 48, 256 цветов
64 x 64, 256 цветов
96 x 96, 256 цветов

16 x 16, монохромный
32 x 32, монохромный
48 x 48, монохромный
64 x 64, монохромный
96 x 96, монохромный

Примечание

Любые существующие изображения не будут отображаться в этом списке.

Свойство Custom открывает диалоговое окно Custom Image , в котором вы можете создать новое изображение с нестандартным размером и количеством цветов.

Диалоговое окно Custom Image позволяет вам создать новое изображение с нестандартным размером и количеством цветов. Включены следующие свойства:

Объект	Описание
Ширина	Предоставляет место для ввода ширины настраиваемого изображения в пикселях (1–512, ограничение 2048).
Высота	Предоставляет место для ввода высоты пользовательского изображения в пикселях (1–512, ограничение 2048).
Цвета	Предоставляет вам место для выбора количества цветов для пользовательского изображения: 2, 16 или 256.

Используйте диалоговое окно Open Image , чтобы открывать образы устройств в проектах C ++. В нем перечислены существующие образы устройств в текущем ресурсе (изображения, которые являются частью текущего ресурса).Следующее имущество включено:

Объект	Описание
Текущие изображения	Показывает изображения, включенные в ресурс. Выберите тип изображения, которое хотите открыть.

Чтобы создать новый значок или курсор

В представлении ресурсов щелкните правой кнопкой мыши файл .rc , затем выберите Вставить ресурс . Если у вас уже есть существующий ресурс изображений в вашем .rc , например, курсора, вы можете щелкнуть правой кнопкой мыши папку Cursor и выбрать Insert Cursor .
В диалоговом окне «Вставить ресурс» выберите Значок или Курсор и выберите Новый . Для значков это действие создает ресурс значка с 16-цветным значком 32 × 32. Для курсоров создается монохромное (2-цветное) изображение размером 32 × 32.
Если знак «плюс» ( + ) отображается рядом с типом ресурса изображения в диалоговом окне « Вставить ресурс », это означает, что доступны шаблоны панели инструментов.Щелкните значок плюса, чтобы развернуть список шаблонов, выберите шаблон и выберите Новый .

Чтобы добавить изображение для другого устройства отображения

Перейдите в меню Image > New Device Image или щелкните правой кнопкой мыши на панели Image Editor и выберите New Device Image .
Выберите тип изображения, которое вы хотите добавить. Вы также можете выбрать Custom , чтобы создать значок, размер которого недоступен в списке по умолчанию.

Чтобы скопировать образ устройства

Перейдите в меню Изображение > Откройте образ устройства и выберите изображение из текущего списка изображений. Например, выберите 16-цветную версию значка 32 × 32.
Скопируйте текущее отображаемое изображение значка ( Ctrl + C ).
Откройте другое изображение значка в другом окне Image Editor . Например, откройте 16-цветную 16-цветную версию значка.
Вставьте изображение значка ( Ctrl + V ) из одного окна Image Editor в другое. Если вы вставляете больший размер в меньший, вы можете использовать маркеры значков, чтобы изменить размер изображения.

Для удаления образа устройства

Пока изображение значка отображается в редакторе изображений , перейдите в меню Изображение > Удалить изображение устройства . Когда вы удаляете последнее изображение значка в ресурсе, ресурс также удаляется.

Примечание

Когда вы нажимаете клавишу Del , изображения и цвета, которые вы нарисовали на значке, удаляются, но значок остается, и теперь вы можете изменить его дизайн. Если вы по ошибке нажали Del , нажмите Ctrl + Z , чтобы отменить действие.

Для создания прозрачных или инверсных областей на изображениях устройств

В редакторе изображений начальный значок или изображение курсора имеет атрибут прозрачности. Хотя изображения значков и курсоров имеют прямоугольную форму, многие из них не отображаются, потому что части изображения прозрачны, а нижележащее изображение на экране отображается через значок или курсор.При перетаскивании значка части изображения могут отображаться в инвертированном цвете. Вы можете создать этот эффект, установив цвет экрана и инверсный цвет в окне «Цвета».

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

Примечание

Диалоговые окна и команды меню, которые вы видите, могут отличаться от описанных в справке Help в зависимости от ваших активных настроек или выпуска. Чтобы изменить настройки, перейдите в меню Инструменты > Импорт и экспорт настроек . Дополнительные сведения см. В разделе Персонализация интегрированной среды разработки Visual Studio.

Для создания прозрачных или инверсных областей

В окне Цвета выберите селектор Цвет экрана или Инверсный цвет .
Примените экран или инвертированный цвет к изображению с помощью инструмента рисования. Дополнительные сведения об инструментах рисования см. В разделе Использование инструментов рисования.

Для изменения цвета экрана или инвертирования

Выберите либо селектор Screen-Color , либо селектор Inverse-Color .
Выберите цвет из палитры Цвета в окне Цвета .
Дополнительный цвет автоматически назначается другому селектору.

Использовать 256-цветовую палитру

С помощью редактора изображений значки и курсоры могут быть большого размера (64 × 64) с 256-цветной палитрой на выбор. После создания ресурса выбирается стиль образа устройства.

Для создания 256-цветного значка или курсора

В представлении ресурсов щелкните правой кнопкой мыши файл .rc , затем выберите Вставить ресурс . Если у вас уже есть существующий ресурс изображений в вашем .rc , например, курсора, вы можете щелкнуть правой кнопкой мыши папку Cursor и выбрать Insert Cursor .
В диалоговом окне «Вставить ресурс» выберите Значок или Курсор и выберите Новый .
Перейдите в меню Изображение > Новое изображение устройства и выберите нужный стиль 256-цветного изображения.

Чтобы выбрать цвет из 256-цветовой палитры для больших значков

Чтобы рисовать с выбором из 256-цветовой палитры, необходимо выбрать цвета из палитры Цвета в окне «Цвета».

Выберите большой значок или курсор или создайте новый большой значок или курсор.
Выберите цвет из 256 цветов, отображаемых в палитре Цвета в окне Цвета .
Выбранный цвет станет текущим цветом в палитре Цвета в окне Цвета .
Примечание
Исходная палитра, используемая для 256-цветных изображений, соответствует палитре, возвращаемой Windows API CreateHalftonePalette .Все значки, предназначенные для оболочки Windows, должны использовать эту палитру, чтобы предотвратить мерцание во время реализации палитры.

Для установки активной точки курсора

Активная точка курсора — это точка, на которую Windows ссылается при отслеживании положения курсора. По умолчанию активная точка устанавливается в верхнем левом углу курсора с координатами 0,0 . Свойство Hotspot в окне «Свойства» показывает координаты горячей точки.

На панели инструментов редактора изображений выберите инструмент Установить точку доступа .
Выберите пиксель, который нужно назначить активной точкой курсора.
Свойство Hotspot в окне Properties отображает новые координаты.

Для создания и сохранения растрового изображения в формате .gif или .jpeg

При создании растрового изображения изображение создается в формате растрового изображения (.bmp). Однако вы можете сохранить изображение в формате GIF, JPEG или в других графических форматах.

Примечание

Этот процесс не применяется к значкам и курсорам.

Перейдите в меню Файл > Откройте , затем выберите Файл .
В диалоговом окне New File выберите папку Visual C ++ , затем выберите Bitmap File (.bmp) в поле Templates и выберите Open .
Растровое изображение открывается в редакторе изображений .
При необходимости внесите изменения в новое растровое изображение.
Когда растровое изображение все еще открыто в редакторе изображений , перейдите в меню Файл > Сохранить имя файла .bmp As .
В диалоговом окне Сохранить файл как введите имя, которое вы хотите дать файлу, и расширение, обозначающее формат файла, который вы хотите, в поле Имя файла . Например, myfile.gif .
Выберите Сохранить .

Для преобразования изображения из одного формата в другой

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

Откройте изображение в редакторе изображений Image Editor .
Перейти в меню Файл > Сохранить имя файла как .
В диалоговом окне Сохранить файл как в поле Имя файла введите имя файла и расширение, обозначающее нужный формат.
Выберите Сохранить .

Чтобы добавить новый ресурс изображения в неуправляемый проект C ++

В представлении ресурсов щелкните правой кнопкой мыши файл .rc , затем выберите Вставить ресурс . Если у вас уже есть существующий ресурс изображения в файле .rc , такой как курсор, вы можете просто щелкнуть правой кнопкой мыши папку Cursor и выбрать Insert Cursor .
В диалоговом окне «Вставить ресурс» выберите тип ресурса изображения, который вы хотите создать (например, Bitmap ), затем выберите New .
Если знак «плюс» ( + ) отображается рядом с типом ресурса изображения в диалоговом окне « Вставить ресурс », это означает, что доступны шаблоны панели инструментов. Щелкните значок плюса, чтобы развернуть список шаблонов, выберите шаблон и выберите Новый .

Чтобы добавить новый ресурс изображения в проект на языке программирования .NET

В обозревателе решений щелкните правой кнопкой мыши папку проекта (например, WindowsApplication1 ).
В контекстном меню выберите Добавить , затем выберите Добавить новый элемент .
На панели Категории разверните папку Локальные элементы проекта , затем выберите Ресурсы .
На панели Templates выберите тип ресурса, который вы хотите добавить в свой проект.
Ресурс добавляется к вашему проекту в Solution Explorer , и ресурс открывается в редакторе изображений.Теперь вы можете использовать все инструменты, доступные в редакторе изображений Image Editor , для изменения вашего изображения. Дополнительные сведения о добавлении изображений в управляемый проект см. В разделе Загрузка изображения во время разработки.

Требования

Нет

См. Также

Image Editor for Icons
How to: Edit an Image
How to: Use a Drawing Tool
How to: Work with Color
Accelerator Keys

Как создать значок в Windows 10 [Полное руководство]

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

Windows 10 включает приложения для 3D-дизайна Paint и Paint. Вы можете установить новые значки с помощью любого программного обеспечения. Однако Paint 3D — это более оснащенный пакет, поскольку он позволяет пользователям добавлять трехмерные формы и наклейки к своим значкам.

Как сделать собственный значок в Windows 10?

1. Создайте значок с помощью Paint 3D

Настроить полотно

Сначала нажмите кнопку Start .
Щелкните Paint 3D в указателе программного обеспечения меню «Пуск».
Щелкните Новый в Paint 3D.
Выберите Canvas, чтобы открыть параметры, показанные непосредственно ниже.
Введите 32 в оба поля Ширина и Высота, чтобы изменить размер холста до 32 x 32.
Прокрутите колесико мыши, чтобы увеличить масштаб и развернуть холст.
Включите опцию Прозрачный холст .

Дизайн иконы

Вы можете нарисовать изображение на холсте значка, выбрав Кисти .Вам нужно выбрать Marker или Pixel Pen с толщиной 1 пиксель.
Чтобы добавить линии и двухмерные фигуры, выберите вкладку 2D-фигур. Затем выберите там линию, кривую или форму.
Paint 3D включает в себя множество опций для добавления трехмерных фигур и моделей к вашему значку. Щелкните 3D-фигуры, чтобы открыть эту вкладку.
Выберите параметр 3D-объекта или модели на боковой панели. Затем, удерживая левую кнопку мыши, перетащите курсор вправо, чтобы развернуть выбранную фигуру так, чтобы она поместилась на холсте вашего значка.
Щелкните фигуру на холсте, чтобы открыть параметры ее поворота, как на снимке ниже.

Настройте свой значок с помощью стикеров

Paint 3D также включает относительно небольшую коллекцию наклеек, которые можно использовать для значков. Перейдите на вкладку «Наклейки».
Выберите наклейку для значка.
Щелкните за пределами области холста значка в левой части окна, чтобы добавить выбранный стикер.
Щелкните левой кнопкой мыши в правом верхнем углу наклейки и перетащите мышь влево, чтобы уменьшить изображение до размеров холста.
Выберите изображение и, удерживая кнопку мыши, перетащите его на холст.
Нажмите кнопку Make 3D , чтобы применить 3D-эффект. Наклейку можно вращать так же, как 3D-фигуры.
Вы можете нажать Пользовательские стикеры > Добавить стикеры , чтобы выбрать загруженные картинки для ваших значков.

Настройте свой значок с помощью 3D-объектов

Paint 3D также содержит коллекцию 3D-изображений, которые вы можете добавить к своим значкам.Щелкните Библиотека 3D, чтобы просмотреть различные категории изображений.
Щелкните изображение, чтобы добавить его на холст.
Возможно, вам потребуется значительно уменьшить масштаб выбранного изображения, чтобы оно поместилось на холсте значка. Чтобы уменьшить изображение, щелкните его верхний правый угол, удерживайте левую кнопку мыши и перетащите курсор влево.

Сохранить дизайн иконки как изображение

Когда вы закончите дизайн значка, нажмите Меню > Сохранить как > Изображение .
Если вы добавили 3D-модель к своему значку, откроется предварительный просмотр изображения, как на снимке ниже. Выберите PNG в меню Сохранить как тип .
Нажмите кнопку Сохранить .
Выберите папку для сохранения изображения PNG.
Выберите 2D — PNG в качестве формата файла.
Введите заголовок изображения и нажмите Сохранить .

Хотите упростить процесс создания иконок? Ознакомьтесь с нашим 6 лучшим руководством по программному обеспечению для создания значков

2.Как преобразовать JPEG в значок в Windows 10?

Файлы PNG, JPEG и JPG можно преобразовать в значки на веб-сайте Online-Convert. Итак, откройте страницу онлайн-преобразования изображений на этом веб-сайте в браузере.
Щелкните Выбрать файлы , чтобы выбрать значок PNG, который вы установили в Paint 3D.
Нажмите кнопку Начать преобразование .
Затем нажмите кнопку Загрузить .

3. Как добавить новые значки на рабочий стол

Теперь вы можете добавить новый значок на рабочий стол Windows 10.Для этого щелкните правой кнопкой мыши по ярлыку, уже находящемуся на рабочем столе, и выберите Properties .
В открывшемся окне выберите вкладку «Настроить».
Нажмите кнопку Изменить значок .
Нажмите кнопку Обзор в окне «Изменить значок».
Затем выберите файл ICO в папке, в которую он загружен.
Нажмите кнопку Открыть .
Щелкните ОК в окне «Изменить значок».
Наконец, выберите опцию Применить .
Нажмите ОК , чтобы закрыть окно.
Теперь ваш пользовательский значок заменит оригинальный значок на рабочем столе. Значок сердца на снимке ниже был создан с помощью Paint 3D.

Итак, вот как вы можете создавать свои собственные значки с помощью Paint 3D.

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

В нашем руководстве по созданию значков содержится подробная информация о лучшем программном обеспечении для создания значков для Windows 10.

2 способа конвертировать файлы PNG, SVG, JPG в файлы ICO в Windows

Если вы являетесь поклонником настройки рабочего стола, вы можете сделать свои папки и файлы уникальными, установив другие значки вместо значений по умолчанию, которые есть в Windows. Хотя вы можете найти огромное количество бесплатных значков в Интернете, вы можете предпочесть создавать свои значки, конвертируя изображения в файлы ICO. Если вы хотите узнать, насколько просто преобразовать файлы PNG, SVG или JPEG в файлы ICO, читайте дальше:

Метод 1.Используйте онлайн-сервис конвертации файлов для преобразования изображений в файлы ICO

Многие веб-сайты предлагают услуги преобразования файлов, включая преобразование файлов изображений, таких как файлы PNG, SVG или JPEG, в файлы ICO. Один из таких веб-сайтов — online-converting.com. Чтобы преобразовать изображение в значок, сначала вы должны загрузить изображение со своего компьютера под управлением Windows.

Загрузка файла изображения на сайт конвертера ICO

Затем вы выбираете разрешения, которые хотите использовать для получившегося значка. Файлы ICO могут хранить значки разных разрешений, поэтому они хорошо выглядят независимо от того, насколько большие или маленькие вы предпочитаете свои значки в Windows.Если вы собираетесь использовать файл ICO в Windows 10, убедитесь, что вы отметили параметр «256 пикселей» . Кроме того, если размер полученного файла ICO не является проблемой, вы можете проверить все доступные разрешения.

Онлайн-конвертер ICO — Выбор разрешений, используемых для файла ICO

Третий параметр, который вы можете изменить, — это «Битовая глубина», , которая может составлять «8 бит (256 цветов, палитра)» или «24 или 32 бит (32 бит — только изображение с альфа-прозрачностью)» .Если вы хотите получить качественную иконку, выберите второй вариант: «24 или 32 бита […]» . Он поддерживает 16 миллионов цветов, что означает, что создаваемые вами значки более детализированы и, вероятно, красивее. Старые операционные системы использовали 8-битный вариант в те времена, когда экраны не могли отображать больше цветов.

Онлайн-конвертер ICO — Выбор разрядности файла ICO

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

Онлайн-конвертер ICO — преобразование изображения в иконку

ПРИМЕЧАНИЕ: Мы также нашли другие полезные веб-сайты, которые могут конвертировать файлы PNG, SVG или JPG в файлы ICO, которые вы можете использовать в качестве значков в Windows. Однако большинство из них похожи, поэтому подробно рассказывать обо всех не имеет смысла. Вот два таких сайта, которые нам особенно понравились: icoconvert.com и convertico.com.

Метод 2. Используйте приложение для автономного преобразования файлов для преобразования изображений в файлы ICO.

Использование автономного средства преобразования файлов — еще один отличный метод преобразования файлов изображений PNG, SVG, JPG или других типов в файлы ICO (значки).К счастью, существует множество таких приложений и даже плагинов для гораздо более сложных графических процессоров, таких как Adobe Photoshop. С другой стороны, они обычно стоят денег или сложны в использовании.

Одно из лучших бесплатных приложений, которое мы нашли, называется ConvertIcon Desktop . Вы можете получить его в Softpedia, перейдя по этой ссылке: ConvertIcon Desktop. ConvertIcon Desktop — портативное приложение, а это значит, что вам не нужно его устанавливать. Вы загружаете приложение и запускаете его. После запуска щелкните или коснитесь « Начало работы .«

Запуск настольного приложения ConvertIcon

В диалоговом окне «Выберите файл для загрузки с локального хоста» выберите «Изображение (png, gif, jpg)» в списке «Файлы типа» . Затем просмотрите свой компьютер и откройте файл изображения, который вы хотите преобразовать в формат файла ICO.

ConvertIcon Desktop — Выбор файла изображения для преобразования в ICO

ConvertIcon Desktop показывает выбранное изображение. Щелкните или коснитесь Экспорт .

ConvertIcon Desktop — экспорт изображения в виде значка

В окне Параметры экспорта выберите разрешения, которые вы хотите включить в итоговый файл ICO.Не забудьте включить разрешение 512 x 512, особенно если вы используете Windows 10. Разрешение Исходный размер не обязательно, хотя оно выбрано по умолчанию — снимите флажок, если вы хотите, чтобы файл ICO имел гораздо меньший размер.

ConvertIcon Desktop — выбор разрешения значков и их сохранение.

Когда закончите, нажмите Сохранить как и выберите место для сохранения файла ICO на вашем ПК с Windows.

Как использовать вновь созданные значки

Созданные значки можно использовать по-разному.Вот несколько руководств, которые помогут вам начать:

Какой метод вы предпочитаете для преобразования файлов изображений в значки?

Теперь вы знаете два простых способа преобразовать файлы изображений в значки. Какой вам больше нравится? Самый простой и быстрый способ пользоваться Интернетом или «через приложение»? Знаете ли вы другие способы преобразования изображений в файлы ICO? Поделитесь ими в разделе комментариев ниже, и давайте обсудим.

Значок

— Создание файла .ico с несколькими размерами — веб-приложение Значок

— Создание файла.ico с несколькими размерами — веб-приложение — Graphic Design Stack Exchange

Сеть обмена стеков

Сеть Stack Exchange состоит из 176 сообществ вопросов и ответов, включая Stack Overflow, крупнейшее и пользующееся наибольшим доверием онлайн-сообщество, где разработчики могут учиться, делиться своими знаниями и строить свою карьеру.

Посетить Stack Exchange

0
+0
Авторизоваться Зарегистрироваться

Graphic Design Stack Exchange — это сайт вопросов и ответов для профессионалов, студентов и энтузиастов графического дизайна.Регистрация займет всего минуту.

Зарегистрируйтесь, чтобы присоединиться к этому сообществу

Кто угодно может задать вопрос

Кто угодно может ответить

Лучшие ответы голосуются и поднимаются наверх

Спросил 8 лет назад

Просмотрено 45k раз

Я хочу создать файл .ico , содержащий полный набор значков Windows ( 16px x 16px , 32px x 32px , 48px x 48px и 256px x 256px ). Есть ли веб-приложение, которое может сделать это для меня, учитывая PNG или BMP, который уже имеет размер 256px x 256px ?

Лучано

7,56088 золотых знаков2727 серебряных знаков4646 бронзовых знаков

Создан 12 апр.

Casebash

31311 золотых знаков33 серебряных знака77 бронзовых знаков

Вы можете попробовать ConvertICO.

Это пакетный конвертер png в значки, который позволяет создать до 20 многоразмерные иконки из изображений в формате png за раз.

Вы можете выбрать любое количество выходных размеров.

Другой вариант — IcoConverter.

IcoConverter берет любое изображение и конвертирует его в пакет ICO.

Соотношение сторон не сохраняется, поэтому рекомендуется использовать квадратные изображения.

Создан 12 апр.

Исела

26k1010 золотых знаков7070 серебряных знаков115115 бронзовых знаков

Если вы делаете это сами, используйте gimp.орг. как Adobe Photoshop, но бесплатно. В Photoshop нет возможности объединить файл .ICO или создать его. Вы можете приобрести плагин, но это рискованно, и Photoshop CC с ними не работает.

GIMP позволяет объединять и сохранять файлы .ICO. И это бесплатное программное обеспечение.

Создан 07 ноя.

МэттМэтт

20933 серебряных знака44 бронзовых знака

1 Высокоактивный вопрос .Заработайте 10 репутации, чтобы ответить на этот вопрос. Требование репутации помогает защитить этот вопрос от спама и отсутствия ответов. Graphic Design Stack Exchange лучше всего работает с включенным JavaScript

Ваша конфиденциальность

Нажимая «Принять все файлы cookie», вы соглашаетесь с тем, что Stack Exchange может хранить файлы cookie на вашем устройстве и раскрывать информацию в соответствии с нашей Политикой в отношении файлов cookie.

Принимать все файлы cookie Настроить параметры

Как создать значок для Windows 10

В этом посте мы покажем вам, как создать значок в Windows с помощью Microsoft Paint 3D или любого бесплатного программного обеспечения для создания значков или онлайн-инструментов.Вы даже можете преобразовать картинку в иконку. Создайте столько иконок, сколько захотите. Когда значки готовы, вы можете изменить значки для ярлыков на рабочем столе, папок и т. Д.

Как создать значок для Windows 10

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

Paint 3D.
Конвертировать ICO.
X-Icon Editor.
Младший редактор иконок.
Быстрый Any2Ico.

Давайте посмотрим, как с их помощью сделать иконку для Windows 10.

1] Paint 3D

Paint 3D — это встроенное приложение и один из лучших вариантов для создания значков для Windows 10. Больше всего мне нравится то, что оно позволяет добавлять трехмерных фигур для создания значков. Вы можете использовать его 3D Library , чтобы находить и вставлять 3D-формы и создавать красивые иконки. Кроме того, он имеет 2D-форм, , различные кисти , , классные наклейки , , текстовый инструмент , и т. Д.Помимо этих функций, также полезно удалить фоновое изображение в Windows 10, сохранить рисунок в формате GIF или видео, преобразовать 2D-формы в 3D-объекты и многое другое.

Чтобы создать значок с помощью Paint 3D в Windows 10, запустите его с помощью меню «Пуск» или окна поиска. После этого создайте новый проект, используя Меню . Когда проект создан, используйте доступные инструменты, видимые в верхней части его интерфейса. Вы также можете вставить изображение (PNG, JPG, ICO, BMP, TIFF и т. Д.)) с ПК и с помощью инструментов рисования создайте значок.

Для каждого из выбранных инструментов с правой стороны отображается несколько параметров. Например, если вы выбрали инструмент «Текст», вы можете использовать такие параметры, как добавление текста в 2D или 3D форме, изменение шрифта текста, цвета текста, заливки фона, выделения текста курсивом, полужирным шрифтом, подчеркиванием и т. Д. Аналогичным образом, если вы выбрали инструмент Кисти , то вы можете использовать Маркер , Каллиграфическое перо , Мелок , Пиксельное перо , Аэрозольный баллончик и т. д.Толщина и цвет для выбранной опции также можно установить с помощью боковой панели.

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

Когда последний значок будет готов, используйте опцию Сохранить как в меню, а затем выберите опцию Изображение . Теперь устанавливает нестандартную ширину и высоту для значка вывода. Вы также можете выбрать выходной формат: PNG , GIF , TIFF , JPG или BMP .

Это последний шаг. Нажмите кнопку Сохранить и сохраните значок в любую папку на вашем компьютере.

2] ICO Convert

ICO Convert удобно, когда у вас уже есть изображение в формате PNG, , BMP, или JPG , которое вы хотите преобразовать в файл значка. Однако это не просто сервис конвертации иконок. Есть некоторые интересные функции, такие как кадрирование изображения, использование различных форм (или стилей) и размера для получения значка.Все эти функции делают его хорошим сервисом для создания иконок.

Эта ссылка открывает его домашнюю страницу. Загрузите образ поддерживаемого формата (до 50 МБ). Когда изображение загружено, обрежьте его до выбранной области или используйте все изображение. После этого выберите доступные стили. Есть 10+ стилей, таких как форма сердца, квадрат, круг и т. Д. Выберите стили или просто игнорируйте их.

Теперь нужно выбрать выходной формат — PNG или ICO . Кроме того, существует опция Custom Sizes , позволяющая выбрать любой из заданных размеров для файла значка.Он имеет 192 * 192 , 16 * 16 , 64 * 64 , 128 * 128 и другие размеры. Выберите размер.

Наконец, используйте кнопку Convert ICO . Вы получите zip-файл, который вы можете скачать, чтобы сохранить значки, доступные в разных стилях.

3] X-Icon Editor

Служба X-Icon Editor предоставляет три способа создания значка. Вы можете импортировать существующее изображение и преобразовать изображение в значок, создать значок с нуля и создать значок вместе с загруженным изображением и инструментами для создания значков.Он предоставляет инструменты текст , карандаш , кисть , пипетку, линии , , прямоугольник, круг , и ластик . Вы можете создать значок четырех размеров: 32 * 32 , 24 * 24 , 16 * 16 и 64 * 64 . После этого вы можете сохранять иконки в формате ICO одну за другой.

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

4] Junior Icon Editor

Junior Icon Editor имеет несколько интересных функций, которые делают его хорошим программным обеспечением для создания значков. Вы можете открывать разные вкладки для создания отдельных значков в одном интерфейсе.Он также позволяет вам добавить существующее изображение и отредактировать его, чтобы создать значок или сделать значок с самого начала. Он имеет палитру цветов , ластик, закругленный прямоугольник , эллипс , прямоугольник, аэрограф , карандаш, текст, изогнутая линия и другие инструменты для создания значка. Вы также можете выбрать любой из ваших любимых цветов для изготовления значка.

Чтобы создать значок, загрузите это программное обеспечение. После установки откройте его интерфейс и используйте меню File , чтобы открыть новый файл значка или вставить изображение.Он поддерживает изображения в формате ICO , PNG , XPM , BMP и PNG .

Когда новый файл будет создан, используйте меню Инструменты на левой боковой панели, чтобы начать создавать свой значок. Меню с правой стороны помогает выбрать цвета, установить непрозрачность фона, прозрачность переднего плана и предварительно просмотреть значок. Проявите свое творчество и сделайте красивую иконку. Чтобы сохранить окончательный результат, используйте параметр Сохранить как в меню Файл .

5] Quick Any2Ico

Quick Any2Ico — еще одна хорошая программа для создания иконок.Вы можете добавить изображение JPG , PNG или BMP и преобразовать его в файл значка в формате ICO или PNG. Помимо этого, у него есть две уникальные особенности, которые делают его немного особенным. Он позволяет извлекать значок из открытого приложения и двоичных файлов (DLL, EXE и т. Д.). Кроме того, если исходное изображение не в квадрате для вывода, это позволяет вам установить изображение в режим обрезки, растяжения или центрирования, чтобы у вас был лучший файл значков.

Ссылка для скачивания здесь.Это портативное программное обеспечение , поэтому вам не нужно его устанавливать. Просто запустите его EXE, и его интерфейс откроется. У вас будет три варианта: добавить файл изображения, чтобы преобразовать его в значок, добавить двоичный файл или извлечь значок из окна приложения. Используйте любую опцию для добавления входного изображения.

Когда изображение извлекается из источника, выберите выходную папку. По умолчанию он генерирует значок в формате ICO. Если вы хотите, вы можете изменить его на формат PNG, выбрав Сохранить как PNG вместо параметра ICO .После этого выберите размер значка. 512 * 512 , 16 * 16 , 256 * 256 , 24 * 24 , 64 * 64 и другие размеры доступны.

Это последний шаг. Нажмите Извлеките! и сохранит иконку в заданной вами папке.

Здесь я закрываю список, в котором показано, как создать значок для Windows 10. Лучший и самый быстрый способ — преобразовать изображение в значок. Если вы хотите создать значок с самого начала, то, вероятно, лучшим вариантом будет Microsoft Paint 3D.

Создание значка с несколькими разрешениями, включая прозрачность, с помощью GIMP

Сегодня утром я решил создать значок , соответствующий значку , а именно значок с несколькими разрешениями и прозрачностью.

Для тех, кто не знает, что такое Favicons, это маленькие графические значки, которые представляют определенные веб-сайты, которые особенно полезны для различения вкладок в современных веб-браузерах с вкладками (таких как Opera, Firefox, Konqueror и Safari … и совсем недавно — отстающий Internet Explorer 7 от Microsoft.0) и другие интерфейсы документов с вкладками. У них есть еще одно применение: последние разработки в Интернете, такие как проект Mozilla (с открытым исходным кодом) Prism и Adobe (собственный) Air, позволяют вам превращать веб-приложения в нечто, что больше похоже на настольное приложение. Для них требуются значки для новых контекстов, таких как средства запуска приложений, строки меню, панели инструментов и на рабочем столе.

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

Большинство значков создаются только для контекста веб-браузера, размер которого по умолчанию составляет 16×16 пикселей. В данном контексте это нормально, но все чаще значки используются и в других контекстах, обычно более крупных. Иконки с низким разрешением 16×16 выглядят ужасно и неровно при увеличении до размеров 32×32, 64×64 или 128×128 пикселей для других контекстов, таких как значки приложений для панелей запуска приложений и панелей инструментов приложений.

Хотя большинство браузеров, совместимых с веб-стандартами, могут работать с значками в различных форматах, таких как GIF, JPG или более подходящие форматы PNG, формат значков Microsoft Windows (.ico) является наименьшим общим знаменателем для значков, поскольку они распознаются с помощью MS Internet Explorer 6.0 и более поздних версий (а также Opera, Firefox, Konqueror, Safari и т. д.). Файлы ICO имеют дополнительное свойство, заключающееся в том, что они (несколько не интуитивно) могут содержать несколько изображений в одном файле, а именно несколько версий одного и того же значка, но с разной глубиной цвета и разрешением пикселей.

Чтобы обеспечить максимальную совместимость и полезность favicon, сегодня утром я хотел решить, как создать файл favicon.ico с несколькими разрешениями, желательно с надлежащей полной альфа-прозрачностью (которая обеспечивает переменную прозрачность, позволяя значкам без цветного фона выглядеть гладкими и гладкими). профессионально на любом фоне, на котором они могут быть наложены).

В принципе, мне нравится достигать своих вычислительных целей, используя только программное обеспечение с открытым исходным кодом. Быстрый поиск в Google показал, что я могу творить.ico с отличным бесплатным пакетом для работы с изображениями, GIMP (доступен для Linux, других платформ X11, MS Windows и Mac OS X — он может даже работать с большинством файлов, созданных Adobe Photoshop). Неудивительно, что я успешно запускаю его в Linux (на самом деле, я впервые использовал GIMP в Linux в 1996 году, примерно за 8 лет до того, как он стал доступен для Windows или OS X …), и призываю вас попробовать его на любой вычислительной платформе, на которой вы работаете. используют чаще всего.

Вот как я это сделал:

Запустите GIMP на вашем компьютере.Загрузите его бесплатно, если у вас его еще нет. GIMP и его аналог с открытым исходным кодом Inkscape являются отличной заменой тяжелого (и очень дорогостоящего) пакета Adobe Photoshop и Illustrator для растровой и векторной графики соответственно …
Сделайте все возможное, чтобы загрузить большую версию бренда или логотипа, который вы хотите превратить в значок. Я рекомендую, чтобы он был размером не менее 128 на 128 пикселей.
Скопируйте изображение (чтобы избежать случайного сохранения поверх фактического изображения логотипа!) — Я использовал Файл-> Сохранить как… для достижения этой цели.
Сделайте свой логотип квадратным изображением, то есть с одинаковой шириной и высотой в пикселях. Самый простой способ сделать это — использовать контекстное меню над самим изображением — перейдите в Image-> Canvas Size … Перейдите в ту часть окна, где вы можете установить размеры холста, и нажмите на ссылки цепочки . Это позволяет вам указывать ширину и высоту изображения независимо — я рекомендую сделать меньшее из двух измерений равным большему (возможно, вы захотите центрировать получившееся изображение, перетащив его мышью).Или, если изображение вашего логотипа позволяет это, вы можете использовать инструмент «Обрезка», чтобы обрезать изображение до квадратной формы, если вы не потеряете ничего важного (например, часть логотипа, тени и т. Д.). Не относитесь к этому слишком дорого и подумайте, насколько хорошо элементы вашего логотипа будут восприниматься, когда они крошечные. Например, если ваш логотип содержит текст … Я бы посоветовал вам его потерять. Это будет небольшой неразборчивый шарик размером 16×16 пикселей.
Если у вас есть квадратный логотип, вы можете создавать его уменьшенные версии.Стандартные размеры иконок: 128×128, 64×64, 48×48, 32×32 и 16×16 пикселей. Сгладьте изображение (если у него есть слои), а затем сохраните его в каждом из этих размеров по очереди. Для этого:
- Щелкните изображение правой кнопкой мыши, выберите «Изображение»> «Масштабировать изображение» …
- Укажите ширину изображения, например 128. Если вы затем нажмете TAB или щелкните в поле высоты, вы увидите, что он автоматически перейдет к тому же измерению. Это потому, что по умолчанию GIMP масштабирует размеры изображения пропорционально исходному размеру изображения, чтобы содержимое изображения не искажалось (т.е. выглядят слишком толстыми или худыми) в процессе масштабирования изображения — на это указывает маленький значок «цепочка» справа от размеров изображения.
- Щелкните «Масштаб», чтобы масштабировать изображение.
- Сохраните изображение (Файл-> Сохранить как), например, как favicon64.png (если это версия 64×64) или favicon16.png и т. д. Предоставляя суффикс файла .png, GIMP автоматически сохранит его в формате PNG ^*. Вероятно, удобнее всего поместить эти файлы в тот же каталог, что и исходное изображение логотипа…
- GIMP предложит вам различные варианты сохранения PNG — можно безопасно нажать «ОК», т.е. выбрать значения по умолчанию для всех из них.
- Теперь, когда уменьшенное изображение значка сохранено, нажмите CTRL-Z, чтобы отменить изменение размера — вы должны снова увидеть полноразмерное изображение логотипа — и повторите процесс для другого размера значка.
После того, как вы создали полную гамму размеров файлов значков, вы можете создать изображение .ico. Откройте самый большой из изображений значков в GIMP. Щелкните изображение правой кнопкой мыши и выберите Файл-> Открыть как слои… и выберите все остальные изображения значков.
Будет создано одно изображение со слоем, содержащим все остальные изображения значков.
Сохраните изображение как изображение значка Microsoft Windows (.ico) — Файл-> Сохранить как …, а затем введите имя файла, например favicon.ico. (при этом будет автоматически выбран формат .ico)
После сохранения изображения .ico вы можете указать бит на пиксель (bpp) для каждого слоя независимо. Я просто оставил свои по умолчанию.
Все готово — теперь скопируйте значок.ico на свой веб-сервер и убедитесь, что он находится в нужном месте (по умолчанию IE 6.0 ищет /favicon.ico в каталоге веб-сервера верхнего уровня). Попробуйте! Примечание. Если у вас уже есть какой-либо значок для сайта, он может быть уже кэширован в вашем браузере, и поэтому для его отображения может потребоваться некоторое время. Попробуйте перезапустить браузер или, что еще лучше, если вы используете дрянной браузер, такой как Internet Explorer 6 или 7 от Microsoft … загрузите и установите Firefox — значок еще не будет кэширован в этом браузере!

Результат — файл.ico с несколькими версиями вашего логотипа в разных разрешениях. Теперь, в зависимости от контекста, посетители вашего сайта будут видеть ваш красивый значок на вкладках своего браузера, наложенный на любой Chrome браузера, который они используют, во всей его прозрачной красоте. Точно так же, если они используют Adobe Air или Prism для создания значка для вашего сайта на своем рабочем столе или хотят сохранить ваш сайт на своих iPhone, они должны получить значок соответствующего размера с полным разрешением для своего меню запуска или рабочего стола! Одно замечание: нет причин, по которым логотип должен быть одинаковым при любом разрешении.Я полагаю, вы могли бы добавить немного текста, например название компании и т. д. для версий логотипа с более высоким разрешением, но вам придется протестировать все, чтобы убедиться, что он читается при соответствующих разрешениях.

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

^* Выбирайте формат файла с умом.Файлы TIF (часто используемые пользователями Mac) — хороший формат изображений для работы с фотографиями с высокой точностью, но совершенно не подходят для Интернета, поскольку они громоздки (много байтов) и, как правило, не поддерживаются большинством браузеров. JPG — это вариант, но если ваш логотип представляет собой линейный рисунок или изображение, созданное компьютером (как и большинство логотипов), они, как правило, плохо воспроизводятся из-за своих «алгоритмов сжатия с потерями» (не спрашивайте — за рамками этой статьи), особенно при небольших размерах — плюс JPG вообще не поддерживает прозрачность.Изображения GIF предлагают только 1-битную альфа-прозрачность (включен или выключен), что приводит к значкам с неровными краями, которые имеют тенденцию сливаться с их фоном, как масло с водой (т. Е. Нет). Формат PNG поддерживает прозрачность от 8 до 32 бит, что позволяет получить гладкие скругленные края, которые выглядят намного лучше даже для неподготовленного глаза, так что это лучшая отправная точка. Он специально разработан для Интернета, но, к сожалению, Microsoft не предусмотрительно реализовала поддержку графических возможностей PNG в IE 6.К счастью, IE6 постепенно вымирает в Интернете (по мере того, как люди переходят на более совершенные браузеры, такие как Firefox).

Эта статья была впервые опубликована Дэйвом Лейном на веб-сайте Egressive 9 августа 2008 года. Egressive была приобретена Catalyst IT 1 декабря 2012 года. Подробнее о приобретении Egressive.

Icon Generator Бесплатное программное обеспечение для создания значков в формате ICO или значков для вашего сайта

Что это за значок? Это хорошо известно не только любому владельцу или разработчику сайтов. но и обычному пользователю компьютера.Независимо от того, какое программное обеспечение вы используете, это специализированное приложение или простой текстовый редактор, вы всегда можете увидеть много значков связанные с новым документом, удаление, сохранение и другие действия. Давайте посмотрите на рабочий стол ПК. У всех есть хотя бы пара значков, например «Мой компьютер», «Мои документы», «Корзина» и т. Д.

Microsoft Windows использует формат ICO для хранения значков. ICO-файл содержит один или несколько значков, цвет и размер определяются отдельно для каждого из них.Хотя вы можете указать любой размер, наиболее часто используемые размеры значков: ICO 16×16, 32×32, 48×48 пикселей. Значок ICO по структуре похож на формат BMP, но имеет одно отличие — наличие дополнительных image-масок, накладываемых на фон изображение для прозрачности.

В целом иконки ICO мы видим везде. Но у многих пользователей возникает резонный вопрос: зачем эти значки? Что такое favicon.ico? Какое программное обеспечение использовать для создания иконок для сайта в формате ICO? Итак, все по порядку.

Для чего нужны иконки ICO?

Неужели мы вообще можем жить без икон? Можно, конечно, но есть несколько веские причины, доказывающие, что создание иконок для ICO не только правильно, но и необходимо.

Легкость распознавания. Создание значков 16×16 или 48×48 — реальная необходимость, если вы действительно заботитесь о своих пользователях.Представим на мгновение что стандартные пункты меню, снабженные надписями и иконками, практически не видны. И мы больше не можем читать этикетки! Тем не менее почти все иконки ICO узнаваемы и теперь мы можем легко делать необходимые шаги при использовании программного обеспечения благодаря обычным иконки, даже не читая надписей.
Признание. Решили создать иконку ICO, вы заметите, что Каждая такая иконка, в отличие от этикеток, имеет свои особенности — форму и цвет.Таким образом, чтобы отличить одну этикетку от другой, вы должны ее прочитать. В случае значков ICO нет необходимости ничего читать — просто взгляните.
Запоминаемость. Экспериментально доказано, что картинки лучше запоминаются чем надписи. Таким образом, со временем значок вызывает даже определенные ассоциации в разум пользователя. И это именно то, что вам нужно больше всего! Решив использовать программное обеспечение для создания иконок для вашего сайта в формате ICO вы сможете создать значок, который запомнится вашему пользователю, который продолжит ассоциировать его только с вашего сайта.
Привлечь пользователей. . Icon 16×16 ICO — отличный способ привлечь пользователей на сайт почаще. Не так давно появились веб-мастера. с хорошей идеей — разместить иконку ICO в адресной строке рядом с названием Веб-сайт. Этот значок называется favicon.ico и позволяет отличить ваш сайт от других. от многих конкурентов. Но в следующем абзаце об этом говорится подробнее.

Особенности и значение фавикона.ico

Favicon (сокращение от FAVorites ICON — «значок для избранных») — это значок для веб-страницы или веб-сайта. Создайте значок favicon.ico для своего веб-сайта и получившийся значок появится не только рядом с URL страницы в адресной строке но рядом с закладкой или гиперссылкой поисковой системы и в других местах.

Традиционно значки favicon.ico размером 16×16 берутся из корневого каталога сайт.Тем не менее, можно зарегистрировать точное местоположение favicon.ico. в коде страницы. Это позволяет использовать разные значки для каждой страницы.

Если вы решите создать favicon.ico для своего веб-сайта, вы сможете свою ресурсную личность и сделать ее более узнаваемой и популярной. Но как сделать иконку favicon.ico для своего сайта? Какое программное обеспечение использовать для конвертации JPG, BMP, PNG в значок ICO онлайн?

Icon Generator — это бесплатное программное обеспечение для создания значков.ico или любые значки для вашего рабочий стол

Чтобы конвертировать BMP, PNG или JPG в онлайн-ICO , вам понадобится специальный программа для создания иконок для сайтов. В данном случае нам понадобится приложение что поможет нам не только быстро конвертировать изображения в иконку ICO 16×16, 32×32 и аккуратно, но тоже бесплатно. Наше программное обеспечение Icon Generator идеальное решение для вас!

очень просто использовать наше программное обеспечение для создания favicon.ico иконки для вашего сайта . Все, что вам нужно для преобразования BMP, PNG или JPG в ICO онлайн — это несколько простых шагов:

Выберите изображение на вашем компьютере, которое вы хотите преобразовать в значок
Загрузите в нашу программу
Нажмите кнопку «Создать ICO».

Задайте параметры для будущего значка и создайте уникальный значок, favicon.ico для сайт. Это займет несколько секунд. Если вы хотите всегда использовать наше бесплатное программное обеспечение для создания иконок для веб-сайтов в Формат ICO — просто регистр!
Вы можете продолжить работу, даже если вам пришлось прервать создание favicon.

Comments

Leave Comment