Вам не нужно вручную резать девять фрагментов для поста 3×3. Кадрируйте до 1:1, разрежьте холст на 3×3 инструментом «Фрагмент» и экспортируйте девять PNG за один раз — вся работа занимает меньше двух минут. Все шаги и значения расписаны ниже, и это работает и в Photoshop, и в Online PS.
Шаг 1: Кадрируйте до квадрата (1:1)
- Откройте Online PS (zaixianps.cc) и нажмите
Файл → Открытьлибо перетащите локальное изображение прямо в область холста. - На панели инструментов слева выберите Кадрирование.
- На панели параметров вверху включите «Соотношение» и введите
1:1. - Протяните по холсту, чтобы нарисовать квадратную рамку кадрирования, поправьте композицию, а затем нажмите ✓ вверху.
Шаг 2: Используйте инструмент «Фрагмент»
- Найдите Фрагмент на левой панели инструментов (значок похож на лезвие). Если его не видно, нажмите и удерживайте «Кадрирование», чтобы раскрыть вложенные инструменты.
- После выбора курсор превращается в перекрестие, готовое к нарезке.
Шаг 3: Разделите на сетку 3×3
- Убедитесь, что изображение по-прежнему квадратное (ширина = высота). Теперь на панели параметров появляется кнопка Разделить — нажмите её.
- Отметьте «По горизонтали» и задайте N =
3; отметьте «По вертикали» и задайте N =3. - Нажмите OK, и холст автоматически разделится на девять равных фрагментов.
Шаг 4: Экспортируйте все фрагменты в PNG
- Нажмите
Файл → Экспортировать как → PNG…слева вверху (или используйте сочетание Ctrl+Shift+Alt+S). - В диалоге Экспорт найдите внизу слева параметр «Фрагменты», откройте список и выберите «Все фрагменты».
- Нажмите «Сохранить», и браузер скачает архив
.zip. - Распакуйте его — внутри девять отдельных PNG-файлов (с именами вроде
slice_1.png, slice_2.png … slice_9.png).
💡 Итог
Вы только что разделили одну фотографию на девять равных фрагментов. Они готовы для:
- Instagram → пост-сетка 3×3
- Обложки соцсетей → креативная вёрстка
- Цифровые фотоальбомы → просмотр фрагмент за фрагментом
Совет: если нужен зазор между фрагментами, увеличьте холст перед кадрированием (скажем, 1080×1080 → 1200×1200), затем при нарезке задайте «Интервал» 0, а каждому фрагменту потом добавьте рамку или тень.
Источники
- Официальная документация Adobe Photoshop
- HTML5 и принципы современной обработки изображений на фронтенде
- Online PS