Ukr:Довідка:Зображення

Translate: - English (no prefix) - Türkçe - українська мова 

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

Синтаксис

Загальний текст вікірозмітки, який вставить зображення в потрібне місце на сторінці, такий:

 [[File:назва файлу|налаштування]]

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

• border, frame, thumb або frameless: Керує форматуванням зображення
• left, right, center, none: Керує розташуванням зображення на сторінці
• baseline, sub, super, top, text-top, middle, bottom, text-bottom: Керує вертикальною позицією зображення відносно рядку тексту
• {width}x{height}px: Масштабує зображення, аби воно вміщувалося в задані в пікселах ширину й висоту; можна обмежити лише ширину, записавши {width}px, або лише висоту, записавши x{height}px
  • При масштабуванні зображення завжди зберігатиме власне відношення ширини до висоти.
• link={посилання}: Додає посилання на статтю чи URL, приміром: [[File:Example.jpg|20px|link=Help:Images]] →
  • link= : Відобразить зображення без посилання.
  • Вказівка link не може бути задана для способу відображення thumb, який завжди містить посилання на збільшену версію цього самого зображення. Також link несумісний із frame.
• alt={альтернативний текст}: Змінить альтернативний текст (який відображується при наведенні курсора, або у суто текстовому браузері на місці зображення)
• Особливі випадки:
  • page=1: Починає відображення багатосторінкового документу djvu чи pdf із заданої сторінки

Порядок, в якому вказано опції, несуттєвий. Якщо задані опції несумісні, застосовується вказана пізніше, за винятком опцій способу відображення, які за зменшенням пріоритету впорядковуються так: frame, thumb, frameless та/або border.

Якщо задана опція не збігається з жодним із впізнаваних ключових слів, рушій вважає її текст підписом до зображення. Цей підпис може містити вікіпосилання та іншу розмітку. Якщо підпис не вказаний, автоматично створений підпис міститиме назву файлу; аби цьому запобігти, напиши <span title=""></span>. Приміром, [[File:Example.jpg|20px|<span title=""></span>]] → .

Формат

В наступній таблиці показано всі доступні ефекти форматування зображення.

Опис	Ти пишеш
формату не вказано	... text text text [[File:example.jpg|caption]] text text text ... text text text text text text text text
border дає тоненький сірий контур	... text text text [[File:example.jpg|border|caption]] text text text ... text text text text text text text text
frame	... text text text [[File:example.jpg|frame|підпис]] text text text ... text text text text підпис text text text text
thumb	... text text text [[File:example.jpg|thumb|підпис]] text text text ... text text text text підпис text text text text
frameless, як і thumb (ескіз), форматує зображення до заданої ширини, але без контуру й вирівнювання праворуч	... text text text [[File:example.jpg|frameless|caption]] text text text ... text text text text text text text text
frameless та border разом	... text text text [[File:example.jpg|frameless|border|caption]] text text text ... text text text text text text text text
внутрішнє посилання	... text text text [[File:example.jpg|link=Main Page|caption]] text text text ... text text text text text text text text
зовнішнє посилання	... text text text [[File:example.jpg|link=http://wikipedia.org|caption]] text text text ... text text text text text text text text
без посилання	... text text text [[File:example.jpg|link=|caption]] text text text ... text text text text text text text text

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

Для ескізу можна взагалі використати інше зображення, написавши thumb={назва файлу}.

Вирівнювання

При форматуванні frame або thumb вирівнювання за замовчуванням буде right.

Опис	Ти пишеш
вирівнювання не вказане, за замовчуванням	... text text text [[File:example.jpg|caption]] text text text ... text text text text text text text text
вирівнювання як none	... text text text [[File:example.jpg|none|caption]] text text text ... text text text text text text text text
center	... text text text [[File:example.jpg|center|caption]] text text text ... text text text text text text text text
left	... text text text [[File:example.jpg|left|caption]] text text text ... text text text text text text text text
right	... text text text [[File:example.jpg|right|caption]] text text text ... text text text text text text text text

Позиція по вертикалі

текст [[File:Example.jpg|20px]]
текст [[File:Example.jpg|20px|baseline]]
текст [[File:Example.jpg|20px|sub]]
текст [[File:Example.jpg|20px|super]]
текст [[File:Example.jpg|20px|text-top]]
текст [[File:Example.jpg|20px|middle]]
текст [[File:Example.jpg|20px|bottom]]
текст [[File:Example.jpg|20px|text-bottom]]

дає такий результат (текст підкреслено задля чіткішого вигляду)

текст текст текст текст текст текст текст текст

Розмір та контур

За різного форматування вплив параметрів розміру може бути різним, як вказано нижче.

• Коли форматування не вказане, або вказано лише border, розмір може бути як більшим, так і меншим від оригінального.
• Форматування frame ігнорує параметри розміру.
• Розмір зображення в thumb чи frameless може бути меншим від оригінального, але не може бути більшим за нього.

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

Зупинка обтікання текстом

Інколи виявляється необхідним припинити обтікання зображення текстом. Залежно від налаштувань браузера та розділення екрану, текст, який містить заголовок підрозділу, може при обтіканні потрапити праворуч від зображення, хоча має бути під ним. Обтікання текстом можна спинити, вказавши <br style="clear: both" /> перед текстом, який має починатися під зображенням.

Галерея зображень

Можна легко створити галерею ескізів зображень (лише такий формат) за допомогою тега <gallery>. Запис має бути таким:

<gallery>
File:Image Name.ext|підпис
File:Image Name.ext|підпис
{...}
</gallery>

Посилання на зображення не оточується квадратними дужками, коли знаходиться всередині галереї. Підписи необов'язкові, наявні можуть містити вікіпосилання чи іншу розмітку.

Наприклад,

<gallery>
File:Example.jpg|Фрагмент 1
File:Example.jpg|посилання на [[Ukr:Довідка:Зміст]]
File:Example.jpg
File:Example.jpg
File:Example.jpg| ''курсивний підпис''
File:Example.jpg|на сторінці "{{PAGENAME}}"
</gallery>

відобразиться як:

• 

  Фрагмент 1

• 

  посилання на Ukr:Довідка:Зміст

• 
• 
• 

  курсивний підпис

• 

  на сторінці "Довідка:Зображення"

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

Параметри

Тег галереї може приймати додаткові власні параметри (вони іменовані й розділюються не вертикальною рискою, а пропуском, – стиль HTML):

<gallery {параметри}>
{зображення}
</gallery>

• caption={підпис}: назва для всієї галереї.
• widths={width}px: ширина кожного зображення.
• heights={heights}px: (найбільша) висота кожного зображення.
• perrow={integer}: кількість зображень у рядку галереї.

У Скретч вікі рекомендовано застосовувати Perrow=5 із Widths=71, або ж Perrow=4 із Widths=100, аби зображення вміщувалися.

Приклад.

Запис:

<gallery widths=71px perrow=5 caption="Квіти">
File:Example.jpg
File:Example.jpg
File:Example.jpg
File:Example.jpg
File:Example.jpg
File:Example.jpg
File:Example.jpg
</gallery>

Відображення:

• Квіти
• 
• 
• 
• 
• 
• 
• 

Посилання

На сторінку опису

Якщо поставити двокрапку (:) перед File:, зображення не буде включено до сторінки, а натомість буде розміщено посилання на сторінку опису зображення. Це особливо корисно в обговореннях.

*[[:File:MediaWiki:Image sample]]
*[[:File:MediaWiki:Image sample|Бутон]]

відобразиться як:

• [[:File:MediaWiki:Image sample]]
• [[:File:MediaWiki:Image sample|Бутон]]

На іншу сторінку

Так можна додати до зображення внутрішнє посилання на сторінку Кіт Скретч:

[[File:Scratch Cat-cropped.png|link=Ukr:Кіт Скретч]]

Безпосередньо на файл

Пряме посилання на файл можна створити, використавши псевдопростір імен “Media”.

*[[Media:MediaWiki:Image sample]]
*[[Media:MediaWiki:Image sample|Бутон]]

відобразиться як

• [[Media:MediaWiki:Image sample]]
• [[Media:MediaWiki:Image sample|Бутон]]

Це можна записати й довше:

[[Special:FilePath/MediaWiki:Image sample]]

Таке посилання припустиме навіть в разі, коли відповідний файл ще не завантажено на вікі.

Ще один варіант:

{{FILEPATH:MediaWiki:Image sample}}

створює URL для зовнішнього користування з посиланням на файл із вікі:

Передумови

Все вищевказане працюватиме лише за умов налаштування адміністратором, що й зроблено для Тестової Скретч вікі. Так, адміністратор дозволив завантаження файлів, а авторизованому користувачеві дозволено це робити. Масштабування зображень працює завдяки налаштованому адміністратором плагіну для масштабування (GD2, ImageMagick тощо). Також вікі може бути налаштована для використання файлів зі сторонніх репозиторіїв, як-от Wikimedia Commons.

Файли зі сторонніх ресурсів

Як і на сторонні веб-сторінки, ти можеш створювати пряме посилання на файл на сторонньому ресурсі.

[http://url.for/some/image.png]

Чи з відображуваним текстом:

[http://url.for/some/image.png тут текст для відображення]

Стискання файлів

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

Інструмент Ножиці

Інструмент Ножиці (Snipping Tool) знаходиться в переліку стандартних програм операційної системі Windows. Він зберігає файли (отримані як знімок частини екрану) в стисненому форматі.

GIMP

Будь-який графічний редактор, зокрема GIMP, вміє записувати стиснені формати. GIMP – безкоштовна програма, яку можна завантажити звідси. Ввімкнути в ньому стиснення можна в розділі меню Image > Mode > Indexed.