Вікіпедія

Довідка:Розширений синтаксис зображень: відмінності між версіями

Інтерактивний перегляд історії
← Попереднє редагуванняНаступне редагування →
Вилучено вміст Додано вміст
ВізуальнийВікірозмітка
мНемає опису редагування
доповнення
Рядок 1:
{{Ярлик|ВП:РСЗ}}
== Як розмістити в тексті зображення оригінального розміру з пояснювальним текстом ==
Щоб розмістити в тексті зображення оригінального розміру з пояснювальним текстом, використайте такий код: <code><nowiki>[[Файл:Lutsk castle tower.jpg|frame|none|пояснювальний текст]]</nowiki></code>. Наступний код дозволяє розмістити зображення із збереженням розміру та оригінальним текстом, що супроводжує завантажений файл: <code><nowiki>[[Файл:Lutsk castle tower.jpg|пояснювальний текст]]</nowiki></code>.
 
== Синтаксис ==
[[Файл:Lutsk castle tower.jpg|frame|none|пояснювальний текст|728x728px]]
 
=== Загальний синтаксис ===
== Як розмістити в тексті зображення без автоматичного додавання пояснювального тексту та форматування ==
[[Синтаксис]] зображення виглядає:
Щоб розмістити зображення ''без'' пояснювального тексту, запишіть: <tt><nowiki>[[Файл:Lutsk castle tower.jpg|альтернативний пояснювальний текст]]</nowiki></tt>. Зображення розміститься в тексті, а пояснювальний текст буде вжитий як ''alt''-атрибут зображення (це альтернативний текст для програм, що нездатні перемальовувати зображення), та як ''title''-атрибут (текст, що висвітлюється коли мишка знаходиться поверх зображення).
* з англомовними параметрами
<code><nowiki>[[Файл:</nowiki>'''''Name'''''|'''''Type'''''|'''''Border'''''|'''''Location'''''|'''''Alignment'''''|'''''Size'''''|link='''''Link'''''|alt='''''Alt'''''|page='''''Page'''''|lang='''''Langtag'''''|'''''Caption'''''<nowiki>]]</nowiki></code>
* з україномовними параметрами
<code><nowiki>[[Файл:</nowiki>'''''Назва'''''|'''''Тип'''''|'''''Рамка'''''|'''''Розташування'''''|'''''Вирівнювання'''''|'''''Розмір'''''|посилання='''''Посилання'''''|альт='''''Альт'''''|сторінка='''''Сторінка'''''|мова='''''Мова'''''|'''''Опис до зображення'''''<nowiki>]]</nowiki></code>
 
Обов'язковим параметром є лише '''''Name''''' / '''''Назва'''''. Усі інші є необов'язковими. Однак, зазвичай синтаксис для зображень виглядає як <code><nowiki>[[Файл:</nowiki>'''''Назва'''''|міні|'''''Опис до зображення''''']]</code>
=== Приклад ===
 
[[Файл:Lutsk castle tower.jpg|300px|альтернативний пояснювальний текст]]
=== Детальний синтаксис ===
Синтаксис зображення починається з <code><nowiki>[[</nowiki></code>, містить параметри, що розділені <code>|</code>, і закінчується <code><nowiki>]]</nowiki></code>.
 
==== Тип / Type ====
Опція дозволяє масштабувати чи застосовувати обрамлення. Для параметрів автоматичного масштабування за замовчуванням 220пкс. Зареєстровані користувачі можуть змінити це в <code>[[Special:Preferences|Налаштування]] → [[Special:Preferences#mw-prefsection-rendering|Зовнішній вигляд]] → Файли</code>. Це важливо для людей з проблемами зору. Проте, фіксований розмір у пікселях відміняє масштабування.
 
'''<code>thumb</code>''' (чи '''<code>thumbnail</code>'''): Автоматично масштабує зображення і облямовує його. Показує опис зображення
'''<code>frame</code>'''
: Зберігає оригінальний розмір зображення і облямовує його. Показує опис зображення
'''<code>frameless</code>'''
: Автоматично масштабує зображення зверху чи знизу.
'''Не застосовувати'''
: Зберігає оригінальний розмір зображення і не облямує його. Не показує опис зображення. Практично завжди використовується в шаблонах разом з параметром альтернативного тексту (<code>alt</code>)
 
==== Рамка / Border ====
'''<code>border</code>'''
: Створює навколо зображення рамку в 1 піксель. Опція працює лише для зображень без рамки, бо <code>|thumb</code> і <code>|frame</code> завжди облямовуються.
 
==== Розташування / Location ====
Параметр для відображення зображення в певному положенні.
 
'''<code>right</code>'''
: Розміщує зображення на правому краю сторінки. Текст обтікає його з лівого боку. За замовчуванням для параметрів <code>thumb</code> чи <code>frame</code>
'''<code>left</code>'''
: Розміщує зображення на лівому краю сторінки. Текст обтікає його з правого боку. Можуть виникнути проблеми з форматуванням списків і тексту з відступом.
'''<code>center</code>'''
: Розміщує зображення в центрі сторінки. Текст розміщується під зображення.
'''<code>none</code>'''
: Розміщує зображення на лівому краю сторінки. Текст розміщується під зображення.
'''Не застосовувати''' (і без <code>thumb</code> чи <code>frame</code>)
: Зображення розміщується в рядку з текстом.
 
==== Вертикальне вирівнювання / Vertical alignment ====
Не обов'язковий параметр, який в особливих випадках використовується для вертикального вирівнювання зображення відносно суміжного тексту.
 
==== Розмір / Size ====
Не обов'язковий параметр, який визначає розмір зображення. Описи зображень завжди матиме однаковий розмір і не буде збільшуватися чи зменшуватися за допомогою цього параметру. Для параметру <code>frame</code> опції розміру не працюють.
 
'''<code>upright</code>''' чи '''<code>upright=factor</code>'''
 
'''Ширина<code>пкс</code> / <code>px</code>'''
: Наприклад, <code>100пкс</code> чи <code>100px</code>. Масштабує зображення відповідно до вказаної кількості пікселів у ширину, і масштабує висоту відповідно до оригінального співвідношення сторін.
 
'''<code>x</code>Висота<code>пкс</code> / <code>px</code>'''
: Наприклад, <code>х100пкс</code> чи <code>x100px</code>. Масштабує зображення відповідно до вказаної кількості пікселів у висоту, і масштабує ширину відповідно до оригінального співвідношення сторін.
 
'''Ширина<code>пкс</code> / <code>px</code><code>x</code>'''Висота<code>пкс</code> / <code>px</code>
: Наприклад, <code>100х150пкс</code> чи <code>100x150px</code>. Масштабує зображення відповідно до вказаної кількості пікселів у висоту і ширину.
 
==== Сторінка / Page ====
Зазвичай використовується для PDF- чи DjVu-файлів і відображає відповідну сторінку в мініатюрі.
 
Синтаксис для параметру <code>|page=</code> (<code>|сторінка=</code>). Наприклад, <code><nowiki>[[Файл:IMSLP01578-Ravel - Bolero Full Score Durand 1929 .pdf|міні|центр|сторінка=2|''Boléro'': сторінка 2]]</nowiki></code>:
 
[[Файл:IMSLP01578-Ravel - Bolero Full Score Durand 1929 .pdf|міні|центр|сторінка=2|''Boléro'': сторінка 2]]
 
== Приклади ==
 
=== Базовий синтаксис ===
Базовий синтаксис зображення записують: <code><nowiki>[[Файл:Зимова фортеця.jpg|альтернативний пояснювальний текст]]</nowiki></code>. Однак, це не дозволяє масштабувати зображення й відсутнє обтікання тексту. Зазвичай базовий синтаксис не використовують у статтях.
 
Зображення буде розміщено без ''опису зображення'', а пояснювальний текст з'явиться як <code>alt</code>-атрибут зображення (альтернативний текст для програм, що нездатні перемальовувати зображення) і <code>title</code>-атрибут (текст, що висвітлюється коли мишка знаходиться поверх зображення).
 
[[Файл:Westminstpalace.jpg|альтернативний пояснювальний текст]]
 
Вище зображення річки Темза було розміщено в окремому абзаці. Однак, це не обов'язково. Зображення може розміщуватися й всередині тексту як показано внизу.
<pre style="overflow:auto;">
текст текст текст текст текст
<nowiki>[[Файл:Зимова фортеця.jpg|150px|alt=Вид на Зимову фортецю в Кам'янець-Подільському.|Зимова фортеця]]</nowiki>
текст текст текст текст текст
<nowiki>[[File:tst.png|100px|alt=Tiny globe|This is a globe.]]</nowiki>
текст текст текст текст
</pre>
 
дає:
 
текст текст текст текст текст
[[Файл:Зимова фортеця.jpg|150px|alt=Вид на Зимову фортецю в Кам'янець-Подільському.|Зимова фортеця]]
текст текст текст текст текст
[[Файл:tst.png|100px|alt=Земля|Це є Земля!]]
текст текст текст текст
 
== Новий синтаксис для зображень ==
Рядок 27 ⟶ 110:
:: [[Файл:Ukraine Lutsk.jpg|none|right|center|left|70px|]]Вище наведені опції є взаємно несумісні. Якщо використовувати їх разом, спрацює тільки остання: <tt><nowiki>[[Файл:Ukraine Lutsk.jpg|none|right|center|left|70px|]]</nowiki></tt> (ліворуч).{{clr}}
 
:: [[Файл:Ukraine Lutsk.jpg|70px|right]]Текст між останньою вертикальною рискою та другими квадратними дужками («]]»), не залежно від присутності, завжди спрацьовує як остання опція. Наприклад, якщо остання опція -&nbsp;— <tt>right</tt>, зображення вирівняється по правому краю, і текст оминатиме його з лівого боку: <tt><nowiki>[[Файл:Ukraine Lutsk.jpg|70px|right]]</nowiki></tt> (праворуч).{{clr}}
 
:: [[Файл:Ukraine Lutsk.jpg|thumb|Цей текст не відобразиться|70px|left|]][[Файл:Ukraine Lutsk.jpg|thumb|Цей текст зображено|70px|right]] Якщо остання опція відсутня, пояснювальний текст не висвітлиться: <tt><nowiki>[[Файл:Ukraine Lutsk.jpg|thumb|Цей текст не не відобразиться|70px|left|]]</nowiki></tt> (ліворуч) і <tt><nowiki>[[Файл:Ukraine Lutsk.jpg|thumb|Цей текст зображено|70px|right]]</nowiki></tt> (праворуч).{{clr}}
Рядок 39 ⟶ 122:
[[Файл:tst.png|right|thumb|100px|Це глобус, подивіться як він виглядає [[Медіа:tst.png|в справжньому розмірі]]]]Іконка «збільшити» також з'явиться під «марочкою». Як саме зображення, так і його іконка посилаються на сторінку із зображенням справжнього розміру. Іконка показуватиме заголовок посилання, «Enlarge» якщо мишка знаходитиметься над нею, навіть у випадках, коли термін неправильний, тобто справжнє зображення менше, ніж масштабоване. Наприклад: <tt><nowiki>[[Image:tst.png|right|thumb|100px|Це глобус, подивіться як він виглядає[[Media:tst.png|в справжньому розмірі]]]]</nowiki></tt> (праворуч).{{clr}}
; <tt>frame</tt> : [[Файл:Ukraine Lutsk.jpg|frame|thumbnail|50px|Замок Любарта]]Якщо використовується ця опція, зображення буде перемальоване відповідно до його справжнього розміру, та розміщене в рамці. Опції «thumb» або «size» будуть проігноровані, і пояснювальний текст, якщо він є, розміститься у рамці. Якщо опції <tt>left</tt>, <tt>center</tt> і <tt>none</tt> відсутні, зображення розміститься праворуч: <tt><nowiki>[[Файл:Ukraine Lutsk.jpg|frame|thumbnail|50px|Замок Любарта]]</nowiki></tt>.{{clr}}
 
Якщо використовуються лишень опції <tt>'''розмір'''px</tt> і <tt>''альтернативне пояснення''</tt>, зображення розміститься в тексті. Зважте, що розмір зображення в тексті можна зменшити, але не можна збільшити.
 
<pre>
text text text text text text
<nowiki>[[Файл:Ukraine Lutsk.jpg|150px|Замок Любарта]]</nowiki>
text text text text text
<nowiki>[[Image:tst.png|100px|Глобус]]</nowiki>
text text text text
</pre>
 
дає
 
text text text text text text
[[Файл:Ukraine Lutsk.jpg|150px|Замок Любарта]]
text text text text text
[[Файл:tst.png|100px|Глобус]]
text text text text
 
Опцію <tt>none</tt> можна використати, щоб отримати «марочки» без вирівнювання по лівому чи правому краю. Імовірно, ця можливість найважливіша для використання в таблицях. Див. [[Довідка:Таблиці]]. Наприклад:
Рядок 75 ⟶ 140:
<nowiki>[[Файл:Ukraine Lutsk.jpg|right|thumbnail|Це замок Любарта в [[Луцьк|Луцьку]]]]</nowiki>
 
[[Файл:Ukraine Lutsk.jpg|right|thumbnail|Це замок Любарта в [[Луцьк|Луцьку]]у]]<br style="clear:both;" />
Обов'язково переконайтесь, що кількість відкритих і закритих квадратних дужок однакова.
 
Отримано з https://uk.wikipedia.org/wiki/Довідка:Розширений_синтаксис_зображень