Как в руководстве Word размещать изображения и скриншоты, не ломая вёрстку
· Обновлено: · Го Комура · Word, Создание руководств, Оформление иллюстраций, Скриншоты, Доступность
История изменений (1 обновлений, последнее 30 Aug 2026)
Журнал изменений этой статьи. Там, где версия до правки была заархивирована, она остаётся доступной для чтения по постоянной ссылке с DOI.
- Русский текст переписан как полноценный технический перевод, а не калька с японского. Утверждения статьи не менялись.
- Первая публикация
Цитирование статьи(DOI (зарегистрированный архив): 10.5281/zenodo.21619826)
Приведённые ниже DOI относятся к ранее зарегистрированным архивным версиям, которые могут отличаться от текущего текста. Для ссылки на текущий текст используйте URL этой страницы.
Го Комура (2026). Как в руководстве Word размещать изображения и скриншоты, не ломая вёрстку. KomuraSoft LLC. https://comcomponent.com/ru/blog/2026/04/09/001-word-manual-advanced-images/
- DOI (зарегистрированный архив)
- 10.5281/zenodo.21619826
- DOI (последняя зарегистрированная версия)
- 10.5281/zenodo.21619827
В предыдущей статье Основы создания руководств в Word — неудачные примеры и как их исправить мы разобрали основы Word: заголовки, абзацы, оглавление, нумерацию, перекрёстные ссылки. Стили заголовков, нумерованные списки, автоматическое оглавление, разрывы разделов и ленточные операции журнала изменений тоже собраны там. Если добавлять изображения, пока сам текст ещё разъезжается, работа удваивается, поэтому тем, кто ещё не читал базовую часть, лучше начать с неё. Сейчас, в продолжение, разберём работу с изображениями, рисунками и скриншотами — то, что сильно влияет на качество руководства, — рядом с неудачными схемами и рабочими практиками.
Изображения передают смысл нагляднее текста, но в документе Word как раз они часто становятся точкой поломки. Вставить и перетащить — в моменте выглядит ровно, но потом:
- добавили один абзац — рисунок съехал
- номера рисунков правят руками, и каждая правка дороже
- область, которую вроде обрезали, на самом деле осталась внутри файла
- рисунок и пояснение оказались на разных страницах, читать неудобно
- при рассылке PDF ломаются замещающий текст и порядок чтения
Такие проблемы возникают постоянно.
Исходим из работы в основном в классическом Word с главным форматом .docx.
Веб-версия базовое редактирование умеет, но обтекание и фиксацию положения удобнее делать в классической. 12
Оглавление
- Сначала вывод
- Почему с изображениями и рисунками документ Word легче ломается
- Сводка неудачных схем и рабочих практик
- Как думать о размещении изображений и рисунков
- Конкретные приёмы в Word
- Правила, которые стоит закрепить в шаблоне
- Чек-лист перед рассылкой
- Итог
- Источники
На схеме сплошная линия обозначает отношение, которое выполняется всегда, а пунктирная — условное отношение (условия указаны в пояснении к каждому отношению на странице сведений). Полный список отношений (всего 21, с доказательствами и степенью уверенности) и определения основных понятий собраны на странице сведений карты знаний (на японском). Данные: JSON-LD / Turtle
1. Сначала вывод
Сразу выводы: в руководстве с изображениями и рисунками важны следующие шесть пунктов.
-
По умолчанию — [В тексте] Размещение изображений в Word в принципе держим как
В тексте. Тогда с рисунком можно работать как с абзацем, и правки переносятся легче. -
Ставить изображение сразу после первого упоминания Не уносить рисунок далеко от текста, который на него ссылается. Тогда читателю не нужно бегать глазами туда-сюда.
-
На скриншоте показывать только нужную область Не вставлять каждый раз весь экран, а обрезать то, что нужно показать. База — «один рисунок, одно сообщение».
-
Автоматизировать номера рисунков и ссылки Номера — функцией подписи, ссылки в тексте — перекрёстными ссылками. Ручной набор
рисунок выше,рисунок ниже,изображение 1не используем. -
Обтекание — как исключение
[Квадрат]и[Зафиксировать положение на странице]удобны, но без понимания привязки легко ломаются. Их берут, только когда цель вёрстки ясна. -
Перед рассылкой проверить объём и доступность Довести до конца удаление обрезанных областей, сжатие изображений, замещающий текст и проверку доступности.
2. Почему с изображениями и рисунками документ Word легче ломается
Word очень силён в правке документа вокруг абзацев, но становится заметно нестабильнее, как только растёт число плавающих объектов.
Документ из одного текста при нормально настроенных заголовках, абзацах, списках и разрывах страниц редко разъезжается сильно. Но в момент вставки изображения появляются такие факторы:
- положение самого изображения
- расстояние до текста
- тип обтекания
- положение привязки
- связь с подписью
- поведение при переходе через границу страницы
- данные после сжатия и обрезки
- порядок чтения и теги после PDF
То есть изображение — это не только «как выглядит», но и вопрос структуры, ссылок и качества рассылки.
Поэтому в работе с изображениями и рисунками нужно одновременно закрыть не только «выглядит ли аккуратно», но и три условия:
- не разъезжается
- легко править
- понятно читателю
Кратчайший путь ко всем трём — режим «В тексте» как база, а плавающее размещение только как осознанное исключение. 123
3. Сводка неудачных схем и рабочих практик
| Пункт | Неудачная схема | Рабочая практика |
|---|---|---|
| База вставки | Сразу после вставки перетаскивать, подгоняя вид | По умолчанию [В тексте], обращаться как с абзацем |
| Место | Собрать рисунки в конце главы или страницы | Ставить сразу после первого упоминания |
| Область скриншота | Каждый раз вставлять весь экран | Обрезать только нужную область |
| Размер | Увеличивать и уменьшать по месту | Зафиксировать шаблоны: на всю ширину / средний / маленький |
| Обтекание | По привычке брать [Квадрат] |
Обтекание как исключение, с пониманием привязки |
| Номер рисунка | Печатать изображение1, рис. 3 руками |
Автонумерация через подписи |
| Ссылки | Писать «рисунок выше», «изображение ниже» | Вставлять рисунок 3-2 перекрёстной ссылкой |
| Рисунки с пометками | Разбрасывать выноски и стрелки по отдельности | По возможности сводить к одному готовому рисунку; если нужно — группировать |
| Разрыв страницы | Рисунок и подпись на разных страницах | Удерживать на одной странице параметрами абзаца |
| Обрезка | Успокоиться, просто спрятав область | Перед рассылкой удалить ненужную область |
| Объём | Вставлять большие изображения без ограничений | Управлять сжатием и разрешением |
| Доступность | Нет замещающего текста, нет финальной проверки | Замещающий текст, пометка «декоративное», проверка доступности |
4. Как думать о размещении изображений и рисунков
4.1 Изображение — не «украшение», а часть основного текста
Рисунки и скриншоты в руководстве — не декор для атмосферы, а информация, которая усиливает пояснение в тексте.
Поэтому между текстом и изображением нужна такая связь:
- сначала текст говорит, «на что смотреть»
- изображение это подтверждает
- если нужно, сразу после изображения идёт пояснение
Наоборот, вставить одну картинку и отделаться «см. рисунок ниже» — и читатель не понимает, куда смотреть.
На практике хорошо работает такой подход:
- один рисунок — одно сообщение
- в одном разделе не показывать слишком много
- не ставить рисунок, который текст не объясняет
Чем больше в документе скриншотов, тем легче он читается, если этой базой снизить плотность информации.
4.2 По умолчанию [В тексте]. Сначала обращаться как с абзацем
В Word новое вставленное или вклеенное изображение по умолчанию идёт как В тексте.
Рисунок «В тексте» привязан к месту вставки и ведёт себя как текстовый символ.
Рисунок с обтеканием вроде Квадрат, наоборот, становится плавающим объектом с привязкой к абзацу. 123
Что такое привязка
Привязка в этой статье — понятие, которое путают чаще всего, поэтому сначала определение.
Привязка — это связь, которая показывает, к какому абзацу относится плавающий объект. На экране она видна как значок якоря слева от этого абзаца.
Важны три пункта.
- Привязка указывает не на «страницу», а на «абзац». Даже если рисунок визуально в правом верхнем углу страницы, внутри он висит на конкретном абзаце.
- Абзац поехал — вместе с ним едет и изображение. Добавили строку на предыдущей странице, абзац ушёл на следующую — рисунок уехал следом. «Я его не трогал, а он сам перескочил на следующую страницу» почти всегда отсюда.
- Удалили абзац с привязкой — вместе с ним исчезает и изображение. Авария «рисунок пропал, хотя я его не выделял» случается здесь.
У рисунка В тексте привязки нет. Сам рисунок — содержимое абзаца, то есть как один большой символ. Разница на схеме такая:
flowchart TB
subgraph INLINE["В тексте ── рисунок внутри абзаца"]
direction TB
A1["абзац основного текста"] --> A2["рисунок<br/>как один большой символ"] --> A3["следующий абзац"]
end
subgraph FLOAT["обтекание ── рисунок на отдельном слое"]
direction TB
B1["абзац основного текста<br/>на этой строке значок привязки"] --> B3["следующий абзац"]
B1 -.->|"связан привязкой"| B2["рисунок<br/>положение задаёт координата на странице"]
end
Рисунок: в режиме «В тексте» изображение становится частью абзаца; при обтекании оно плавает на отдельном слое и связано с абзацем только привязкой
Привязка по умолчанию не видна. Как её показать — в шаге 5 раздела 5.2. Если берёте плавающее размещение, начните с того, чтобы привязку было видно. Править невидимую связь на ощупь — самый затратный по времени сценарий в этой теме.
Почему в руководстве В тексте лучше как значение по умолчанию — просто: так документ легче править.
- текст вырос или сжался — рисунок едет вместе с абзацем
- рисунок можно выровнять по центру на уровне абзаца
- влияние перехода на новую страницу читается проще
- аварии с привязкой и порядком наложения реже
Если нет особой причины для сложной вёрстки, для начала достаточно схемы [В тексте] + по центру + подпись.
4.3 Ставить изображение «сразу после первого упоминания»
Самый простой способ сделать изображение понятным — не отделять его от текста.
Плохой пример выглядит так:
- пояснение двумя страницами раньше
- изображение уехало в конец страницы
- в тексте есть только номер рисунка
- читатель всё время листет туда-сюда
Лучше ставить сразу после абзаца, где этот рисунок впервые упомянут.
Например, если написано:
Откройте [Настройки уведомлений] и выберите [Условия доставки] в правом верхнем углу. Настраиваемая область — красная рамка на рисунке 3-2.
идеально, чтобы сразу под этим текстом стоял рисунок 3-2.
Схема «собрать все рисунки в конце» годится для сборника материалов, но плохо подходит руководству по операциям.
4.4 В скриншоте понятность решает обрезка
На практике часто вставляют весь экран Full HD или 4K как есть. Тогда нужная кнопка или поле ввода становятся мелкими, и читателю только труднее.
В скриншоте важно что именно показывать.
Конкретно, если идти в таком порядке, меньше сомнений:
- какую операцию должен передать этот рисунок
- какие области для этой операции не нужны
- если тот же экран будет и на следующем рисунке, можно ли сейчас показать минимум
- для сравнительной иллюстрации — выравнивать ли область обрезки и масштаб
Особенно важно: кадрирование само по себе ничего не удаляет. В Word / Office обрезанная область по умолчанию остаётся в файле, поэтому при необходимости нужно ещё удалить её. 45
4.5 Сравнительные иллюстрации и рисунки с пометками сводить к «одному готовому изображению»
На этом уровне особенно стоит не держать сравнительные иллюстрации и рисунки с пометками как кучу отдельных объектов в Word.
Частая картина:
- 1 исходное изображение
- 3 выноски
- 5 стрелок
- 4 надписи
- и ещё отдельная подпись
В таком состоянии достаточно чуть сдвинуть один элемент — и разъезжается всё.
Рабочих практик две.
- По возможности вставлять готовое изображение с пометками как одну картинку
- Даже если собираете внутри Word, в итоге группировать в одну единицу
Для сравнения before / after вместо двух отдельных изображений с двумя подписями удобнее сделать одну сравнительную иллюстрацию с A: до изменения и B: после изменения и вести её как рисунок 4-1 — так на неё проще ссылаться из текста.
5. Конкретные приёмы в Word
В этой главе восемь разделов, каждый можно читать как отдельную инструкцию. Сквозное чтение не обязательно. Берите с того, что мешает сейчас.
| Что мешает сейчас | Раздел | Какие операции там |
|---|---|---|
| Нужен способ вставки, который не разъезжается | 5.1 | «В тексте», по центру, обрезка, подпись |
| Рисунок сам едет / пропадает | 5.2 | Выбор обтекания, показ привязки, блокировка привязки |
| Скриншот плохо читается | 5.3 | Обрезка, единое соотношение сторон, удаление обрезанной области |
| Нужны выноски и стрелки | 5.4 | Замена готовым рисунком, группировка, выравнивание |
| Номера рисунков правят руками | 5.5 | Вставка названия, связь с номером главы, перекрёстная ссылка |
| Рисунок и подпись на разных страницах | 5.6 | Параметр абзаца «Не отрывать от следующего» |
| Файл тяжёлый / в кадр попала лишняя информация | 5.7 | Сжатие рисунков, выходное разрешение, удаление обрезанной области |
| Нужно поднять качество перед рассылкой | 5.8 | Замещающий текст, пометка «декоративное», проверка доступности |
Каждый раздел можно начинать с заголовка «Порядок» — он самодостаточен. Нумерация шагов в каждом разделе начинается с 1, это не продолжение предыдущего раздела.
5.1 Самая устойчивая схема — «один скриншот»
Начнём с базовой формы, в которой меньше всего аварий. Примерно для 80% руководств по операциям её достаточно.
Порядок (вставить один рисунок в режиме «В тексте»)
- Вставить изображение или вклеить скриншот
- Выделить изображение и в
[Параметры макета]выбрать[В тексте] - Выровнять по центру абзац с изображением
- На вкладке
[Формат рисунка]обрезать лишнее через[Обрезка], оставив только нужную область - Сразу под изображением вставить подпись
- Интервалы делать не пустыми строками, а интервалом до и после абзаца
- В тексте номер рисунка вставлять перекрёстной ссылкой
- Абзац с изображением и абзац с подписью удерживать на одной странице
Почему эта схема устойчива
- изображение связано с абзацем
- выравнивание по центру стабильно
- номера рисунков ведутся автоматически
- ссылки реже сбиваются
- схема меньше ломается при смене редактора
Чуть больше шагов, чем «вставить и перетащить», но на правках разница уже заметна.
5.2 Обтекание — только вместе с привязкой
[Квадрат], [Сверху и снизу], [Зафиксировать положение на странице] позволяют поставить рисунок рядом с текстом или в конкретное место.
Но при этом это плавающий объект, связанный с абзацем, поэтому внимания нужно больше, чем в режиме В тексте. 12
Когда обтекание уместно
- декоративный рисунок на титульной странице
- небольшая иллюстрация или значок у поля
- вёрстка, где рисунок и текст стоят слева-справа
- временная сборка рисунка с пометками внутри Word
Порядок (переключить на обтекание и показать привязку)
- Выделить изображение
- В
[Параметры макета]выбрать тип обтекания Например:[Квадрат],[Сверху и снизу] - Если нужно держать рисунок в фиксированном месте страницы —
[Зафиксировать положение на странице] - Если рисунок должен ехать вместе с текстом — не фиксацию на странице, а размещение, которое следует за текстом
- Включить непечатаемые знаки через
[Главная] > [Отобразить все знаки ¶]или включить[Файл] > [Параметры] > [Экран] > [Привязки объектов], чтобы привязка была видна - Если взаимное положение нужно зафиксировать —
[Параметры макета] > [Дополнительно] > [Блокировка привязки]2
На что смотреть
- при обтекании рисунок чаще связан не с «этой страницей», а с «этим абзацем»
- при росте или сокращении текста видимое взаимное положение может измениться
- в инструкции с большим числом изображений злоупотребление обтеканием затрудняет сопровождение
Поэтому безопаснее считать обтекание исключением.
5.3 Оставлять на скриншоте только нужную область
Качество скриншота решает не столько само изображение, сколько способ обрезки.
Неудачные схемы
- вставлен весь экран, нужная кнопка мелкая
- на сравнительной иллюстрации слева и справа разный масштаб
- в кадр попали имена или адреса электронной почты
- сделали только обрезку и исходные данные не удалили
Рабочие практики
- один рисунок — одно сообщение
- обрезать только нужную область
- на сравнительных иллюстрациях выравнивать область обрезки и масштаб
- конфиденциальную информацию не только прятать, но и при необходимости удалять
Порядок (обрезать только нужную область)
- Выделить изображение
- Выбрать
[Формат рисунка] > [Обрезка] - Срезать лишнее, пока объект операции достаточно читается
- Для сравнительной иллюстрации при необходимости выровнять пропорции через
[Обрезка] > [Соотношение сторон] - Перед рассылкой открыть
[Формат рисунка] > [Сжатие рисунков] - Включить
[Удалить обрезанные области рисунков]45
Практические приёмы
- если нужно показать только кнопку или поле ввода, весь экран не нужен
- сначала обрезать, а не уменьшать рисунок
- если от уменьшения текст становится нечитаемым, лучше перенести рисунок на следующую страницу
5.4 Рисунок с пометками можно сделать двумя способами
Рисунок с пометками наглядный, но в Word это ещё и хрупкая зона, поэтому способ лучше выбрать заранее.
Способ A: вставить готовое изображение с пометками как одну картинку
Это первая рекомендация.
Когда подходит
- много выносок и стрелок
- before / after нужно показать на одном изображении
- приоритет — устойчивость вплоть до рассылки PDF
Плюсы
- в Word это один объект
- номер рисунка один
- легко ссылаться перекрёстной ссылкой
- другому редактору сложнее случайно сломать
Способ B: собрать рисунок внутри Word из фигур и изображения
Пометки внутри Word ставить можно. Железное правило — не оставлять их набором отдельных объектов.
Порядок (собрать рисунок с пометками в Word и сгруппировать)
- Вставить исходное изображение
- Поскольку пометки должны лежать поверх, сменить обтекание изображения на любое, кроме
В тексте - Добавить стрелки, выноски, текстовые поля
- Выделить каждый объект, удерживая
Ctrl - Использовать
[Формат рисунка]или[Формат фигуры] > [Группировать] > [Группировать]67 - Если нужно выровнять несколько объектов —
[Выровнять]6
Ещё более важное замечание
- для группировки каждый объект должен быть не в режиме
В тексте7 - если к плавающему объекту нужна подпись и они должны ехать вместе, сначала зафиксируйте вёрстку, а подпись вставляйте после 8
То есть, собирая рисунок с пометками внутри Word, меньше аварий будет в таком порядке:
- перевести изображение в плавающее размещение
- добавить пометки
- при необходимости добавить подпись
- сгруппировать
5.5 Связать номера рисунков, номера глав и перекрёстные ссылки
В работе с изображениями ручной труд чаще всего остаётся как раз в номерах рисунков и ссылках из текста. Автоматизация этого места окупается на каждой правке.
Как вставить номер рисунка
- Выделить изображение
- На вкладке
[Ссылки]выбрать[Вставить название]/[Вставить подпись] - Задать метку
Рисунок - При необходимости добавить пояснение
Например:
Настройки уведомлений в панели администратора - Если в документе есть номера глав, в
Нумерациявключить номер главы 8910
Как вставить ссылку из текста
- Написать в тексте фразу ссылки
Например:
Подробнее см. рисунок - Открыть
[Вставка] > [Перекрёстная ссылка] - В типе ссылки выбрать
Рисунок - Выбрать нужный рисунок
- При необходимости включить
[Вставить как гиперссылку]11
Чего эта практика позволяет избежать
- поломки формулировок «рисунок выше», «рисунок ниже»
- ручных правок при добавлении рисунка
- сдвига ссылок после переноса по страницам
- битых ссылок после PDF
Перекрёстные ссылки вставляются как поля, поэтому перед рассылкой их нужно обновить.
Для всего документа это Ctrl + A, затем F9. 1112
5.6 Удерживать рисунок, подпись и пояснение на одной странице
В плохо читаемых документах часто такое разделение:
- в конце страницы только рисунок
- подпись — в начале следующей
- пояснение после подписи снова в другом месте
Чтобы этого не было, базовый подход — держать настройки разрыва страницы на стороне абзаца.
Удобная сборка
- абзац с изображением
- абзац с подписью
- пояснение в одно предложение
- продолжение основного текста
Порядок (удержать рисунок и подпись на одной странице)
- Выделить абзац с изображением
- Правой кнопкой открыть
[Абзац] - Открыть вкладку
[Разрывы строк и страниц]или эквивалентную - Для абзаца с изображением включить «Не отрывать от следующего»
- При необходимости включить «Не отрывать от следующего» и для абзаца с подписью
- Если подпись в несколько строк, при необходимости также «Не разрывать абзац» или удерживать строки вместе 13
Чего не делать
- подгонять несколькими пустыми строками
- резко уменьшать изображение только потому, что оно не помещается
- оставлять одну подпись, а рисунок отправлять на следующую страницу
Если рисунок слишком большой и не помещается, читаемее перенести весь блок на следующую страницу.
5.7 Управлять объёмом и конфиденциальной информацией
На этом уровне этот пункт тоже нельзя пропускать. Даже при аккуратном размещении рисунков на практике мешают слишком тяжёлый файл и информация, которой в рассылке быть не должно.
База по объёму
- не вставлять изображения большего размера, чем нужно, как есть
- решить, сжимать только выделенное изображение или весь документ
- не сжимать так, чтобы текст UI стал нечитаемым
Порядок в Word
- Выделить изображение
- Открыть
[Формат рисунка] > [Сжатие рисунков] - Выбрать
Применить только к этому рисункуили ко всему документу - Включить
Удалить обрезанные области рисунков - По задаче настроить выходное разрешение 45
Замечания по эксплуатации
- одно кадрирование может оставить исходную область внутри файла
- проверить, не видны ли имена, адреса электронной почты, внутренние URL, данные клиентов, тестовые данные
- если есть сомнения, исходное изображение хранить отдельно, а в файле для рассылки оставлять уже удалённые данные
Особенно в руководстве из скриншотов защиту от попадания конфиденциальной информации в кадр и управление размером файла безопаснее рассматривать вместе.
5.8 Не опускать доступность
Чем больше изображений и рисунков, тем заметнее разница в доступности. Минимум здесь — замещающий текст и проверка доступности.
База замещающего текста
- к информативному рисунку добавлять замещающий текст
- рисунок только для декора помечать как декоративный
- не ограничиваться размытыми описаниями вроде
изображение,скриншот - коротко передавать не только содержание, но и назначение
- укладываться примерно в 1–2 предложения 1415
Пример
- плохой:
изображение экрана настроек - хороший:
Экран настроек уведомлений. В правом верхнем углу через [Условия доставки] включают и выключают уведомления по электронной почте.
Для блок-схем и сложных рисунков лучше донести смысл, если написать ещё, «к какому выводу приводит рисунок». 15
Как настроить
- Правой кнопкой по изображению открыть
[Просмотреть замещающий текст] - Для информативного рисунка ввести описание
- Для чисто декоративного использовать
[Пометить как декоративное]1415
Последняя проверка
- Открыть
[Рецензирование] > [Проверка доступности] - Просмотреть ошибки, предупреждения и подсказки
- Исправить проблемы, связанные с изображениями
- Проверить ещё раз перед PDF 1617
Документ, который аккуратен только внешне, но плох по доступности, как продукт для рассылки недостаточен. Руководство живут долго, поэтому если заложить это в процесс сразу, потом проще.
6. Правила, которые стоит закрепить в шаблоне
Качество изображений и рисунков стабилизирует не вкус отдельного человека, а зафиксированные правила. Как шаблон или командный стандарт полезно заранее решить хотя бы следующее.
6.1 Правила вставки изображений
- способ вставки по умолчанию —
[В тексте] - абзац с рисунком выравнивается по центру
- интервалы — интервалом абзаца, не пустыми строками
6.2 Правила размера
- рисунок на всю ширину: весь экран или крупная схема
- средний: диалоги и окна настроек
- маленький: значки и фрагменты интерфейса
Даже эти три шаблона уже выравнивают впечатление от документа.
6.3 Правила нумерации рисунков
- вся нумерация — функцией подписи
- если в документе есть номера глав, включать их и в номера рисунков
- закрепить положение: например, подпись рисунка снизу, подпись таблицы сверху ※ какой бы вариант ни выбрали, важно единообразие по всему документу
6.4 Правила ссылок в тексте
- не использовать «рисунок выше», «рисунок ниже»
- ссылаться по номеру, например
рисунок 2-3 - вставлять ссылку перекрёстной ссылкой
6.5 Правила для рисунков с пометками
- рисунки с большим числом пометок по возможности сначала делать одним готовым изображением, потом вставлять
- при сборке внутри Word доводить до группировки
- для before / after предпочитать одну сравнительную иллюстрацию двум отдельным изображениям
6.6 Правила качества рассылки
- перед рассылкой обновлять поля
- проверять сжатие изображений и удаление обрезанных областей
- ставить либо замещающий текст, либо пометку «декоративное»
- проходить проверку доступности
7. Чек-лист перед рассылкой
В конце — чек-лист только по изображениям и рисункам.
- Изображение стоит сразу после первого упоминания?
- Не вставлен ли лишний раз весь экран?
- Изображение не растянуто по вертикали или горизонтали?
- Номера рисунков расставлены автоматически, а не вручную?
- Ссылки из текста — перекрёстные?
- Не осталось ли формулировок «рисунок выше», «рисунок ниже»?
- Рисунок и подпись не на разных страницах?
- Для плавающих изображений проверено положение привязки?
- Дело не ограничилось одним кадрированием?
- В кадр не попали личные или конфиденциальные данные?
- Объём изображения не избыточен?
- Задан замещающий текст или пометка «декоративное»?
- Выполнена проверка доступности?
- Поля обновлены через
Ctrl + A→F9?
8. Итог
В работе с изображениями и рисунками в Word важно не строить изощрённую вёрстку, а добиться состояния, в котором документ не разъезжается, легко правится и не оставляет читателя в недоумении.
В этом смысле в руководствах хорошо работает такая политика: по умолчанию В тексте, изображение сразу после первого упоминания, скриншоты обрезаны и сфокусированы, номера рисунков и ссылки автоматизированы, обтекание — исключение, перед рассылкой проверены объём и доступность.
Изображения нужны, чтобы повысить понятность, но небрежная работа с ними, наоборот, снижает качество всего документа. Если это закрепить правилами, стабильная работа с руководствами возможна и в Word, а вместе с правилами заголовков, нумерации, перекрёстных ссылок и разрывов страниц из предыдущей базовой статьи документ перестаёт быть просто «текстом для чтения» и становится на шаг ближе к руководству, которое можно сопровождать.
9. Источники
-
Microsoft Support, Обтекание текстом вокруг рисунка в Word ↩ ↩2 ↩3 ↩4
-
Microsoft Support, Перенос текста и перемещение рисунков в Word ↩ ↩2 ↩3 ↩4 ↩5
-
Microsoft Support, Изменение стандартных параметров обтекания текстом для рисунков ↩ ↩2
-
Microsoft Support, Обрезка рисунка в Office ↩ ↩2 ↩3
-
Microsoft Support, Уменьшение размера файла рисунка в Microsoft Office ↩ ↩2 ↩3
-
Microsoft Support, Выравнивание рисунков, фигур, объектов WordArt и других объектов в Word ↩ ↩2
-
Microsoft Support, Группирование фигур, рисунков и других объектов в Word ↩ ↩2
-
Microsoft Support, Добавление, форматирование и удаление подписей в Word ↩ ↩2
-
Microsoft Support, Вставка подписи к рисунку ↩
-
Microsoft Support, Добавление номеров глав в подписи в Word ↩
-
Microsoft Support, Создание перекрёстной ссылки ↩ ↩2
-
Microsoft Support, Обновление полей ↩
-
Microsoft Support, Как удерживать текст вместе в Word ↩
-
Microsoft Support, Добавление замещающего текста к фигуре, рисунку, диаграмме, графическому элементу SmartArt или другому объекту ↩ ↩2
-
Microsoft Support, Что нужно знать, чтобы написать эффективный замещающий текст ↩ ↩2 ↩3
-
Microsoft Support, Повышение доступности с помощью средства проверки доступности ↩
-
Microsoft Support, Правила средства проверки доступности ↩
Похожие статьи
Недавние статьи с теми же тегами помогут подробнее изучить близкие темы.
Основы руководств в Word — типичные ошибки и как их исправить
Когда в Word делают руководство, заголовки, нумерацию, оглавление, разрывы страниц и рецензирование нужно снять с ручной работы. Собираем...
Тёмный режим и темы контрастности в приложениях Windows ── тёмная панель заголовка DWM, следование системной теме в WinForms/WPF, отрисовка при высокой контрастности
Как заставить приложения WinForms и WPF следовать тёмному режиму и темам контрастности Windows 11. Тёмная панель заголовка DWM, SetColorM...
Доступность приложений Windows: UI Automation и разумное приспособление
На фоне поправки к Закону Японии об устранении дискриминации в отношении инвалидов, вступившей в силу в апреле 2024 года, статья на практ...
Спецификации в заказной разработке: оставлять ли Excel — как выбрать формат сдачи
Стоит ли сдавать спецификации и проектную документацию заказной разработки в Excel «в клеточку»? Разбираем проблемы такого Excel с точки ...
Почему KomuraSoft создаёт сайты на дизайн-системе Цифрового агентства Японии — цена и качество совместимы
Разбираем, почему разработка сайтов в KomuraSoft опирается на опубликованную Цифровым агентством Японии дизайн-систему. Объясняем, почему...
Связанные темы
Эти страницы показывают тему статьи в более широком контексте услуг и решений.
Технические темы Windows
Раздел о разработке Windows, расследовании сбоев и использовании существующих активов.
Услуги по этой теме
Статья напрямую связана со следующими услугами.
Технические консультации и ревью дизайна
Размещение изображений, номера рисунков, скриншоты, замещающий текст, обтекание и привязки ближе к ревью дизайна руководства Word, чем к разовой правке в интерфейсе.
Частые вопросы
Вопросы, которые часто возникают при консультациях по теме статьи.
- Как в Word не дать изображениям съехать?
- Самый устойчивый способ — ставить размещение «В тексте» и обращаться с рисунком как с абзацем. Такой рисунок привязан к месту вставки и ведёт себя как текстовый символ, поэтому при росте или сокращении текста едет вместе со своим абзацем. Его можно выровнять по центру на уровне абзаца, а аварии с привязкой и порядком наложения случаются реже. Если нет особой причины для сложной вёрстки, схемы «В тексте + по центру + подпись» достаточно.
- Куда в руководстве Word ставить изображения?
- Идеально — сразу после абзаца, где рисунок впервые упомянут. Если пояснение двумя страницами раньше, а изображение уехало в конец страницы, читатель всё время листет туда-сюда. Схема «собрать все рисунки в конце» годится для сборника материалов, но плохо работает в руководстве по операциям. Плюс, чтобы рисунок и подпись не разъехались по разным страницам, включают параметр абзаца «Не отрывать от следующего».
- Как сделать скриншоты понятнее?
- Не вставлять каждый раз весь экран, а обрезать только то, что нужно показать. База — один рисунок, одно сообщение: целый экран Full HD или 4K делает нужную кнопку или поле ввода мелкими и только мешает. На сравнительных иллюстрациях выравнивают область обрезки и масштаб. Одно кадрирование исходную область из файла не удаляет, поэтому перед рассылкой в «Сжатие рисунков» нужно включить «Удалить обрезанные области рисунков».
- Как вести номера рисунков и ссылки вроде «рисунок выше» / «рисунок ниже»?
- Номера рисунков назначают функцией подписи, ссылки в тексте вставляют как перекрёстные ссылки. Ручной набор «рисунок выше», «рисунок ниже», «изображение 1» ломается при каждом добавлении рисунка или переносе по страницам — от него лучше отказаться. Если в документе есть нумерация глав, в номер рисунка можно включить номер главы. Перекрёстные ссылки вставляются как поля, поэтому перед рассылкой их обновляют целиком: Ctrl + A, затем F9.
Об авторе
Страница с профилем автора статьи.
Го Комура
Представитель KomuraSoft LLC
Специализируется на разработке программного обеспечения для Windows, техническом консалтинге и расследовании сбоев, особенно в проектах с унаследованными системами и трудно воспроизводимыми ошибками.