Ко всем материалам

Блог ML Mentor

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

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

5 минут

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

Определите задачу изображения

ИзображениеЧто оно делаетКак проверить
ОбложкаПомогает узнать тему материалаЗаголовок читается в небольшом превью; изображение не обещает чужой результат
СхемаПоказывает связи и порядок действийУ каждой стрелки понятный смысл; подписи совпадают с текстом
ГрафикПоказывает зависимость в данныхЕсть источник значений, оси, единицы и воспроизводимый способ построения

Таблицу можно прокрутить по горизонтали.

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

Сначала подготовьте содержание

Для схемы напишите список объектов и связей обычным текстом. Например: данные разделяются на обучающую и проверочную выборки; модель обучается на первой; качество измеряется на второй. Затем нарисуйте блоки и подпишите стрелки. Если схема показывает обработку новых данных, не добавляйте в неё обратную стрелку обучения только ради симметрии.

График стройте программно из сохранённых значений, например с помощью Matplotlib. Сохраните код и данные рядом с материалом. Если значения придуманы для объяснения, прямо подпишите «условный пример». Нейросеть не должна дорисовывать кривую, менять высоту столбцов или восстанавливать якобы точные числа из размытого скриншота.

Обработайте декоративные элементы отдельно

Для обложки бывает нужно убрать фон у собственного портрета или подготовить отдельную иллюстрацию. У Fabula AI есть инструменты удаления фона и улучшения изображений; ссылка приведена в источниках. Основной сайт сервиса ориентирован на карточки товаров, поэтому здесь речь только об обработке графики, а не о проверке научных схем. Результат нужно просмотреть на артефакты, особенно по контуру лица и мелких объектов.

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

Проверьте готовый материал на телефоне

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

Небольшое практическое задание

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

Примеры тем для такого разбора можно выбрать в Roadmap ML Mentor. Ограничьтесь одним механизмом: разделение данных, вычисление метрики или обработка запроса моделью.

Источники

Материал был полезен?

Как подготовить иллюстрации к техническому разбору — ML Mentor