Чтобы скриншоты для README были одинакового размера, выберите единую целевую ширину и соотношение сторон, делайте снимки экранов с одинаковым кадрированием окна или выделенной области, а затем используйте Preview для кадрирования и изменения размера изображений до совпадающих пиксельных параметров. Встроенные средства создания снимков экрана в macOS предлагают захват окна и области, выделенной вручную, однако документированные Apple элементы управления не предусматривают числового ввода ширины и высоты для рамки захвата. Используйте Preview для получения точных итоговых размеров и проверяйте, не исказился ли текст интерфейса при масштабировании.

Выберите повторяемую рамку захвата

Определитесь, что именно должно объяснять изображение в README: окно приложения целиком, конкретную область интерфейса или последовательность связанных экранов. При создании серии придерживайтесь единого объекта и одинакового кадрирования. Захват окна удобен для демонстрации окна приложения целиком; выделенная область полезна, если обрамление окна или окружающий рабочий стол отвлекают внимание. macOS поддерживает оба метода, а также полноэкранный захват. Руководство Apple по созданию снимков экрана на Mac

Если вы делаете снимок выделенной области с помощью Shift-Command-4, перетащите курсор по нужной области и отпустите его, чтобы сделать снимок. Во время перетаскивания удерживайте пробел, чтобы переместить выделение без изменения его размера. Это помогает размещать рамку схожим образом от одного снимка к другому, однако в документации Apple нет инструментов для ввода точных пиксельных размеров. Рассматривайте ручное выделение как отправную точку, а не как гарантию того, что два файла будут иметь идентичные размеры.

Для захвата окна откройте целевое окно, нажмите Shift-Command-4, затем Пробел, после чего щелкните по окну. Удерживайте Option при нажатии, чтобы исключить его тень. Это даст вам аккуратное изображение окна, хотя разные размеры окон могут приводить к разным итоговым габаритам. Прежде чем делать серию, задайте окну приложения фиксированный размер и следите за тем, чтобы видимое содержимое располагалось одинаково. Выравнивание размеров — это практический рабочий процесс; сам инструмент создания снимков экрана размеры окон не блокирует.

Настройка параметров создания снимков экрана на Mac

Нажмите Shift-Command-5, чтобы открыть панель «Снимок экрана». Выберите режим захвата, затем откройте Параметры, чтобы настроить таймер, выбрать место сохранения, управлять плавающей миниатюрой и решить, показывать ли указатель. Короткий таймер даст вам время убрать указатель от важного текста или подготовить меню перед снимком. Сохраняйте параметр отображения указателя неизменным на протяжении всей серии. Apple описывает эти параметры снимка экрана.

Используйте одну папку для сохранения, чтобы исходные изображения было легко найти. Если важна совместимость README в различных интерфейсах просмотра репозиториев, выберите вариант SDR (наиболее совместимый), когда приложение «Снимок экрана» предлагает выбор формата; Apple указывает, что этот вариант использует PNG, тогда как HDR использует HEIF на поддерживаемых моделях Mac с macOS Tahoe 26 или новее. Не предполагайте, что каждый Mac или более старая версия macOS содержит это меню формата.

Кадрирование и изменение размера в Preview

Откройте снимок экрана в Preview («Просмотр»). Чтобы обрезать изображение, отобразите панель инструментов «Разметка», выберите «Прямоугольное выделение», обведите область, которую нужно оставить, и нажмите «Обрезать». Если доступно в инспекторе обрезки, вы можете просмотреть размеры выбранного содержимого. Применяйте одинаковые границы обрезки или соотношение сторон к каждому изображению в наборе, чтобы визуальное кадрирование совпадало. Руководство по Preview от Apple объясняет кадрирование и просмотр размеров.

Затем выберите Инструменты > Настроить размер. Введите желаемую ширину и высоту и оставьте флажок Масштабировать пропорционально, если важно сохранить исходные пропорции. Preview может уменьшить один из параметров относительно заданного, чтобы сохранить эти пропорции. Принудительный ввод несвязанных значений ширины и высоты может растянуть интерфейс; если пропорции изображения не соответствуют вашей цели, сначала обрежьте его до нужной формы, а затем измените размер. Сохраните копию, если хотите сохранить необрезанный оригинал.

Preview может корректировать несколько изображений одновременно, если они открыты в одном окне и выбраны на боковой панели. Это может помочь применить общие размеры, но обязательно проверяйте каждое изображение после этого: совместное изменение размера не делает их кадрирование или объекты автоматически одинаковыми. Apple описывает пакетное изменение размера в Preview.

Проверка изображений в файле README

Сравните итоговые файлы в Preview: проверьте их пиксельные размеры, соотношение сторон, границы обрезки, читаемость и видимость указателя. Затем добавьте их в репозиторий и сошлитесь на них с помощью относительных путей в Markdown, например ![Settings screen](images/settings.png). GitHub документирует использование относительных путей к изображениям для визуализируемого содержимого репозитория, включая файлы README. GitHub Docs: О файле README репозитория.

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

Источники