Сделать ico: Конвертировать PNG в ICO онлайн — Convertio

Содержание

Как сделать файл ico. Создание иконки.ico для программ

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

Вы, конечно можете попытаться найти готовый файл favicon.ico на сайте www.iconfinder.com, но думаю многим хотелось бы сделать что-то свое. Ведь именно фавиконка будет выделять ваш сайт в поисковой выдаче. Подробнее об этом можете прочесть в статье « ». Итак, приступим.


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

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

* Если у вас не установлен специальный плагин ICO (Windows Icon) Format
, можете скачать его с сайта //www.telegraphics.com.au/sw/ . Там есть для Маков, Винды 32, 64-разрядных с поддержкой всех версий Photoshop, включая CS6.

Как установить плагин 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. Уменьшение изображения

Первое, что нужно сделать это уменьшить изображение которое вы хотите сделать «иконкой» до размера «256×256». Это можно сделать двумя способами, первый из них по-проще, но второй тоже не трудный.

Способ 1:

В редакторе «Gimp», в верхнем баре нажать на «Изображение», затем выбрать «Размер изображения».

В открывшемся окне установить значения высоты и ширины 256.

Получилось не красиво, но для ленивых сойдёт.

Лучше делать вторым способом, т. к. я так и делал.

Способ 2:

Создать новое изображение, в баре нажать «Файл» выбираем «Создать».

Ширину и высоту указать «256×256», остальные параметры не трогаем.

У нас получается это.

Щёлкаем правой клавишей мыши на слой «Фон» и выбираем «Добавить альфа-канал ».

Теперь открываем ваше изображение в редакторе «Gimp». !Созданное изображение не закрываем!

В верхнем баре нажимаем кнопочку «Правка» и выбираем «Копировать».

Возвращаемся к созданному, пустому изображению «256×256».

И в верхнем баре нажимаем кнопочку «Правка» и выбираем «Вставить».

У вас получится что-то похожее:

После нажатия на инструмент «Масштаб» (ничего не меняем там), щёлкаете по этой картинке которую хотите уменьшить и открывается окошко с настройкой масштаба. У меня значения «Ширина» и «Высота» будут отличаться от ваших, это зависит от размера самой картинки.

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

Нажимаем «Изменить».

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

Сделаем это инструментом «Перемещение» на панели инструментов. Нажимаем на инструмент.

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

Постарайтесь, что бы изображение не выходило за края, если не выйдет, то можно дополнительно уменьшить слой инструментом «Масштаб». У меня вышло так:

Когда мы подогнали изображение под холст не изменив его пропорций (такая задача заключалась в этом втором способе), можно удалить слой «Фон». На панели «Слои-Кисти» щёлкните по слою «Фон» правой кнопкой мыши и выберете «Удалить слой».

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

Если жёлтый пунктир находится по краям холста как тут:

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

Теперь приступим к самому созданию качественной иконки формата «.ico».

2. 15 копий слоя

После создания картинки нужного нам размера, нужно откопировать слой 15 раз, то есть что бы было 15 одинаковых слоёв в панели «Слои-Кисти» . Да, это не опечатка, именно 15, потому что мы будем создавать качественный «.ico» файл.

Для начала я объясню, что мы будем потом делать с этими пятнадцатью слоями. В файле «.ico» структура слоёв будет состоять из трёх разных по качеству «отделений» (в каждом из них будет по 5 разных размеров иконки), что бы файл было видно везде.

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

2.1 Копируем

Создаём 15 копий. При помощи панели «Слои-Кисти» , кликаем на слой правой кнопкой мыши и выбираем «Создать копию слоя».

И делаем так пока не будет 15 слоёв в списке.

Я растянул панель, что бы вы увидели, что слоёв именно 15. Это делать не обязательно, но это удобно. Так же, для простоты понимания, я переименовал слои с учётом их «отделений», опять же не обязательно, но удобно.

2.2 Масштабируем

С помощью инструмента «Масштаб» изменяем слой который назван у меня «2», не нарушаем структуру строения. Устанавливаем значение высоты и ширины 48, то есть слой должен получиться 48×48. Слой «3» должен быть размером 32×32. Слой «4» — 24×24 и наконец слой «5» должен быть 16×16. У вас получится что-то похожее.

Так же делаем с остальными «отделениями».

И последний рывок.

В итоге у нас получается:

3. Экспорт (сохранение) иконки в нужном формате

Открывается окно с сохранением работы. Обратите внимание, название файла не имеет значения, оно может быть любым, а формат должен быть только «.ico», как на скриншоте.

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

То есть, первое «отделение» с пятью картинками должно быть «8 bpp», второе — «24 bpp», а третье — не изменяйте. Всё, поздравляю вас, теперь вы умеете делать качественные «.ico». Вот пример использования этой иконки интегрированной в программу.

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

Существует много сайтов позволяющих сделать favicon ico. Так, загружая свою картинку на сайт, мы получаем на выходе favicon ico. Тем не менее, для того чтобы качественно сделать favicon ico необходимо что бы favicon ico получался четким и понятным. Здесь мы покажем, как сделать favicon ico используя Adobe Photoshop. На выходе вы получите качественный авторский favicon ico.

Устанавливаем плагин для того чтобы сделать favicon ico

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

а. скачать плагин разархивировать и перенести его в следующую папку: C:\Program Files\Adobe\Photoshop CS\Plug-Ins\File Formats

б. Затем перезапустить Photoshop и преступить к созданию favicon ico.

Теперь можем сделать favicon ico

Для того что бы сделать favicon ico нет необходимости в знаниях всех тонкостей Photoshopa. Вполне достаточно и общего знакомства с Photoshop так как, для того что бы сделать favicon ico нет необходимости в умении пользования графическими редакторами. Таким образом, создание favicon ico является вполне простой и выполнимой задачей.

Итак, запускаем Photoshop и для создания favicon ico нажимаем кнопку в правом верхнем углу: Файл — Создать.

Появляется следующее окно, в котором указываем ширину и высоту favicon ico, соответственно 16х16 пикселей так же можем задать фон favicon ico. Так фон favicon ico выбираем прозрачным, расширение 96 пикс/дюйм, цветовой режим выбираем RGB и соответственно 8 бит.

В последствие берем инструмент масштаб и приближаем favicon ico с тем, что бы было удобнее рисовать favicon ico.

Указываем размер карандаша

Указываем цвет карандаша и рисуем favicon ico изменяя карандаш на нужный цвет.

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

После того как нарисовали favicon ico, необходимо сохранить сделанный favicon ico.
Для этого нажимаем следующие команды: Файл — Сохранить как или ctrl+shift+s.

Выбираем тип файла: ICO (Windows Icon)(*.ICO)

Указываем имя файла: favicon.ico

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

Сохраняем favicon.ico в корне сайта, где расположена страница index.html

Проверяем правильность сделанного favicon ico

Проверить правильность сделанного favicon ico достаточно просто заходим на сайт, куда записали favicon ico и смотрим в адресную строку через браузер Mozilla Firefox, Opera, Internet Explorer. Если созданный favicon ico отображается в адресной строке сайта значит создание favicon ico успешно завершено.

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

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

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

Fasticona 1.0 free portable

Более простой программы для создания иконок я не встречал. Она даже не требует установки. На Fasticona 1.0 free portable не позволяется рисовать иконки, она их делает из готовых картинок. Вы можете сделать значок из любого изображения, (хоть из собственного фото) программа поддерживает разнообразные форматы. Простыми словами – это просто конвертер изображений.

Перед тем, как сделать иконку из картинки, загрузите изображение в программу с помощью кнопки «Open file». Выберите нужные параметры: размер (size), глубину цвета (colors и bits per sample), папку сохранения (output path, по умолчанию, папка, где сохранён запускающий файл) и название файла иконки (output the name).

Полученный файл сохраняется в формате *.ico. И только в нём.

Seanau Icon Tool Kit 6.0

Seanau Icon Tool Kit 6.0 придётся установить на компьютер, но места она займёт очень мало. Функционал у неё более расширенный. Эта программа позволяет как сделать иконку из картинки, так и нарисовать её самому. Для того у неё есть широкий инструментарий.

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

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

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

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

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

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

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

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

    Определитесь с размерами будущей иконки и нажмите «Ok».

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

    В этом же редакторе вы можете создать картинку с нуля.

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

  • Далее просто кликните по надписи «Export your icon» во всплывающем окне и файл с соответствующим расширением будет сохранен в памяти вашего компьютера.
  • Так, если нужно создать целый набор однотипных иконок разного размера — ничего лучше, чем X-Icon Editor для этих целей вам не найти.

    Способ 2: Favicon.ru

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

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

      При помощи этого же холста вы можете нарисовать ICO-картинку самостоятельно, раскрашивая на ней отдельные пиксели.

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

      Чтобы подготовить иконку к загрузке на компьютер, нажмите «Скачать Favicon».

    6. Теперь в открывшейся странице остается лишь щелкнуть по кнопке «Скачать».

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

    Способ 3: Favicon.cc

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

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

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

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

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

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

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

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

    Способ 4: Favicon.by

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

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

      Так, загрузите готовое изображение на сайт либо же нарисуйте favicon самостоятельно.

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

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

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

    Способ 5: Online-Convert

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

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

      Либо же загрузите картинку по ссылке или с облачного хранилища.

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

      Затем просто щелкните по кнопке «Преобразовать файл».

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

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

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

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

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

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

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

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

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

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

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

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

      Вплоть до 8GB общего размера файла за один сеанс конвертирования 200 файлов на одно конвертирование Высокий приоритет и скорость конвертирования Полное отсутствие рекламы на странице Гарантированный возврат денег
      До 100 Мб общего размера файла за один сеанс конвертирования 10 файлов на одно конвертирование Обычный приоритет и скорость конвертирования Наличие объявлений

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

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

    1. 3FR в ICO,
    2. AFF в ICO,
    3. AI в ICO,
    4. ANI в ICO,
    5. ART в ICO,
    6. ARW в ICO,
    7. AVI в ICO,
    8. AVS в ICO,
    9. BMP в ICO,
    10. CGM в ICO,
    11. CIN в ICO,
    12. CMYK в ICO,
    13. CMYKA в ICO,
    14. CR2 в ICO,
    15. CRW в ICO,
    16. CUR в ICO,
    17. CUT в ICO,
    18. DCM в ICO,
    19. DCR в ICO,
    20. DCX в ICO,
    21. DDS в ICO,
    22. DFONT в ICO,
    23. DIA в ICO,
    24. DNG в ICO,
    25. DPX в ICO,
    26. EPDF в ICO,
    27. EPI в ICO,
    28. EPS в ICO,
    29. EPSF в ICO,
    30. EPSI в ICO,
    31. EPT в ICO,
    32. EPT2 в ICO,
    33. EPT3 в ICO,
    34. ERF в ICO,
    35. EXR в ICO,
    36. FAX в ICO,
    37. FIG в ICO,
    38. FITS в ICO,
    39. FPX в ICO,
    40. FRACTAL в ICO,
    41. FTS в ICO,
    42. G3 в ICO,
    43. GIF в ICO,
    44. GIF87 в ICO,
    45. GRAY в ICO,
    46. GRB в ICO,
    47. HDR в ICO,
    48. HRZ в ICO,
    49. ICB в ICO,
    50. ICO в ICO,
    51. ICON в ICO,
    52. IPL в ICO,
    53. JBG в ICO,
    54. JBIG в ICO,
    55. JNG в ICO,
    56. JP2 в ICO,
    57. JPC в ICO,
    58. JPE в ICO,
    59. JPEG в ICO,
    60. JPG в ICO,
    61. JPX в ICO,
    62. K25 в ICO,
    63. KDC в ICO,
    64. M2V в ICO,
    65. M4V в ICO,
    66. MAT в ICO,
    67. MIFF в ICO,
    68. MNG в ICO,
    69. MONO в ICO,
    70. MOV в ICO,
    71. MP4 в ICO,
    72. MPC в ICO,
    73. MPEG в ICO,
    74. MPG в ICO,
    75. MRW в ICO,
    76. MSL в ICO,
    77. MSVG в ICO,
    78. MTV в ICO,
    79. MVG в ICO,
    80. NEF в ICO,
    81. NRW в ICO,
    82. ORF в ICO,
    83. OTB в ICO,
    84. OTF в ICO,
    85. PAL в ICO,
    86. PALM в ICO,
    87. PAM в ICO,
    88. PBM в ICO,
    89. PCD в ICO,
    90. PCDS в ICO,
    91. PCL в ICO,
    92. PCT в ICO,
    93. PCX в ICO,
    94. PDB в ICO,
    95. PDF в ICO,
    96. PDFA в ICO,
    97. PEF в ICO,
    98. PES в ICO,
    99. PFA в ICO,
    100. PFB в ICO,
    101. PFM в ICO,
    102. PGM в ICO,
    103. PICON в ICO,
    104. PICT в ICO,
    105. PIX в ICO,
    106. PJPEG в ICO,
    107. PLASMA в ICO,
    108. PNG в ICO,
    109. PNG24 в ICO,
    110. PNG32 в ICO,
    111. PNG8 в ICO,
    112. PNM в ICO,
    113. PPM в ICO,
    114. PS в ICO,
    115. PSD в ICO,
    116. PTIF в ICO,
    117. PWP в ICO,
    118. RAF в ICO,
    119. RAS в ICO,
    120. RGB в ICO,
    121. RGBA в ICO,
    122. RLA в ICO,
    123. RLE в ICO,
    124. SCT в ICO,
    125. SFW в ICO,
    126. SGI в ICO,
    127. SK в ICO,
    128. SK1 в ICO,
    129. SR2 в ICO,
    130. SRF в ICO,
    131. SUN в ICO,
    132. SVG в ICO,
    133. SVGZ в ICO,
    134. TGA в ICO,
    135. TIF в ICO,
    136. TIFF в ICO,
    137. TIM в ICO,
    138. TTC в ICO,
    139. TTF в ICO,
    140. TXT в ICO,
    141. VDA в ICO,
    142. VICAR в ICO,
    143. VID в ICO,
    144. VIFF в ICO,
    145. VST в ICO,
    146. WBMP в ICO,
    147. WEBP в ICO,
    148. WMF в ICO,
    149. WMZ в ICO,
    150. WPG в ICO,
    151. X в ICO,
    152. X3F в ICO,
    153. XAML в ICO,
    154. XBM в ICO,
    155. XC в ICO,
    156. XCF в ICO,
    157. XFIG в ICO,
    158. XPM в ICO,
    159. XV в ICO,
    160. XWD в ICO,
    161. YCBCR в ICO,
    162. YCBCRA в ICO,
    163. YUV в ICO

    ICO, Microsoft icon file

    (.ico)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    Бизнес в цифре. Как создать криптовалюту и законно ли это в РФ :: РБК.Крипто

    Предприниматель из Франции выпустил токены и продал их для развития своего дела. Насколько это реально в России, какие могут возникнуть трудности, и чем рискуют инвесторы

    Биткоин появился в 2009 году и был разработан, как независимая децентрализованная система. Сейчас, 11 лет спустя, собственные токены есть у множества компаний. Один из самых известных примеров — калифорнийский блокчейн-стартап Ripple, который выпустил криптовалюту XRP.

    Свои цифровые монеты создают и торговые площадки. Например, утилитарный токен биржи Binance позволяет своим держателям понижать размер комиссий за сделки, а также участвовать в IEO, проводимых здесь. Схожее решения есть у платформ Kucoin, Huobi, OKEx и других.

    Недавно, 12 апреля, свою криптовалюту создал отдельный предприниматель. Алекс Масмей, основатель компании, предлагающей кредиты в криптовалюте, выпустил на блокчейне Ethereum токен $Alex и продал его своим подписчикам. Таким образом бизнесмен смог привлечь $20 000 на развитие дела, о чем сообщил в своем Twitter-аккаунте.

    Всего Масмей выпустил 1 млн токенов, 10% из которых распределил в рамках первичного предложения. Как заявил предприниматель, держатели криптовалюты смогут получить 15% от его дохода в течение трех лет, а также принимать участие в ведении бизнеса путем голосования.

    Как создать свою криптовалюту

    Есть два основных способа создать свою криптовалюту. Первый из них — разработка собственного блокчейна. В таком случае предприниматель получит независимую цифровую децентрализованную систему.

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

    Другой, более простой и дешевый способ — создать криптовалюту поверх уже существующей. Подобные функции есть у блокчейна Ethereum. С его помощью можно выпустить токены стандарта ERC20, для этого не требуется владеть серьезными навыками программирования. Аналогичный механизм есть у платформ Waves, Eos, Ripple и Tron.

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

    Создать свою криптовалюту в РФ — законно или нет?

    Роман Янковский, советник практики IP / IT компании Tomashevskaya & Partners, член Комиссии по правовому обеспечению цифровой экономики Московского отделения Ассоциации юристов России, рекомендовал предпринимателям относиться к подобной идее осторожно. Если выпускать токены от имени физического лица, то такие действия не являются незаконными, рассказал эксперт. Но он отметил, что ответственность может наступить, если не вернуть деньги инвесторам — эти действия можно квалифицировать как мошенничество.

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

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

    Не согласен с коллегой Дмитрий Кириллов, старший юрист налоговой практики Bryan Cave Leighton Paisner (Russia) LLP, преподаватель Moscow Digital School. По его словам, законы РФ не позволят физическому лицу привлечь средства на финансирование бизнеса путем выпуска токенов.

    «Согласно федеральному закону о привлечении инвестиций с использованием инвестиционных платформ № 259-ФЗ от 2 августа 2019 г. привлекать инвестиции в такой форме (ICO-подобные модели) может только организация или индивидуальный предприниматель. Обычное физическое лицо выпустить токены под личный бренд в России, на мой взгляд, не сможет», — уверен Кириллов.

    Как быть с налогами?

    Кириллов допустил, что такой способ привлечения средств может быть оформлен по договору займа или иным подобным способом. В таком случае ИП не платит налоги с суммы полученного займа, при этом он может отнести уплаченные проценты на расходы при соблюдении требований налогового законодательства, пояснил юрист. Если же не квалифицировать эту деятельность как заем, тогда НДФЛ придется заплатить со всех полученных средств, добавил Янковский.

    Привлечение средств в формате токенсейла, может быть расценено как заем или как дарение от физических лиц, допустила Мария Аграновская, адвокат, управляющий партнер GRAD, преподаватель Moscow Digital School. В случае дарения придется заплатить налоги, предупредила эксперт.

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

    Станет ли подобный формат популярен в России?

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

    Другой точки зрения придерживается CTO платформы стабильных криптовалют Stasis.net Анатолий Князев. По его мнению, привлечение капитала таким способом не станет востребованным. Отчасти из-за негативного следа ICO. Большинство подобных проектов не принесли желаемого результата, что сказалось на отношении потенциальных инвесторов, пояснил предприниматель.

    «Расцвет ICO происходил три года назад на волне хайпа криптовалют. В итоге, большая часть ICO проектов оказалась нежизнеспособной, и инвесторы лишились своих средств. Сегодня потенциальные инвесторы скептически относятся к инвестициям в новые малоизвестные токены, предпочитая известные криптовалюты», — рассказал Князев.

    Другой причиной он назвал потенциальные риски. Инвесторы могут потерять деньги, а предприниматели находятся в неопределенности из-за отсутствия четкого правового механизма, касательно налогов и ответственности, уверен представитель компании.

    Выпуск своей криптовалюты в России — авантюра спорная

    Масмею удалось привлечь $20 000 на развитие бизнеса — это факт. Однако неизвестно, что будет с деньгами инвесторов дальше. У предпринимателя может не получится развить свое дело, или же, теоретически, он не захочет этого сделать.

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

    Как и с помощью чего сделать иконку ico? ⋆

    Как сделать иконку ico для сайта (и не только для сайта)?

    Размер иконки

    Если говорить об иконках ico, используемых в качестве favicon для сайтов, то их стандартный размер — это 16×16 пикселей (подробнее об этом написано тут). Файл favicon.ico размещается в корневой директории сайта.

    Теперь посмотрим, как её сделать. Способов несколько.

    Онлайн сервисы

    Пожалуй, самым популярным сервисом является портал favicon.ru. данный портал предлагает пользователям три возможности:

    1. Прямо в редакторе создать иконку, а потом скачать его на компьютер;
    2. Заказать создание фавикона у профессионалов;
    3. Загрузив изображение с компьютера, преобразовать его в иконку.

    Еще одним неплохим сервисом (конвертор) является ресурс zamzar.com. В первом окне (Step 1) выбирается рисунок (jpg, bmp), во втором – формат «ico», в третьем – e-mail (сюда придет информация для закачки), а в четвертом окне надо нажать на ссылку «convert».

    Изготовление иконки с помощью программ

    Если не лень и есть богатая фантазия, то фавикон можно создать и самому, используя программы. Их довольно много. Рассмотрим довольно простой графический редактор EasyPicture2icon. Эта программа позволит поразительно быстро преобразовать картинки с расширениями jpeg, bmp, png и gif в формат ico.

    Надо выполнить всего три действия:

    1. Открывается (Open Picture) нужная картинка, имеющаяся на компьютере;
    2. Галочкой отмечается необходимый размер (16, 32 или 48) иконки;
    3. Иконка сохраняется (Save icon).

    Как видите все удобно и исключительно просто.

    Для тех, кто любит и умеет рисовать, можно порекомендовать известную программу фотошоп с плагином ICOFormat. Правда, этот редактор «недолюбливает» формат «ico». Поэтому можно посоветовать такой вариант. Нарисовать картинку (16х16), сохранив её в формате «gif». А потом использовать вышеуказанный (или другой) онлайн конвертор.

    Как сделать ICO — шаг за шагом руководство и заинтересованные стороны

    О проекте Как сделать ICO — шаг за шагом руководство и заинтересованные стороны

    Билеты — $ 199

    Цель

    Понимать шаги, заинтересованные стороны, связанные с этим расходы и в основном получать удовольствие

    Программа

    + Black & amp; Белый «документ»
    + A-to-Z шаги и задачи cheatsheet
    + Заинтересованные стороны
    + Pitfalls
    + Шаблоны
    + Оценочные расчеты
    + Live Практика: Напишите документ
    + Live Practice: Сайт объявления
    + Live Practice: Token Allocations & amp; Резервы
    + Live Practice: Ответ на AMA / Вопросы по Reddit

    Каждый участник будет проходить через сжатую временную шкалу и (попробуйте), чтобы испытать нюансы.

    Это не юридический или нормативный совет

    предпосылки

    +1 Иметь хороший ночной сон
    +2 Подумайте или богатый член семьи
    +3 Если ваша идея уже была ICO’d другой компанией в любом отдаленном вкусе, тогда, пожалуйста, напишите вниз 10 баллов, почему они сосать
    +4 Теперь напишите 10 баллатов о том, почему «ваша идея» не сосать, и это дерьмо, которое мы все ждали
    +5 Записываем имена / названия членов команды & nbsp ;
    +6 Запишите имена советников и почему они лучше всего подходят для вашей идеи / проекта (студенты, которые выбирают Виталика в качестве советника, получают дополнительные баллы)
    +7 Напишите 2 страницы того, что основано на вашей блочной цепочке компания будет делать, как только вы получите средства, чтобы построить все функции и жить. Затем, пожалуйста, измените будущее время вашей поэзии, чтобы представить время, как будто оно уже построено и живет для пользователей.
    +8 Запишите 10 человек, которые будут инвестировать в вашу предпродажу.
    +9 Получить учетную запись на сайте целевой страницы или Godaddy или Wix или на какой-либо платформе, где вы можете быстро создать целевую страницу.
    +10 Создайте листок google excel. # 2, # 3, # 4, # 5, # 6, # 7, # 8, # 9 и # 10 должны быть отдельными вкладками.

    как сделать и установить на сайт

    С месяц назад для блога pervushin.com сделал я иконку, в простонародье favicon. Так вот после долгих размышлений, раздумываний и рассусоливаний я решил написать эпопею о создании своего favicon.ico. В этой статье Вы найдёте небольшие обзоры оказавшихся у меня на пути сервисов по созданию таких иконок, несколько ссылок где можно скачать уже готовые иконки и как эту самую готовую иконку установить на сайт. В конце поста как обычно Вас ждёт жирный бонус и сладкое. Спасибо за Ваши комментарии и RT pls.

    Начну с определения, вдруг кто не знает, favicon — это иконка, значок сайта (блога) или отдельной веб-страницы, которая отображается в адресной строке браузера, в закладках, в журнале, во вкладках и т.д. Стандартный, минимальный размер иконки 16×16, этот размер необходим для вышеуказанных мест, но есть пользователи, которые сохраняют адреса веб-страниц в виде ярлыков на рабочем столе или где-то в папках, в общем для таких целей предусмотрены размеры 24х24, 32х32, 48х48 и 64х64, все эти размеры включаются в один favicon.ico, но главное помнить, что размер файла от этого увеличивается, имею ввиду байты, что затрудняет загрузку сайта.

    Фишка это несомненно полезная, мало того что создаётся эдакий эффект бренда, узнаваемости, так она и внимание привлекает, картинка всё-таки, а о полезности картинок я уже писал как-то, почитайте. Вот например многими «любимый» Яндекс в результатах поиска иконки сайтов отображает:

    У яндекса для это есть специальный робот, который ищет на сайтах фавикон, мой фавикон находится здесь http://pervushin.com/favicon.yandex.net/favicon/pervushin.com, понимаете да, чтобы проверить свой фавикон, поменяйте адрес сайта на свой. Так вот если Вы сменили иконку, то на яндексе она сразу не появится, ну максимум через месяц.

    Создать favicon можно с помощью настольных программ, например Favicon Create или Icon Cool Studio, последняя кстати очень мощная, но лучше использовать онлайн сервисы :).

    Favicon генераторы

    Favicon.ru

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

    Сделать favicon.ico на этом сервисе можно указав путь к картинке на компьютере или в интернете, для создания ярлыков можно включить два дополнительных размера 32х32 и 48х48, также на favicon.ru можно обрезать картинку, в случае если размеры её не пропорциональны.

    У меня была готовая картинка 50×50 пикселей, её я и закинул. После сервис показал мне как будет выглядеть иконка, если всё в порядке, то можно её тут же скачать, но мне не понравилось:

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

    Favicon.cc

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

    Справа расположилась палитра цветов (оттенков) и несколько инструментов, а именно инструмент прозрачности, пипетка, для определения цвета на холсте и инструмент перетаскивания, которым можно таскать по холсту Ваше что-то там нарисованное :).

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

    Рисовать иконку в графическом онлайн редакторе? Мазахизм, не мой метод, потому слева от холста в основном меню кликаю на пункт «Import image»:

    Здесь всё довольно просто, указываем путь к изображению (нажатием кнопки «Обзор») и выбираем один из двух имеющихся вариантов обработки загружаемой картинки. Первый подходит к картинке с пропорциональными размерами всех сторон, моя 50х50, второй больше подходит к картинке с разными размерами, при этом варианте изображение сплюснет. Нажимаю кнопку «Upload» и вновь попадаю в редактор, но на холсте уже моя картинка, так сказать попиксельно. Если Вас устраивает конечный результат, можно скачивать иконку, мне не понравилась:

    FavIcon from Pics

    На очереди FavIcon from Pics, тупой такой, лёгкий до безобразия, ничего лишнего, но на нём я сделал свою фавиконку, которая сейчас стоит на pervushin.com, лучше чем здесь, мне не удалось сделать больше нигде. Самое удивительное, что из картинки которую загружаю (здесь тоже есть такая возможность) на сервис получается такая же шняга, как и у остальных, но этот сервис пошёл дальше, он делает favicon из аватарки твиттера! Кстати, если у кого нет твиттера, рекомендую завести, читаем здесь как, и присоединяемся ко мне :).

    Итак, я указал свой логин в твиттере @pervushin_com и нажал заветную кнопку «Generate Favicon«. Попадаем на следующую страницу с дополнительными настройками. Там всё на английском, но разобраться будет не трудно. Во-первых к своей иконке я добавил анимацию в виде бегущей строки «Sergey Pervushin.com». Далее настроил цвет — зелёный (green). Цвет фона прозрачный (transparent). Здесь же можно добавить иконки для iphone, ipad и т.д., но не переусердствуйте, помните про размер.

    После всех проделанных необходимых настроек можно забирать свои иконки, почему говорю свои, потому что здесь мы получим их две: favicon.ico и анимированную иконку .gif, анимация будет работать только в firefox и других мозиловских браузерах, а ico соответственно во всех остальных.

    Я свой favicon сделал и мне он нравится, но сервисов ещё очень много, вот ссылки на них, посмотрите, может Вам нужно что-то другое:

    * http://pervushin.com/www.cy-pr.com/tools/favicon/
    * http://pervushin.com/genfavicon.com/
    * http://pervushin.com/www.tools.dynamicdrive.com/favicon/
    * http://pervushin.com/favicon-generator.org/
    * http://pervushin.com/www.faviconfactory.com/
    * http://pervushin.com/shaheeilyas.com/favicon/
    * http://pervushin.com/www.degraeve.com/favicon/
    * http://pervushin.com/michurin.com.ru/favicon-editor.shtml

    Скачать готовый Favicon для сайта

    Если Вам лень делать иконку, хотя чего уж тут лениться, дело 2-х минут, то можно скачать готовые, ниже несколько адресов, где этих favicon.ico завались:

    1. http://pervushin.com/www.audit4web.ru/favicon/ — более 15000 иконок.
    2. http://pervushin.com/www.iconj.com/ — более 18000 иконок, кто больше? Есть также и анимированные. Также и генератор favicon есть, причём очень даже не плохой.

    Установка Favicon.ico

    У меня движок на wordpress, будем исходить из него, но принципиально установка favicon на других движках или html страницах ничем не отличается и проходит она в два этапа: 1. Загрузка файла на сервер; 2. Прописываем специальные теги в движок. Всё на самом деле очень просто.

    Все поисковые роботы ищут иконку в корне сайта, т.е. иконка должна, точнее желательно, хоть и не обязательно, находится по адресу, например, http://pervushin.com//favicon.ico. Но для движков, таких как wordpress, в сети много разных тем, вместе с этими темами в комплекте часто идут свои favicon и пути у них прописаны соответственно расположению этого favicon в папках темы, например адрес.ру/шаблоны/тема/изображения/favicon.ico. Вам необходимо либо просто заменить стандартный ico на свой, либо перепрописать пути, я поступаю именно так.

    Закинул оба файла в корень pervushin.com, это favicon.ico и animated_favicon.gif и в файле своего шаблона header.php между тегом <head></head> прописал следующее:

    <link rel="shortcut icon" href="http://pervushin.com//favicon.ico" >
     </link><link rel="icon" type="image/gif" href="http://pervushin.com//animated_favicon.gif" >
     </link>

    Готово! Стильного Вам фавикона и удачной работы!

    Snapshot / @pervushin_com в twitter

    Сладкое на сегодня: Славная бабулька, с юморцом :).

    Читаем дальше:

    11 на запись «Favicon.ico: как сделать и установить на сайт»

    Page not found (404)


    Toggle navigation



    • Packs

      • Значок пакеты недавно Загрузил
      • Самых популярных значок пакеты
      • Эксклюзивные наборы значков

    • категории

      • Сельское хозяйство Иконки
      • Животные Иконки
      • Аватар и смайлики Иконки
      • Красота и мода Иконки
      • Бизнес и финансы Иконки
      • Мультфильм Иконки
      • Кино, телевидение и фильмы Иконки
      • Одежда и аксессуары Иконки
      • Преступление и безопасность Иконки
      • Культура, религия и фестивали Иконки
      • Дизайн и разработка Иконки
      • Экология, окружающая среда и природа Иконки
      • Электронная торговля и покупки Иконки
      • Электронные устройства и оборудование Иконки
      • Файлы и папки Иконки
      • Флаги и карты Иконки
      • Дизайн и разработка Иконки
      • Экология, окружающая среда и природа Иконки
      • Gym и Fitness Иконки
      • Здравоохранение и медицина Иконки
      • Промышленность и инфраструктура Иконки
      • Инфографика Иконки
      • Дети Иконки
      • люблю Иконки
      • Разное Иконки
      • Музыка и мультимедиа Иконки
      • Сеть и связь Иконки
      • Недвижимость и строительство Иконки
      • Школа и образование Иконки
      • Наука и технологии Иконки
      • SEO и Web Иконки
      • Sign и Symbol Иконки
      • Социальные медиа и логотипы Иконки
      • Спорт и игры Иконки
      • Инструменты, строительство и оборудование Иконки
      • Транспорт и транспортные средства Иконки
      • Путешествия, отели и каникулы Иконки
      • Пользовательский интерфейс и жесты Иконки
      • Погода и сезоны Иконки

    • стили значков

      • 3D Иконки
      • Badge Иконки
      • Filled outline Иконки
      • Flat Иконки
      • Glyph Иконки
      • Handdrawn Иконки
      • Long shadow Иконки
      • Outline Иконки
      • Photorealistic Иконки

    • Популярные поиски

      • Instagram Иконки
      • Vk Иконки
      • телефон Иконки
      • Папки Иконки
      • деньги Иконки
      • Социальные Иконки
      • Facebook Иконки
      • Telegram Иконки
      • Viber Иконки
      • корзина Иконки
      • Whatsapp Иконки
      • стрелка Иконки
      • Youtube Иконки
      • дом Иконки
      • Phone Иконки
      • люди Иконки
      • почта Иконки
      • папки Иконки
      • человек Иконки
      • доставка Иконки
      • галочка Иконки
      • папка Иконки
      • музыка Иконки
      • Mail Иконки
      • компьютер Иконки
      • вк Иконки
      • Steam Иконки
      • Instagram Иконки
      • сайт Иконки
      • фото Иконки
    • Log in
    • Register

    404 Icon by Laura Reen

    Как создавать файлы ICO в Photoshop на Mac | Small Business

    Изображения, которые используются в качестве значков в операционной системе Windows, необходимо сохранять в формате ICO. По умолчанию программа редактирования изображений Adobe Photoshop не поддерживает формат ICO, что делает невозможным создание файла ICO в Photoshop на компьютере Mac с конфигурацией по умолчанию. Однако с помощью подключаемого модуля формата файлов пользователи Photoshop могут создавать файлы ICO на Mac.

    Загрузить подключаемый модуль

    Прежде чем вы сможете создать файл ICO, вы должны сначала загрузить подключаемый модуль.Откройте веб-браузер и перейдите на Telegraphics.com.au. Щелкните параметр «Формат ICO», а затем ссылку для загрузки под заголовком «Mac», который соответствует вашей версии Photoshop. Доступны следующие варианты: «Mac CS2 / 3/4», «Mac 68k,« Mac CS5 »и« Mac Classic (PowerPC) ».

    Установить подключаемый модуль

    Для правильной работы подключаемого модуля он должен быть установлен в правильную папку • Дважды щелкните DMG-файл подключаемого модуля, чтобы смонтировать образ, и перетащите файл подключаемого модуля на рабочий стол компьютера.Щелкните значок «Finder» в док-станции компьютера, а затем значок папки «Приложения». Щелкните папку «Adobe Photoshop», а затем папку «Plug-ins». Перетащите файл плагина в папку «File Formats» внутри папки «Plug-ins».

    Создание файла ICO

    Установив плагин, вы готовы создать файл ICO. Щелкните значок «Finder» в док-станции компьютера, а затем папку «Приложения». Дважды щелкните значок приложения «Adobe Photoshop», чтобы запустить приложение.Откройте или создайте изображение, которое вы хотите сохранить в формате ICO, щелкните меню «Файл» и выберите вариант «Сохранить». Щелкните стрелку справа от заголовка «Формат файла» и выберите параметр «ICO (значок Windows)». Нажмите кнопку «Сохранить», чтобы создать файл.

    Устранение неполадок

    Если у вас возникли проблемы с использованием подключаемого модуля, вы должны сначала убедиться, что он правильно установлен. Щелкните меню «Photoshop» и наведите курсор мыши на параметр «О плагине». Если «ICO (значок Windows)… «отображается в появившемся боковом меню, плагин установлен правильно. Если его нет в списке, выйдите из Photoshop и повторите процедуру установки. Кроме того, вы не можете сохранить изображение размером более 256 пикселей в высоту или ширину в Формат ICO. Если изображение больше указанной ширины или высоты, формат ICO не будет отображаться в раскрывающемся меню «Формат файла».

    Ссылки

    Ресурсы

    Writer Bio

    Александр Пуарье начал профессионально писать в 2005 г.Он работал главным редактором литературного журнала «Каллиопа», удостоившись двух наград APEX Awards за выдающиеся публикации. Пуарер окончила Тихоокеанский университет со степенью бакалавра искусств по английскому языку.

    Использование Adobe Photoshop или Illustrator для создания ICO | Джон Графт

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

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

    Мой файл шаблона.

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

    Шаг 2. Создайте экшен Photoshop. Это действие будет обрезать монтажную область до внутренней части кадра, сохранить изображение как PNG, отменить обрезку и повторить для остальных размеров.Вместо того, чтобы пытаться объяснить это письменно, я просто покажу вам. Посмотрите мое короткое видео ниже, и вы поймете идею.

    Очень быстрое видео, показывающее, как создать настраиваемое действие.

    Шаг 3: Создайте свой значок! Я работаю над другим сообщением в блоге о том, как я создаю свои значки. Как только он будет готов, я вернусь и свяжу его здесь. Теперь вы можете перейти к разделу «Преобразование» ниже.

    Многие люди предпочитают создавать свои иконки в Adobe Illustrator, и я понимаю, почему. Illustrator отлично подходит для значков SVG (будущее), но я предпочитаю использовать Photoshop, когда дело касается ICO.

    Шаг 1. Создайте файл шаблона. Вам понадобятся два артборда; один с разрешением 16×16 и другой с разрешением 24×24. Мы делаем это, чтобы максимально избежать субпикселизации при расширении до больших размеров. Вы можете скачать созданный мной файл шаблона AI.

    Шаг 2: Создайте свой значок! Я работаю над другим сообщением в блоге о том, как я создаю свои значки. Как только он будет готов, я вернусь и свяжу его здесь.

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

    Шаг 3. Экспортируйте монтажные области. Перейдите в меню «Файл»> «Экспорт»> «Для экранов» или воспользуйтесь сочетанием клавиш ⌥ + ⌘ + E. На этом следующем экране вы хотите экспортировать обе монтажные области как PNG в масштабе 1x, 2x, 3x и 4x. После экспорта вы можете удалить значок 72 пикселя (24 пикселя при масштабе 3x) и выбрать, какой значок 48 пикселей вы хотите сохранить (масштаб 16 пикселей при 3x или 24 пикселя при масштабе 2x). Теперь вы можете перейти к разделу «Преобразование» ниже.

    Внимание! Если у вас возникли проблемы с отображением правильного размера ICO, экспортированных из Illustrator, запустите экспортированные PNG-файлы Illustrator через ImageOptim.

    Как сделать иконки для Windows 10 в Photoshop / GIMP-Online Конвертер ICO в PNG в ICO

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

    Формат файла ICO

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

    Почему настоятельно рекомендуется формат файлов PNG?

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

    После преобразования в формат ICO фон не будет отображаться в значках, если преобразовать изображение PNG в формат файла ICO.

    Требуется программное обеспечение для обработки изображений

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

    Смотреть видеоурок

    Как создать иконки в фотошопе?

    Adobe Photoshop также можно использовать для создания файлов ICO .Вам необходимо установить или добавить бесплатный плагин к Photoshop.

    Скачать плагин ICO

    Нажмите здесь , чтобы загрузить Zip-файл плагина ICO.

    Как установить плагин ICO в Photoshop?

    После загрузки распакуйте загруженный файл с помощью WinRar , 7Zip или любого другого программного обеспечения.

    После извлечения переместите извлеченный файл в папку плагинов Photoshop.

    Теперь ваша копия Photoshop готова к сохранению в виде файла ICO. Откройте или перезапустите Adobe Photoshop.

    После этого шага появится опция Сохранить как файл ICO.

    Используйте GIMP, альтернативу Photoshop с открытым исходным кодом

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

    Используйте GIMP для удаления фона, добавления текста и других вещей и сохранения в формате изображения PNG для использования в конструкторе иконок, в автономном или онлайн-конвертере ICO.

    Нажмите здесь , чтобы загрузить GIMP

    GIMP можно использовать для создания иконок

    GIMP позволяет экспортировать в файл ICO, не используя офлайн или онлайн-конвертер ICO.

    После удаления фона и редактирования щелкните файл.

    Щелкните «Экспортировать как».

    Все, что вам нужно сделать, это заменить PNG на ICO и нажать кнопку «Экспорт».

    Icon готов к использованию.

    Используйте онлайн-программу для удаления фона

    Если Вам неудобно работать с Photoshop, GIMP и любыми другими программами, Вы можете использовать бесплатный веб-сайт Remove.BG для быстрого удаления фона.

    Все, что Вам нужно сделать, это загрузить образ в Remove.BG .

    Удаление фона займет от 5 до 10 секунд.

    Теперь вы можете скачать PNG файл загруженной фотографии.

    Используйте онлайн-конвертер ICO

    После загрузки файла PNG посетите сайт www.ICOConverter.Com, чтобы преобразовать его в формат ICO.

    Нажмите «Выбрать файл», чтобы загрузить файл PNG.

    Оставьте все по умолчанию и нажмите «Преобразовать».

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

    Скачать файлы ICO из Интернета

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

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

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

    Пожалуйста, поставьте лайк / поделитесь этому видео и подпишитесь на Simple Tutorials . Simple Tutorials — это канал SoftSuggester.com на YouTube, где Атиф и его команда создают учебные пособия по Windows и программному обеспечению.Team Simple Tutorials также составляет списки видео лучших альтернатив и лучших лучших программ.

    Как создать значок Favicon (.ICO) в Photoshop

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

    Что такое фавикон?

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

    Как должен выглядеть фавикон?

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

    Характеристики значка Favicon (файл .ICO)

    Значок:

    • Квадратный рисунок
    • 16 x 16 пикселей (хотя вы можете начать с 64 x 64, чтобы дать вашему дизайну больше свободы)
    • Заканчивается расширением .ico .

    Значок «favicon» был первоначально представлен в более ранней версии Internet Explorer и поддерживал только формат .ico. Сегодня большинство современных браузеров поддерживают другие графические форматы значков, помимо.ico (PNG, GIF (включая анимированные GIF-файлы)), но .ico наиболее часто используется во всех браузерах и, следовательно, является стандартом, который вы должны использовать для своего веб-сайта.

    Создание файла Favicon (.ICO) в Photoshop

    Создайте новый файл в Photoshop. Хотя вы хотите получить квадрат 16 × 16 пикселей, вы можете начать с 32 × 32 или 64 × 64, чтобы у вас было больше места для работы. Импортируйте квадратную версию вашего логотипа или значка для представления вашего бренда в Photoshop. Затем скопируйте и вставьте его в новый файл.Используйте инструмент трансформации (удерживайте нажатой клавишу Shift, чтобы сохранить пропорции), чтобы изменить размер и убедиться, что ваш измененный размер 16 × 16 по-прежнему выглядит хорошо. Когда вы закончите, выберите «Сохранить для Интернета» и сохраните изображение в формате .png с разрешением 72 DPI (точек на дюйм).

    Конвертировать файл в .ICO с помощью Converter Tool

    Перейдите на ICO Converter, бесплатный веб-сайт, конвертирующий ваш файл .png в .ico. Нажмите «Обзор» и импортируйте созданный файл .png. Выберите размер и разрядность и сохраните на свой компьютер.

    Добавьте значок Favicon на свою веб-страницу

    Как только вы получите свой значок.ico сохранен и готов к работе, вы можете добавить его на свой веб-сайт следующим образом. В заголовок каждой веб-страницы вам нужно добавить следующий код (замените example.com/favicon.ico на каталог, в который вы загрузили свой значок):

    Мы не рекомендуем вам использовать относительный путь (href = ”favicon.ico”), потому что это может привести к потере путей при перемещении вашего веб-сайта, а также более уязвимо для кражи ссылок.Вместо этого используйте абсолютный путь (включая доменное имя), как в приведенном выше примере. Вы должны иметь возможность скопировать и вставить этот URL-адрес в свой веб-браузер и увидеть значок.

    Загрузите значок на свой веб-сервер

    После того, как вы добавили URL-адрес вашего файла значка на свою веб-страницу, вы захотите убедиться, что favicon.ico действительно находится там, где вы его указали (в примере выше, в корне вашего документа (корневая папка вашего веб-сайт — т.е. / public_html или / www на серверах Linux)).

    Посмотрите, как работает фавикон!

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

    Photoshop по-прежнему лучший?

    Adobe Photoshop, возможно, по-прежнему является отраслевым стандартом для редактирования фотографий, но остается ли оно лучшим? Наши эксперты погрузятся в наш обзор Photoshop.Узнайте, на что способна последняя версия Photoshop, а также на то, насколько она конкурентоспособна!

    Удалось ли вам создать и отобразить свой новый значок?

    Комментарии:

    6 комментариев

    Преобразование изображений

    — Как преобразовать .PNG в .ICO?

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

    Вот как это делается вручную. Вы можете использовать GIMP, альтернативу Photoshop с открытым исходным кодом, которую можно загрузить с веб-сайта проекта. Никаких дополнительных плагинов не потребуется. Возьмите PNG, который хотите преобразовать. Размер должен быть не менее 128 пикселей, но лучше 256+.

    Открыть сказал png в GIMP. Вы собираетесь сделать изображение из нескольких слоев.Когда вы закончите, каждый слой будет разного размера в готовой иконке. Вот макет слоя, который я обычно использую 256 пикселей (необязательно), 128 пикселей, 96 пикселей, 64 пикселей, 48 пикселей, 40 пикселей, 32 пикселей и 24 пикселей. Вы хотите иметь такое разнообразие размеров, потому что вам нужно учитывать все различные увеличения, которые пользователь будет иметь при просмотре в проводнике. 256 — это перебор, но почему бы не сделать иконку пригодной для будущего?

    Шаг 1. Импортируйте png в gimp. Обычно я делаю это, используя «Открыть с помощью» в окнах png и выбирая gimp.После этого GIMP сделает все остальное. убедитесь, что это единственный слой на данный момент (удалите все фоновые слои, если gimp сделал таковые).

    Шаг 2: Измените размер изображения до 256×256 (или 128×128, если вы не хотите использовать 256), щелкнув меню Изображение и выбрав Масштаб изображения . Если изображение, с которым вы работаете, не квадратное, вам придется обрезать его перед масштабированием, иначе оно будет выглядеть странно. Вы можете обрезать, используя инструмент выбора прямоугольника (убедитесь, что вы делаете квадратное выделение, нажимая Shift во время выбора).Когда вы закончите выбор, щелкните меню Image и выберите Crop to Selection .

    Шаг 3: Дублируйте текущий слой, выбрав меню Layer и выбрав Duplicate Layer . Снова щелкните меню Layer и выберите Scale Layer и измените размер дублированного слоя до нового размера, например 128 или 96 и т. Д.

    Шаг 4: промойте и повторяйте, пока не сделаете слои полностью до 24 пикселей.

    , шаг 5: экспортируйте текущий чертеж как значок, щелкнув меню File и выбрав Export As .Когда вы получите диалоговое окно, убедитесь, что вы ввели правильное расширение (.Ico), а все остальное сделает gimp.

    Как создать файл ICO

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

    Использование конвертера файлов

    1. Открыть https: // www.icoconverter.com в вашем интернет-браузере. Введите или вставьте этот URL-адрес в адрес своего браузера и нажмите ↵ Введите или ⏎ Верните с клавиатуры.

      1. ICO Converter — бесплатный сторонний онлайн-конвертер файлов. Здесь вы можете преобразовать большинство форматов файлов изображений, например PNG , JPEG , GIF и BMP в ICO.
      2. Вы можете легко найти аналогичные альтернативы, например ICOConvert (https: // icoconvert.com) и Online-Convert (https://image.online-convert.com/convert-to-ico) с помощью быстрого поиска в Google.
      3. Вы можете использовать онлайн-конвертеры файлов во всех настольных и мобильных интернет-браузерах.
    2. Нажмите кнопку Выбрать файл . Эта кнопка находится под заголовком «Файл изображения» вверху. Он откроет окно навигатора файлов и позволит вам выбрать изображение.

    3. Выберите файл изображения, который вы хотите преобразовать. Щелкните файл изображения в окне навигатора файлов и щелкните Открыть , чтобы выбрать его.

    4. Проверить

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

      1. Здесь вы можете выбрать любое количество размеров в разделе «Размеры».
    5. Выберите цветовую палитру в разделе «Скорость передачи данных. « Здесь вы можете выбрать 8 бит для более простого значка с основными формами и цветами или 32 бит для реалистичной цветовой палитры.

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

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

    Мика Сото

    Формат файлов Photoshop ICO и как создавать значки

    Favicons — это на первый взгляд (и буквально!) Небольшой, но важный способ продвижения вашего бренда на вашем сайте. Мы визуальны по своей природе, то есть с большей вероятностью узнаем эту маленькую синюю птичку для Twitter или этот красный конверт для Gmail быстрее, чем мы их имена, когда просматриваем нашу панель закладок. Вы можете сами создавать значки, создавая файлы ICO в Photoshop.Такой курс, как краткое руководство по Photoshop CC, научит вас значкам и многим другим вещам, о которых вы даже не подозревали, может делать Photoshop.

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

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

    Что такое фавикон?

    Прежде всего, что такое фавикон? Сокращенно от избранного значка , который также описывается, среди прочего, как значок ярлыка, значок вкладки или значок закладки, значок — это небольшой, обычно мини-логотип 16 × 16, который вы можете использовать на своем веб-сайте. Если браузер поддерживает это, он будет отображать значок в таких местах, как адресная строка, панель закладок, вкладки, история страниц, данные просмотра и т. Д.

    Значок

    Udemy.com представляет собой небольшой зеленый квадрат с заглавной буквой U, как показано на вкладке выше.

    Favicons сохраняются в виде файлов ICO, формата файла, который сохраняет несколько изображений разных размеров для целей масштабирования. Все значки в Windows, от исполняемых файлов рабочего стола до приложений из меню «Пуск», сохраняются с расширениями файлов .ico.

    Создание файлов ICO в Photoshop

    Photoshop — отличная и гибкая программа для редактирования графики для создания пользовательских значков. Однако для сохранения файлов с расширением .ico в Photoshop необходимо загрузить отдельный плагин.К счастью, это действительно легко сделать.

    Шаг 1 — Установите плагин

    Плагин можно найти на веб-сайте Telegraphics. Вы ищете загружаемый файл формата ICO (значок Windows), который доступен как для Mac, так и для Windows.

    Чтобы установить плагин, сначала убедитесь, что Photoshop закрыт. Извлеките загруженные файлы и поместите их в подпапку Plug-Ins> File Formats в указанном месте Adobe Photoshop.

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

    Шаг 2. Создайте свой значок в документе размером 64 × 64

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

    Если вы знаете, как работают все функции графического дизайна и редактирования в Photoshop, у вас не должно возникнуть проблем с созданием базового значка. Если вы не знаете, как работает какой-либо из инструментов палитры, вам следует сначала прочитать об этом! Попробуйте этот курс Photoshop Essentials, а затем вернитесь к этому руководству, когда станете мастером графического дизайна!

    Для нашего примера значка мы создали простой градиентный фон и одну букву «А» для обозначения нашего «бренда.”

    Шаг 3. Уменьшите масштаб до 16 × 16

    Теперь пора изменить размер значка, чтобы он был совместим с веб-браузерами. Выберите Изображение> Размер изображения в меню вверху или нажмите Alt + Ctrl + I и измените размер на 16 × 16. Убедитесь, что это пиксели, а не дюймы.

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

    Если все сделано правильно, вы должны увидеть, что ваш значок 64 × 64 преобразован в значок 16 × 16!

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

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

    Шаг 4 — Сохраните ваш значок как ICO, или.ico тип файла

    Это простой шаг. Если вы установили подключаемый модуль правильно, пора перейти в меню «Файл»> «Сохранить как», открыть раскрывающееся меню и выбрать вариант ICO (значок Windows) (* .ICO) . Нажмите кнопку «Сохранить», и вам будет предложено указать формат значка.

    Рекомендуется сохранить файл как стандартный ICO, поскольку формат PNG (Vista) не очень совместим.

    После нажатия ОК вы можете запутаться.Почему приложение Photoshop до сих пор называет наш значок .psd, когда мы только что сохранили его как ICO? Это потому, что файл ICO нельзя редактировать в Photoshop. Просто попробуйте открыть его и посмотрите. После того, как вы сохраните свой значок как ICO, этот файл ICO станет окончательным. Если вы хотите внести в него изменения, вам придется продолжать редактировать файл .psd, пока вы не будете удовлетворены конечным продуктом, и снова сохранить его как ICO.

    Использование вашего файла ICO на вашем веб-сайте

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

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

    Затем убедитесь, что между тегом в документе HTML для вашей домашней страницы вставлено следующее:

     
    
     

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


    И у вас получилось! Вы создали уникальный значок для своего веб-сайта и научились его использовать. Дополнительные советы по веб-дизайну и графическому дизайну можно найти на следующих курсах Udemy:

    Последнее обновление страницы: январь 2014 г.

    .

    Добавить комментарий

    Ваш адрес email не будет опубликован. Обязательные поля помечены *