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

Векторная графика

Архивный адрес: векторная графика — как устроена и когда она нужна

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

Вектор — это не картинка, а рецепт картинки: компьютер готовит её заново под каждый размер.

— От редакции

Происхождение адреса

Архивный адрес · прежний материал не сохранился

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

Адрес мы оставили ради самой темы: векторная графика по-прежнему нужна каждому, кто делает логотип, схему или иконку, и вопросов о ней меньше не становится.

Кривые вместо пикселей

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

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

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

Где вектор незаменим

  • Логотипы и фирменные знаки, которые нужны и в крошечном, и в огромном размере.
  • Иконки для сайтов и интерфейсов, которые должны оставаться чёткими на любом экране.
  • Схемы, графики и планы, где важны ровные линии и читаемые подписи.
  • Макеты для резки, гравировки и вышивки: оборудование следует по контурам, а не по пикселям.
  • Надписи и шрифтовые композиции, которые потом будут масштабировать под разные носители.

Как подготовить вектор для чужого компьютера

  1. Сохраните копию в открытом формате

    Кроме рабочего файла сохраните копию в формате, который понимают разные программы: для веба это обычно SVG, для печати и пересылки — PDF. Рабочий файл оставьте себе для правок.

  2. Переведите текст в кривые или приложите шрифт

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

  3. Проверьте вставленные картинки

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

  4. Откройте результат в другой программе

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

Источники

  • Документация к графическим форматам и редакторам (общие положения)
  • Редакционные материалы справочника Clipday

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