Все разделы
Выбрать школу

Школа. Увлечения. Большое будущее.

PROSCHOOLS · ОБРАЗОВАНИЕ РЯДОМ

Ваш город

Выберите город, чтобы находить образование и возможности рядом.

Как учитываем городКаталог и кнопки «Выбрать школу» покажут школы выбранного города.Онлайн-курсы, учебник, ГДЗ и задания к экзаменам доступны по всей России.

Популярные города

Будет выбран: Вся Россия

Учебные материалы останутся прежними.

Поиск по сайту

По всему сайтуШколы выбранного города — выше в результатах

С чего начнём?

↑ ↓ — выбрать результат · Enter — открыть · Esc — закрыть

Векторизация и растрирование: как перейти между пикселями и контурами

💻 Информатика · 7 класс

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

Клавиатура в компьютерном классе
Иллюстрация к предмету «Информатика»Hmartil · Wikimedia Commons · CC BY-SA 4.0

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

Выберите подходящий исходник

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

В Inkscape импортируйте файл, выберите изображение и откройте команду трассировки растрового объекта в меню контуров. В официальном руководстве это Path → Trace Bitmap. Для силуэта начните с одного прохода по яркости. Посмотрите предварительный результат: внутренняя дырка в ручке чашки должна сохраниться, а случайные точки — не стать самостоятельными деталями.

Проверьте созданный вектор

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

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

Как получить растр

Для пиксельного результата выберите экспорт изображения и задайте область: страницу, рисунок или выделение — в зависимости от задачи. Укажите размер в пикселях. Если значок нужен в квадрате 512×512, сначала проверьте квадратную область и поля, затем экспортируйте PNG. Само сохранение SVG не превращает его в пиксельный файл.

Два PNG одинаковой ширины могут выглядеть по-разному из-за состава кадра и масштаба объекта внутри. Проверяйте не только число пикселей, но и то, какую долю изображения занимает значок. Не пересылайте рабочий SVG, если от вас требуется PNG: смена расширения в имени файла не меняет формат содержимого.

Задания с объяснением

1. Станет ли фотография идеальным вектором после одного нажатия? Нет: алгоритм приближает границы и цвета. 2. Почему после трассировки кажется, что ничего не произошло? Новый контур может совпасть по положению с растром; переместите его. 3. Значок в SVG чёткий, а PNG размыт при увеличении. Почему? PNG имеет фиксированную пиксельную сетку; увеличьте разрешение экспорта под реальную задачу.

Сохраните исходный растр, редактируемый SVG и итоговый PNG отдельно. Эти три файла выполняют разные роли и позволяют вернуться к нужному этапу, если размер, фон или форма изменятся.

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

Что такое растровая и векторная графика, Что такое растровое изображение.

Источники и проверка

Inkscape: Tracing an Image.

Источники и материалы