Преобразовать ICO в SVG Icon ↔ Scalable Vector Graphics Бесплатно Онлайн Безопасно

Почему люди конвертируют ICO в SVG

Файл ICO — это значок: маленькая картинка, а точнее набор маленьких картинок разных размеров, который появляется во вкладке браузера, на ярлыке, в углу окна или в списке файлов. Во многих старых сайтах и программах от их знака остался только значок и ничего больше: исходный рисунок утерян, дизайнера давно нет, а favicon — единственная уцелевшая копия логотипа. SVG — файл противоположного рода: рисунок, описанный фигурами, который можно масштабировать до любого размера и перекрашивать как угодно. Поэтому люди и конвертируют ICO в SVG: у них есть маленький значок, а нужен рисунок, который можно использовать в большем размере, изменить или вставить в современный дизайн.

Важно честно сказать, что такая конвертация может и чего не может. Превращение пикселей обратно в фигуры — не восстановление исходного рисунка, которого уже нет. Это догадка, сделанная по тому, где заканчиваются области однотонной заливки. Однако значки — как раз тот вид картинок, который особенно хорошо подходит для такой догадки, потому что они с самого начала рисовались плоским цветом. На этой странице два варианта, и она говорит, чего стоит каждый из них, прежде чем вы потратите время: можно позволить значку стать фигурами путём трассировки, а можно сохранить картинку в точности такой, какой она пришла, обернув её в SVG.

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

Как работает конвертация

Два варианта того, что происходит с картинкой

Вы выбираете, что происходит с картинкой: она становится фигурами или остаётся в точности такой, какой пришла. Первый вариант — трассировка. Значок анализируется, находятся области одного цвета, и их границы записываются как фигуры, залитые заказанными вами цветами. Второй — обёртывание: картинка помещается в файл SVG без изменений, так что снаружи файл — SVG, а внутри — те же пиксели.

Какой размер считывается

В .ico несколько размеров в одном файле, и браузер передаёт один из них, обычно самый большой. Остальные не считываются. Если в вашем значке есть версии 16, 32, 48 и 256 пикселей, то обычно трассируется картинка в 256 пикселей. Даже самый большой мал, часто 48 или 256 пикселей, так что трассировать почти нечего.

Почему значки хорошо поддаются трассировке

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

Что сохраняется

Прозрачность

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

Чёткий плоский цвет

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

Пропорции и размер

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

Что нужно знать, прежде чем конвертировать ICO в SVG

Трассировать почти нечего

Даже самый большой размер в значке мал, часто 48 или 256 пикселей, так что трассировать почти нечего. Всё, что в оригинале было линией в один пиксель, становится фигурой, ширина которой почти так же неопределённа. Это не недостаток трассировки: при шестнадцати пикселях там никогда не было достаточно. Если результат выглядит грубо, ответ — исходник побольше, а не другая настройка.

Считывается только один размер

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

Трассировка — это догадка, а не восстановление

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

Как конвертировать ICO в SVG здесь

Добавьте значок

Перетащите ICO на страницу или выберите его на устройстве. Он считывается внутри вашего браузера и не загружается.

Выберите трассировку или сохранение и цвета

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

Конвертируйте и сравните

Нажмите кнопку и скачайте SVG. Откройте его в браузере и увеличьте масштаб. Хорошая трассировка остаётся гладкой. Сравните её со значком, а если результат не тот, измените цвета и попробуйте снова.

Подробнее об ICO и SVG

Набор и рисунок

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

Почему результат может выглядеть иначе, чем значок

Маленькие значки часто рисуют вручную, пиксель за пикселем, чтобы они хорошо выглядели в своём размере. Трассировка превращает эти пиксели в гладкие фигуры. Углы могут слегка скруглиться, а тонкие детали — утолщиться. SVG — верный портрет картинки, но не копия замысла дизайнера.

Когда избегать трассировки

Если значок — фотография в миниатюре, например аватар, не трассируйте его. Сохраните картинку такой, какой она пришла. Трассировка предназначена для знаков из плоского цвета.

Типичные ситуации подробно

Потерянный логотип, уцелевший как favicon

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

Значки программ

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

Обновление дизайна

Когда сайт или приложение проходит редизайн, старый значок часто нужно перерисовать в современных размерах. Трассированный SVG даёт дизайнеру отправную точку, совпадающую с существующим знаком.

Сайты, которые требуют SVG

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

Практические советы перед тем, как конвертировать ICO в SVG

Поищите исходник побольше

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

Используйте мало цветов

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

Знайте, что вы будете делать потом

Трассированный значок — отправная точка. Запланируйте несколько минут в графической программе, чтобы привести фигуры в порядок, сгладить кривые и назвать слои.

Сохраните ICO

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

Как получить лучшую трассировку, когда вы конвертируете ICO в SVG

Посчитайте ожидаемые цвета

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

Следите за краями

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

Подумайте о фоне

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

Вопросы, которые задают перед конвертацией

Получу ли я обратно свой исходный вектор?

Нет. Трассировка — это догадка, а не восстановление. Она предлагает фигуры, которые следуют границам цветов на картинке.

Почему результат грубый?

Потому что значок мал, часто 48 или 256 пикселей, и трассировать почти нечего. Ответ — исходник побольше, а не другая настройка.

Какой размер внутри ICO используется?

Браузер передаёт один из них, обычно самый большой. Остальные не считываются.

Сохранится ли прозрачность?

Да. Прозрачный фон остаётся пустым.

Загружается ли мой значок?

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

Можно ли вернуться к ICO?

Да. SVG в ICO рисует фигуры в шести размерах и упаковывает их в один файл.

Разумный выбор при конвертации ICO в SVG

Трассировать или сохранить?

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

Другие отправные точки

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

Сохраните то, с чего начали

Храните ICO рядом с SVG. Это разные вещи, и у каждой своё применение.

Как добиться хорошего результата после конвертации

Откройте в графической программе

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

Проверьте в нескольких размерах

Увеличивайте и уменьшайте масштаб. Хорошая трассировка сохраняет форму в любом размере.

Перестройте, если знак важен

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

Как извлечь максимум из трассированного значка

Используйте там, где важно масштабирование

Главное преимущество результата — он масштабируется. Используйте его для плаката, вывески, вышитой нашивки или наклейки и радуйтесь, что не нужно искать файл побольше. Когда снова понадобятся пиксельные картинки, инструмент SVG в PNG отрисует фигуры в любом выбранном вами размере.

Легко перекрашивайте

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

Перестройте набор размеров

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

Будьте осторожны с чужими работами

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

Сохраните понравившиеся настройки

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

Конфиденциальность и обработка

Почему локальная конвертация важна для графики

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

Что происходит, когда вы уходите

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

Если что-то пошло не так

Трассировка выглядит комковатой

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

Кажется, считан не тот размер

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

Страница не открывает мой файл

Проверьте, что это настоящий ICO, а не переименованный PNG. Если это PNG, используйте вместо этого PNG в SVG.

Связанные инструменты

Это же семейство инструментов охватывает соседние задачи. Для PNG используйте PNG в SVG, а для JPG — JPG в SVG. Чтобы вернуться к пикселям или к значку, SVG в ICO, SVG в PNG и SVG в JPG отрисуют фигуры в выбранном вами размере. Векторная страница для печати получается с помощью SVG в PDF.

Пример на практике

Допустим, вы унаследовали сайт, от логотипа которого остался только favicon: зелёный лист на прозрачном фоне. Лист нужен для печатного баннера. Вы перетаскиваете ICO сюда, выбираете трассировку с двумя цветами и нажимаете кнопку. Через мгновение вы скачиваете SVG, в котором лист — чистая зелёная фигура. Вы открываете его в графической программе, сглаживаете два угла и масштабируете до размера баннера. Края остаются чёткими. ICO остаётся в вашей папке.

Краткий чек-лист

Перед конвертацией

Поищите исходник знака побольше. Проверьте, что значок — плоская графика. Сохраните ICO.

Во время конвертации

Выберите трассировку или сохранение и задайте цвета. Оставайтесь на странице, пока файл не будет готов.

После конвертации

Откройте SVG, увеличьте масштаб, сравните его со значком и приведите в порядок в графической программе.

Типичные ошибки

Ожидание деталей, которых никогда не было

При шестнадцати пикселях находить было нечего. Не конвертируйте ICO в SVG в надежде на тонкие линии.

Трассировка фотоаватара

Фотография в миниатюре превращается в плакат из пятен. Сохраните её такой, какой она пришла.

Слишком много цветов

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

Ваш значок остаётся на вашем устройстве

Конвертация происходит локально. Ваш значок считывается вашим браузером, там же трассируется и возвращается как SVG. Ничего не загружается, поэтому копия не оказывается на сервере, и никто другой не может её увидеть. Для необнародованных знаков это безопасный способ конвертировать ICO в SVG.

Итог

Чтобы конвертировать ICO в SVG здесь, перетащите значок, выберите, что с ним происходит, и нажмите кнопку. Выбираете вы: картинка становится фигурами или остаётся в точности такой, какой пришла, а чего стоит каждый вариант, написано на этой странице, прежде чем вы потратите время. Прозрачность сохраняется, как и чёткий плоский цвет, из которого обычно состоит значок, — единственный вид картинок, который трассируется почти идеально, потому что он с самого начала рисовался плоским цветом. В .ico несколько размеров в одном файле, и браузер передаёт один из них, обычно самый большой; остальные не считываются. Даже самый большой мал, часто 48 или 256 пикселей, так что трассировать почти нечего. Если результат выглядит грубо, ответ — исходник побольше, а не другая настройка.