Створення фрагментів

Останнє оновлення: 2 лист. 2026 р.

Дізнайтеся, як використовувати Інструмент Фрагмент, Guides або шари, щоб розділяти зображення на експортовані області для оптимізації в інтернеті в Adobe Photoshop на настільному комп’ютері.

Фрагменти розділяють зображення на менші частини, які можна окремо покращувати або призначати їм різні URL-посилання перед експортом для інтернету.

Створення фрагментів за допомогою інструмента «Фрагмент»

Коли ви створюєте користувацькі фрагменти, Photoshop автоматично заповнює непокриті області автофрагментами.Користувацькі фрагменти мають суцільні межі, а автофрагменти — пунктирні.

Щоб вирівняти фрагменти за напрямними або іншими фрагментами, перед малюванням виберіть Перегляд > Прив’язати до.

Виберіть інструмент Фрагмент .

На панелі параметрів виберіть стиль зі спадного списку:

  • Звичайний: Малює фрагменти довільної форми.
  • Фіксоване співвідношення сторін: Обмежує пропорції.
  • Фіксований розмір: Задає точні розміри в пікселях.

Перетягніть вказівник через область зображення, де потрібно створити фрагмент.

Примітка

Можна перетягувати, утримуючи Shift, щоб обмежити фрагмент квадратом, або перетягувати, утримуючи Alt (Windows) чи Option (macOS), щоб малювати від центру.

Повторіть дію, щоб створити додаткові фрагменти.

Створення фрагментів із напрямних

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

Виберіть Перегляд > Guides > Нова напрямна, потім виберіть напрямні Вертикальна або Горизонтальна, які визначають потрібні межі фрагмента, і натисніть OK.

Виберіть інструмент «Фрагмент».

Виберіть Фрагменти з напрямних на панелі параметрів.

Створення фрагментів із шарів

Фрагменти, створені із шарів, автоматично коригують свої межі, коли ви переміщуєте або редагуєте шар, тому вони зручні для динамічних дизайнів. Вони відображаються із суцільними межами та значком шару, і ви не можете змінювати їхній розмір, доки не перетворите їх на користувацькі фрагменти.

Не використовуйте фрагменти на основі шарів для шарів, які плануєте анімувати на великих ділянках, оскільки розміри фрагмента можуть стати непрактично великими.

На панелі Layers виберіть шар, що містить вміст, який потрібно розділити на фрагменти.

Виберіть Шар > Створити фрагмент на основі шару.

Після створення фрагментів ви можете вибрати їх за допомогою інструмента Виділення фрагмента , щоб переміщувати їх, змінювати розмір або редагувати властивості. Фрагменти користувача надають найбільшу гнучкість. Щоб відобразити межі фрагментів, виберіть Перегляд > Показати > Фрагменти.

Виберіть Файл > Експортувати > Зберегти для Web, установіть параметри експорту для кожного фрагмента та збережіть файл. Photoshop експортує кожен фрагмент як окремий файл зображення та створює HTML- або CSS-код, потрібний для відображення фрагментів на веб-сторінці.