Перейти до основного
Office
Змінення розміру зображення та масштабування у старій версії сторінки SharePoint

Змінення розміру зображення та масштабування у старій версії сторінки SharePoint

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

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

Приклади сторінок різних пристроях

Зображення, які найкраще розміри роботи?

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

Пошук кращих розміри зображення на сторінці залежить від таких факторів:

  • Зберегти пропорції: співвідношення висоти та ширини зображення

  • Макет стовпця: тип і кількість стовпців на сторінці

  • Веб-частин документа: макет вибору для веб-частини, у яких використовується зображення

Пропорції

Коефіцієнт пропорційності різниця між ширину та висоту зображення. Зазвичай виражене двох чисел, наприклад 3:2, 4:3 або 16:9. Ширина – це завжди перше число. Наприклад відношення 16:9 може бути 1600 пікселів в ширину 900 пікселів заввишки. Або, це може бути 1920x1080, 1280 x 720 або будь-які інші ширину й висоту комбінацій, які можна обчислити дорівнює 16:9. Зберегти пропорції калькулятори можна знайти в Інтернеті і в деяких інструменти, які допоможуть вам визначити пропорції зображення для редагування фотографій. 

Приклади пропорції 16:9 і 4:3.

У більшості випадків зображень у старій версії веб-частини найкраще різних макетів і пристроїв під час вони мають пропорцію 16:9 або 4:3, залежно від макета.

Стовпець макетів

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

Макет

Ширину в пікселях

Із шириною стовпця

1920

Один стовпець

1204

Два стовпці

586 кожного стовпця

Три стовпці

380 кожного стовпця

Один третій ліворуч

380 для лівому стовпці; 792 правого стовпця

Один третій правому стовпці

792 лівому стовпці; 380 для правого стовпця

Через відповідає природа сторінок зображень у стовпці завширшки відображається на повноширинні екрана з висоті автоматично залежно від розміру екрана.

Висота зображення, розміщені в межах іншого стовпця макети залежить від вашого зберегти пропорції. Нижче наведено висота й ширина рекомендацій щодо 16:9 і 4:3 пропорцій (округлене вгору або вниз до найближчого пікселів). Це корисно, щоб зберегти зображення в ширину та висоту, що ваги належним чином для мобільних пристроїв, наприклад.

ЗБЕРЕГТИ ПРОПОРЦІЇ

16 х 9

4 х 3

Один стовпець

1204 х 677

1204 х 903

Два стовпці

586 x 330

586 х 439

Три стовпці

380 х 214

380 х 285

Один третій ліворуч

380 х 446 лівому стовпці; 792 х 446 правого стовпця

380 х 594 лівому стовпці; 792 х 594 правого стовпця

Один третій правому стовпці

792 х 446 лівому стовпці; 380 х 446 правого стовпця

792 х 594 лівому стовпці; 380 х 594 правого стовпця

Веб-частини макети

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

Спробуйте це зображення, яке містить вихідне пропорції 16:9.

Приклад 16_9 зображення

Нижче наведено приклади на цьому зображенні показано в макеті сторінки одного стовпця в іншу веб-частин і макетів.

Робоча область веб-частини

Доступні такі пропорції плитки та шарами макетів.

  • Плитки: висоту веб-частини масштабується дотримуватися співвідношення сторін 8:3 та зображення всередині web частини масштаб, щоб співвідношення сторін 4:3.

  • Шари: Окремий шар шкали пропорції 8:3 та зображення в кожного шару масштабу на пропорціями біля 16:9.

  • На мобільних пристроях карусель макета використовуються в 16:9.

Нижче наведено приклад зображенні показано шари макет (вгорі) і макет плитки (внизу)

Приклад робочої області веб-частини зображення в шари а фрагменти макетів

Виділена вмісту веб-частини

16:9 – це пропорціями карусель стрічці та картки макетів.

Нижче наведено приклад зображення відображаються у стрічці макета (вгорі) і карти макет (внизу).

Виділеного вмісту web приклади частини зображення

Веб-частини зображення

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

Нижче наведено приклад відображення зображення Мітки зрізу (блакитний лінії) в 4:3

Зображення команди ' ' Мітки зрізу в 4:3

Зображення колекції веб-частини

Нижче пропорції використовуються в різних макетів.

  • Цегли макет з урахуванням пропорції всіх зображень, показаних: 16:9, 1:1, 4:3 і т. д. 

  • Плитки, карти: 4:3

Нижче наведено приклад зображенні показано плитки макет (вгорі) і цегли макет (внизу)

Приклад плиток і цегли макетів для колекції веб-частини зображення

Новини веб-частини :

Залежно від того, макет зображень у веб-частині новин може бути 4:3, 16:9 або 21:9. Ось приклад зображень у верхньому історії і карусель макет.

Новини приклади макетів зображення

Області заголовка сторінки

Зображення для пошуку краще, коли вони альбомну або 16:9 або більше в зберегти пропорції, і, коли вони принаймні 1 МБ. Крім того, переконайтеся, що значення центром зберігати найважливіші частини зображення у поданні, особливо якщо зображення використовується в ескізи, Новини макетів і результатів пошуку.

Приклад (вихідне зображення 16:9) з центром точку на доповідача.

Приклад 16:9 зображення в області заголовка сторінки.

Ескіз сторінки

Ескізи сторінок показано місцях, як результати пошуку, виділеного вмісту результати, Новини повідомлення і багато іншого. За промовчанням ескіз постачається з області заголовка сторінки або веб-частини, розташованого в першому замовлення на сторінці (наприклад, у лівому верхньому куті макет сторінки). Можна змінити за замовчуванням і змінення ескізу сторінки. Після цього, найкраще використовувати зображення до 16:9 пропорцію слайда.

Приклад (вихідне зображення 16:9)

Приклад сторінки ескіз Highlighted вмісту веб-частини

Швидкий веб-частину посилань 

Швидкі посилання веб-частини має шість різних макетів. Тут ми рекомендуємо пропорції:

  • Кнопка на стрічці сітки,: 16:9

  • Стискання списку плитки: 1:1, 4:3

Нижче наведено приклад зображення відображаються у компактному макет (вгорі) та у стрічці макета (внизу)

Приклади зображень у Quick Links макетів

Поради.: 

Удосконалення навичок роботи з Office
Ознайомтеся з навчальними матеріалами
Отримуйте нові функції раніше за інших
Приєднайтеся до оцінювачів Office

Ця інформація корисна?

Дякуємо за ваш відгук!

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

×