Википедија: Илустровање

Из Википедије, слободне енциклопедије
Иди на навигацију Иди на претрагу
↱
  • ВП: Ја
  • ВП: ИСО
  • ВП: ИЛЛ
Писање чланака
Истакнути чланци
Техничка референца
Листа општих правила и смерница

Википедија охрабрује постављање слика, видео записа и звукова на странице чланака. Да бисте чланку додали слику или дијаграм, морате обавити неке припремне радове.

Претходно се медијске датотеке морају чувати или на Викимедијиној остави , која је уобичајена за све језичке верзије, или у одељку Википедије на руском језику. Викимедиа Цоммонс је пожељнији, јер вам омогућава да користите датотеку на свим језичким верзијама без директног учитавања у сваку од њих, што је врло згодно при превођењу чланака.


Где набавити слике

Ако вам је потребна фотографија било ког стварног објекта или појаве, сами је снимите

Можда се слика која вам је потребна већ налази у нашем одељку на Википедији: користите претрагу према предложеном називу датотеке или прегледајте списак слика по темама .

Покушајте да пронађете слику на Викимедијиној остави ; Забележите везе за додатне алате за претрагу у горњем десном углу.

Ако нађете слику у једном од одељака Википедије на страном језику (или другом пројекту Викимедије) (на пример, ен: Датотека: Марие Цалм.јпг ), мораћете да је пренесете - било на Викимедијину заједницу (која ће дозвољавају вам да га користите у било којим пројектима и језичким одељцима), ако дозвола дозвољава , било на руској Википедији (или у одељку потребног језика потребног пројекта). Директна употреба слика са сајтова Википедије на страном језику или између различитих пројеката Викимедије није подржана.

Дешава се да је слика пронађена, али њен квалитет вам не одговара. Ако имате квалитетнију слику са истим садржајем, онда има смисла поставити је под истим именом, односно заменити стару слику.

Ако на Википедији нема одговарајуће слике:

  • Боље је да сами снимите стварни предмет или појаву дигиталним фотоапаратом . Можете користити обичну филмску камеру, а затим скенирати слике (још боље - негативне), али то није тако рационално.
  • Цртеж, дијаграм, дијаграм се може нацртати помоћу било којег графичког или дизајнерског програма. Друга могућност је да све пажљиво нацртате на папиру, а затим скенирате. Можете чак користити и врло неквалитетне цртеже и скице својих шема, али у овом случају, након преузимања, морате оставити апликацију за побољшање слике у Графичкој радионици и тамо ће вам, ако је могуће, помоћи.
  • Слике можете позајмљивати само са Интернета и скенирати илустрације из књига поштујући критеријуме поштене употребе . Изузетак су репродукције оних слика и илустрација које су већ прешле у јавно власништво (види Википедија: Извори слика ). Ако нема бесплатних илустрација или таквих слика за које постоји дозвола, а такођер из неког разлога не можете користити тренутна правила поштене употребе, тада можете користити предложак Вањски медији . Ово ће вам омогућити да у чланку креирате везу до спољних (не хостованих на Википедији или Викимедијиној остави ) медијских материјала који садрже жељену слику.
  • Ако је чланку потребна илустрација, али нисте могли пронаћи слику са одговарајућом лиценцом, вреди поставити шаблон {{ Без илустрација }} у чланак како бисте привукли пажњу учесника који можда имају потребне слике.
  • Такође можете затражити од других сарадника да поставе фотографије ( Википедија: Захтеви за фотографије и илустрације ).
  • Ако је лиценца важне датотеке непозната, можете користити шаблон {{ Спољни медији }} .

Захтеви за медије

Слика, видео или звук који ћете ставити у свој чланак морају задовољити низ захтева:

  • Поштовање ауторских права: Никада немојте слати медијске датотеке на Википедију осим ако то нису одобрили њихови власници ауторских права.
  • Приликом постављања слика људи имајте на уму да је у многим случајевима потребно добити пристанак особе да објави њихову фотографију.
  • Користите исправан формат медија (погледајте заједничко: Цоммонс: Медиа фор цлеануп / ен ):
    • За сликовне датотеке
    • За видео датотеке - ВебМ или ОГВ . Већина популарних видео формата, укључујући МКВ, АВИ, ВМВ или МП4, није подржан од стране ВикиМедиа енгине -а, па морате пребацити на један од претходно наведених видео записа пре постављања видео записа. Коришћење ВЕБМ формата је пожељније, јер су датотеке са овим наставком боље компримоване и имају мању величину у поређењу са ОГВ -ом.
    • За аудио датотеке препоручује се употреба формата ОГГ . Такође су подржани МИДИ , ВебМ , ФЛАЦ и ВАВЕ формати. У другим случајевима, аудио се мора претходно конвертовати.
  • Датотеке за преузимање медија требале би имати највећу могућу резолуцију за најбоље детаље прегледа и квалитет штампе. Максимална величина датотеке на Википедији је 100 мегабајта, па је немојте смањивати пре постављања на сервер! Боље је то учинити користећи команде за означавање Википедије директно приликом лепљења у чланак. Покушајте да задржите величину датотеке сличице која се користи у овом чланку испод 35 килобајта (максимално 70 килобајта). Ако величина отпремљене датотеке прелази 100 МБ (на пример, дугачак видео запис у високој резолуцији), она се може поставити на Викимедијину оставу тако што ћете прво омогућити опцију блокирања отпремања . Ова опција вам омогућава да отпремите датотеке величине до 2 ГБ.
  • Препоручљиво је поставити слику без графичког потписа како бисте је користили у другим језичким одељцима. Препоручује се графички потпис у облику бројева, а у опису датотеке и чланцима у којима се користи навести легенду са откривањем бројева. Такође, потпис је врло лако уметнути помоћу вики ознака .
  • Свака медијска датотека има страницу са описом коју морате попунити. Стога, без грешке припремите податке о извору , ако аутор медијске датотеке нисте ви, као и о лиценци . Ако се медијска датотека учитава са одељка Википедије на другом језику, само указивање на овај одељак није довољно - врста лиценце мора и даље бити наведена (погледајте Википедија: Лиценцирање слика ).

Такође је препоручљиво имати име аутора - фотографа или уметника - и размислити о опису слике. Ово последње би требало да буде кратко и да не одвлачи пажњу од саме слике. За детаље погледајте опис слике испод.

Релевантност слика

↱
  • ВП: Кориснички интерфејс

Није свака слика вредна додавања у сваки чланак. Пре него што додате слику у чланак, размислите да ли вам је тамо потребна. Википедија настоји да представи различита гледишта према томе колико су заступљени у ауторитативним изворима о овом питању. Ово се не односи само на текст чланака, већ и на слике. Погледајте Википедија: Пондерисана презентација .

Отпремање датотеке на Википедију

Бесплатне “ слике, односно слике у јавном власништву, које сте сами направили или слободно дистрибуирале из других разлога, треба отпремити на Викимедијину оставу (погледајте „ Чаробњак за преузимање “) како би се могле користити одједном на свим пројектима Викимедијине фондације . Можете да отпремате датотеке на Викимедијину заједницу одмах након регистрације на Википедији.

Слике које нису потпуно бесплатне због недостатка слободе панораме у одговарајућем стању треба отпремити у одељак Википедије на руском језику са одговарајућим шаблоном ФоП- ...

Само чланови регистровани пре најмање 14 дана и који су извршили најмање 20 измена могу постављати датотеке у одељак Википедије на руском језику. За то време, нови чланови имају прилику да се боље упознају са правилима преузимања и не праве уобичајене грешке. Искусни учесници који из било ког разлога не задовољавају ове критеријуме, на пример, активни у другим пројектима Фондације , администратори могу ручно доделити заставицу за " постављање ".

Редослед радњи описан је на страници Отпреми датотеку . Назив датотеке разликује се у писању великим и малим словима. Када отпремите нову слику са истим именом, стара слика се чува у историји ревизија, баш као и текст чланака. Ако сматрате да је потребно потпуно избрисати стару верзију слике или слику, обратите се администраторима .

Датотека са очигледно погрешним именом може се преименовати, поступак за то је описан у правилу Википедије: Преименовање датотека .

Преузимања датотека се одражавају у дневнику преузимања датотека . Претходно отпремљене датотеке можете прегледати на листи или у галерији постављених слика или кроз категорије укључене у категорију: Википедија: Датотеке .

Опис слике

Након учитавања датотеке слике појавит ће се веза до странице са описом ове слике, гдје је потребно записати назив, извор са којег је слика преузета (на примјер, адреса странице странице), као и као, по могућности, име фотографа и / или аутора - уметника, вајара и тако даље - приказаних дела. Информације о лиценци треба ставити изван шаблона (претходно је то било назначено у шаблону). Ово, наравно, траје неко време, али се мора поштовати лиценца под којом послујете. Овај опис ће помоћи другим корисницима да користе ову слику у својим чланцима.

За опис слике препоручује се употреба посебног шаблона {{ Слика }} . Формат за коришћење шаблона са примером представљања информација о лиценци, у овом случају - ГФДЛ :

 {{Слика
| Опис = <! - Опис ->
| Извор = <! - Извор ->
| Цреатион тиме = <! - Цреатион тиме ->
| Аутор = <! - Аутор ->
}}

{{ГФДЛ}}
{{ЦЦ-БИ-СА-3.0}}
{{ПермиссионТицкет | 0000000000000000}}

Ради погодности накнадног уређивања, боље је оставити коментар из горе наведеног формата, а текст описа поставити у одговарајући одељак (ред) шаблона одмах након коментара или пре њега - то ће накнадно олакшати осталим учесницима уређивање шаблон. Ако не можете попунити било коју позицију предлошка, само оставите текст коментара у њему.

Препоручени формат описа

Ово је препоручени формат за опис слике, имплементиран у шаблону {{ Слика }} :

Опис назив приказаног објекта, (у случају репродукције - назив оригиналног дела), додатне информације о слици, информације о локацији
Извор информације о томе одакле је слика преузета (хттп: //)
Време стварања све информације о времену настанка слике
Аутор или носилац ауторских права име аутора (уметника, вајара) и / или фотографа

Ако је извор слике Википедија на страном језику, обавезно наведите везу до изворне датотеке, као и копирајте информације које чине опис слике. У овом случају препоручује се и инсталирање интервики -ја .

Укључивање у категорије

Слике постављене локално на руску Википедију требало би да буду укључене у посебне категорије у хијерархији категорија. Категорија: Слике: Класификација према темама . Називи таквих категорија морају нужно почињати префиксом "Слике:" (на примјер, Категорија: Слике: Фудбал ).

Изображения, загруженные на Викисклад , категоризируются там же — см. « Commons:Категории ».

Вставка файла в статью

Вставка без изменения размеров

Чтобы вставить загруженное изображение в статью, достаточно указать ссылку на него: [[Файл:Имя файла]] . Синтаксис ссылок на изображения одинаков как для изображений c Викисклада , так и для изображений, загруженных в местный проект (в русскую Википедию). Алгоритм при этом таков: если есть местное изображение, то показывается именно оно; если же в локальной базе нет изображения с таким именем, то берётся соответствующий файл на Викискладе .

Уборка

«По умолчанию» изображение будет воспроизводиться слева в полную величину, а текст начинаться ниже его. Если вы хотите дать только ссылку на изображение, не приводя его на странице, то поставьте двоеточие перед словом «Файл»: [[:Файл:Имя файла]] . Щелчок на такую надпись загружает страницу самого изображения. Вот, попробуйте: Файл:Broom icon.png . svg для показа на страницах сжимается в png, на именно svg формат можно привести ссылку так: [[media:Example.svg|Этот файл в формате svg]] .

Замещающий текст

Некоторые читатели Википедии отключают функцию показа изображений. В качестве замены (вместо изображений) для таких читателей отображается специальный текст — пояснение к изображению , его вписывают в конце после вертикальной чёрточки: [[Файл:Имя файла|Замещающий текст для изображений]] .

Кроме этого, даже при включённом отображении изображений, замещающий текст будет показываться в виде всплывающей подсказки при наведении курсора мыши на изображение.

Об особенностях такого текста вы можете почитать в статье Замещающий текст для изображений (англ.) .

Оформление

Рамка

Для того чтобы обрамить какое-либо изображение, удобно использовать атрибут « border ». Таким образом, например, легко решается проблема изображения флагов с белыми полями, сливающимися с фоном страницы.

 [[Файл:Flag of Vologda oblast.svg|border|Флаг Вологодской области|200px]]

Флаг Вологодской области

Пояснительная подпись

Пояснительная подпись

Чтобы сделать поясняющую подпись, используется атрибут « мини »:

 [[Файл:Broom icon.png|мини|Пояснительная подпись]]

Он заключает изображение в рамку и смещает изображение вправо. В области «Пояснительная подпись» можно применять html- и вики-разметку (например, отцентрировать подпись, заключив её в шаблон {{center|ваш текст}} ). См. также wp:Иллюстрирование/Подпись .

Уменьшение размеров

Пояснительная подпись

Атрибуты « мини », « миниатюра » (или « thumb », « thumbnail »), вставленные между именем файла и пояснительной подписью, уменьшают ширину изображения (в зависимости от настроек пользователя — от 120px до 400px; высота изменяется пропорционально), прижимают его вправо и помещают в рамку:

 [[Файл:Coat of Arms of Moscow.svg|мини|Пояснительная подпись]]

Кроме того, справа от пояснительной подписи появляется специальный значок: щёлкнув по нему, можно перейти на страницу изображения и посмотреть его в натуральную величину. Текст располагается слева от значка.

Для получения изображения заданной ширины (высота изменяется пропорционально), запишите её в пикселах (в формате ЧИСЛО рх). При этом не следует злоупотреблять чрезмерно большими значениями параметра. Этот атрибут можно использовать как отдельно, так и совместно с атрибутом «мини» — тогда «мини» добавляет рамку и подпись, но не влияет на размер:

 [[Файл:Coat of Arms of Moscow.svg|100px|Пояснительная подпись]]

Пояснительная подпись

Или

Пояснительная подпись
 [[Файл:Coat of Arms of Moscow.svg|мини|100px|Пояснительная подпись]]

Можно задать для изображения не ширину, а высоту:

Пояснительная подпись
 [[Файл:Coat of Arms of Moscow.svg|мини|слева|x100px|Пояснительная подпись]]

Если задать оба параметра, но соотношение сторон у изображения иное, чем соотношение заданных цифр — изображение будет вписано в прямоугольник соответствующего размера, то есть будет взято то значение, при котором размер изображения будет наименьшим.

Alonso (Renault) qualifying at USGP 2005.jpg Dortmund Florianturm nachts IMGP8456.jpg
 [[Файл:Alonso (Renault) qualifying at USGP 2005.jpg|200x200px]] [[Файл:Dortmund Florianturm nachts IMGP8456.jpg|200x200px]]

Не забывайте о соразмерности изображения и текста. Если статья небольшая, то можно подобрать высоту изображения так, чтобы текст полностью охватывал его. В длинной статье не стоит делать изображения чрезмерно маленькими, иначе они «утонут» в тексте.

Автоматическое масштабирование высоких и широких изображений

Upright=0.5
без «px»-, но с параметром «upright»
без «px»

Картинки большой высоты и малой ширины в режиме мини отображаются слишком высокими. В таких случаях рекомендуется поставить параметр upright . С этим параметром изображение отображается у́же (75 % от обычного изображения), что, как правило, приводит к более удобному восприятию.

[[Файл:Название-изображения.jpg|мини|upright|без „px“-, но с параметром „upright“]]

Коэффициент в параметре upright можно изменить, если для очень высоких изображений 0,75 недостаточно:

[[Файл:Название-изображения.jpg|мини|upright=0.5|без „px“-, но с параметром „upright=0.5“]]

Таким же способом можно масштабировать очень широкие изображения, например, панорамы. С коэффициентом upright > 1 они отображаются шире обычного. Пропорции при этом сохраняются.

[[Файл:Panorama.jpg|мини|upright=1.8|Панорама, изображение 180 % стандартной ширины]]

Ширина изображений округляется вверх до 10 пикселей.

Такое автоматическое масштабирование предпочтительнее закреплённой с помощью px ширины.

Выбор страницы из многостраничного файла

Если файл многостраничный, то нужную для отображения страницу из него можно выбрать через параметр page . Примеры:

Alice in Wonderland.djvu Alice in Wonderland.djvu Alice in Wonderland.djvu

«Алиса в Стране чудес», страница 9
 [[Файл:Alice in Wonderland.djvu|page=1|100px]] 
[[Файл:Alice in Wonderland.djvu|page=7|100px]] 
[[Файл:Alice in Wonderland.djvu|page=70|100px]] 
[[Файл:Alice in Wonderland.djvu|thumb|200px|«Алиса в Стране чудес», страница 9|page=9]]

Выбор кадра предпросмотра (для видео)

При встраивании файла видео OGV или WEBM в статью, по умолчанию отображается кадр, соответствующий середине видео. Зачастую предлагаемый по умолчанию кадр оказывается неудачным или просто не самым лучшим для иллюстрации, поэтому для выбора более подходящего для отображения кадра следует использовать параметр thumbtime , равный времени от начала видео в секундах, которому соответствует нужный кадр. Время кадра предпросмотра указывается с точностью до секунды и может быть задано как в виде целого числа секунд, так и в формате число_минут : число_секунд . Пример:

 [[Файл:10 minute timer.webm|200пкс|thumbtime=4:05]]

На видео отображается таймер с посекундным обратным отсчётом от 10:00 до 0:00. Чтобы выбрать кадр, на котором отображается время 5:55, следует просмотреть время от начала видео до нужного кадра (4 минуты 5 секунд или 245 секунд) и задать его в видео. Запись thumbtime=245 вместо thumbtime=4:05 приведёт к отображению того же кадра предпросмотра.

Расположение на странице

Справа

Герб Москвы

Кроме рассмотренного выше атрибута «мини», прижать изображение вправо можно атрибутом « справа » («right»). Пример:

 [[Файл:Coat of Arms of Moscow.svg|справа|100пкс]]

В отличие от изображения с атрибутом «мини», в данном случае изображение не оказывается заключённым в рамку, и замещающий текст не указывается в видимой подписи. Однако он всё равно используется в качестве всплывающей подсказки (после наведения курсора мыши на изображение), а также показывается вместо картинки для тех читателей, которые отключили отображение изображений в своём браузере . Поэтому рекомендуется указывать замещающий текст после атрибута «справа», за вертикальной чёрточкой. Пример:

 [[Файл:Coat of Arms of Moscow.svg|справа|100пкс|Герб Москвы]]
Двух и более изображений
Способ 1
Файл 1
Файл 2
Файл 3

Исходный код:

 <div class="tright" style="clear:none">[[Файл:Wiki.png|мини|Файл 1]]</div>
<div class="tright" style="clear:none">[[Файл:Wiki.png|мини|Файл 2]]</div>
<div class="tright" style="clear:none">[[Файл:Wiki.png|мини|Файл 3]]</div>


Способ 2 (таблица)

Используется таблица

Файл 1
Файл 2

Исходный код:

 {|align="right" cellpadding="0" cellspacing="0" style="margin-left:1em"
 |-valign="top"
 |[[Файл:Landschafts Duisburg-Nord - Hochofen 5 - Cowper.jpg|мини|100пкс|Файл 1]]
 |[[Файл:Dortmund Florianturm nachts IMGP8456.jpg|мини|100пкс|Файл 2]]
 |}


Выравнивание по вертикали задаётся атрибутом valign , принимающим значения top (верх), bottom (низ) или center (центр).

Файл 1
Файл 2

Исходный код:

 {|align="right" cellpadding="0" cellspacing="0" style="margin-left:1em"
 |-valign="bottom"
 |[[Файл:Landschafts Duisburg-Nord - Hochofen 5 - Cowper.jpg|мини|100пкс|Файл 1]]
 |[[Файл:Dortmund Florianturm nachts IMGP8456.jpg|мини|100пкс|Файл 2]]
 |}


Способ 3 (галерея)

Галерея

 <gallery mode="packed" heights="120px" style="float:right; clear:right">
  Example.jpg|Фото 1
  Example.jpg|Фото 2
</gallery> 

Способ 4

Способ 1 иногда не выполняет свою задачу в том плане, что если выше находятся ещё какие-либо картинки, то изображение 2 съезжает к следующему верхнему изображению. Чтобы закрепить второе (или второе с третьим) изображение к первой (самой правой) картинке, которое имеет обычный формат вики-текста , ниже него необходимо поместить таблицу (как в способе 2 ):

Изображение 1
Изображение 2
Изображение 3
Изображение 4
 [[Файл:Example.jpg|мини|Изображение 1]]
[[Файл:Example.jpg|мини|Изображение 2]]
{|align="right"
 |-valign="bottom"
 |[[Файл:Landschafts Duisburg-Nord - Hochofen 5 - Cowper.jpg|мини|100пкс|Изображение 3]]
 |[[Файл:Dortmund Florianturm nachts IMGP8456.jpg|мини|100пкс|Изображение 4]]
|}


Слева

Герб Москвы

Чтобы прижать изображение к левому краю страницы, используйте атрибут « слева » (или «left», «none») :

 [[Файл:Coat of Arms of Moscow.svg|слева]]

Это работает в том числе и для изображений с атрибутом «мини». Пример:

 [[Файл:Coat of Arms of Moscow.svg|мини|слева|100пкс|Герб Москвы]]

Текст, следующий за таким изображением, обтекает его справа.

Двух и более изображений
Способ 1
Файл 1
Файл 2
Файл 3

Исходный код:

 <div class="tleft" style="clear:none">[[Файл:Wiki.png|мини|Файл 1]]</div>
<div class="tleft" style="clear:none">[[Файл:Wiki.png|мини|Файл 2]]</div>
<div class="tleft" style="clear:none">[[Файл:Wiki.png|мини|Файл 3]]</div>


Способ 2 (таблица)

Используется таблица

Файл 1
Файл 2

Исходный код:

 {|align="left" cellpadding="0" cellspacing="0" style="margin-right:1em"
 |-valign="top"
 |[[Файл:Example.jpg|мини|Файл 1]]
 |[[Файл:Example.jpg|мини|Файл 2]]
 |}


Способ 3 (галерея)

Галерея

Галерея

 <gallery mode="packed" heights="140px" style="float:left; clear:left; margin-right:1em; margin-left:0">
  Example.jpg|Фото 1
  Example.jpg|Фото 2
</gallery> 
Способ 4 вертикальное слияние двух и более изображений в комбинации с галереей в таблице

Таблица + галерея

Example.jpg Рис. 1.
55px
Example.jpg Рис. 2.
99px
Пример вертикального слияния
 {{Float begin|side=left}}
|- align = "left"
| [[File:Example.jpg|55px]] || Рис. 1.<br>55px
|- align = "center"
| [[File:Example.jpg|99px]] || Рис. 2.<br>99px
{{Float end|caption=Пример вертикального слияния}}

{| align="left" style="background:#f8f9fa; border:1px solid #c8ccd1; font-size:55%; margin-right:1em" cellspacing=0 cellpadding=0
|-
|<gallery mode="packed" heights="99px">
  Example.jpg|Фото 1
  Example.jpg|Фото 2
</gallery>
|}
Способ 5

См. Способ 4 в разделе «Справа, Двух и более изображений».

В центре

Используется атрибут центр (или center ):

 [[Файл:Coat of Arms of Moscow.svg|мини|центр|100пкс|Пояснительная подпись]]
Пояснительная подпись

Текст, следующий за таким изображением, не обтекает его ни с одной из сторон, а начинается ниже нижнего края изображения.

Двух и более изображений

Используется Галерея , реализуемая тегом <gallery>.

Если возможностей тега не хватает, можно использовать и самодельную таблицу :

Файл 1
Файл 2

Исходный код:

 {|align="center"
 |-valign="top"
 |[[Файл:Example.jpg|мини|Файл 1]]
 |[[Файл:Example.jpg|мини|Файл 2]]
 |}

Окончание обтекания

Для пометки окончания обтекающего изображение текста используйте шаблон {{ Clear }} . Текст, расположенный после этого шаблона, будет начинаться с новой строки — и будет располагаться ниже нижнего края любого из изображений, расположенных раньше.

Галереи

Для вставки нескольких изображений в статью (например, изображений картин в статье о художнике), применяется специальный служебный тег <gallery>, который группирует изображения в галерею.

В простейшем случае используется следующий синтаксис.

 <gallery>
 Example.jpg|1
 Example.jpg|2
</gallery>

Выравнивание по центру:

 <gallery class="center">
 Example.jpg|1
 Example.jpg|2
</gallery>

Убрать рамки можно, если добавить параметр mode="packed" . Пример:

 <gallery mode="packed" heights="160px" caption="Подпись">
Файл:Landschafts Duisburg-Nord - Hochofen 5 - Cowper.jpg|Изображение 1
Файл:Landschaftspark Duisburg Nord.jpg|Изображение 2
Файл:Dortmund Florianturm nachts IMGP8456.jpg|Изображение 3
Файл:Landschaftspark Duisburg-Nord - Hochoefen 1 und 2 vom Sinterplatz.jpg|Изображение 4
</gallery>

Кроме изображений, в галерею также можно встроить видео с указанием кадра предпросмотра. Для этого в описании файла видео в галерее следует указать параметр thumbtime в секундах, как и в случае с одиночным видео. Пример:

 <gallery mode="packed" heights="160px">
Файл:Soyuz TMA-11M Launch.webm|thumbtime=14|Видео с отображаемым кадром на 14 секунде
Файл:Soyuz TMA-11M Launch.webm|thumbtime=42|То же самое видео с отображаемым кадром на 42 секунде
</gallery>
Форматирование галерей

Есть следующие параметры, регулирующие форматирование галереи:

  • class
class=center Выравнивание галереи по центру страницы.
class=left Выравнивание галереи по левому краю страницы.
class=right Выравнивание галереи по правому краю страницы.
  • style
  • caption
  • mode
mode=traditional Параметр по умолчанию, форматирование описано ниже.
mode=nolines Нет границ изображений, нет отступов, подписи расположены по центру под изображениями.
mode=packed Все изображения выровнены по высоте, подписи центрированы под изображениями.
mode=packed-overlay Все изображения выровнены по высоте, подписи центрированы под изображениями. Полупрозрачный заголовок накладывается на изображения.
mode=packed-hover Подобно упакованному наложению, но заголовок виден только при наведении на него.
mode=slideshow Просмотр галереи в виде слайдов.
  • widths — размер (каждой) картинки по горизонтали (не работает в режиме packed)
  • heights — размер (каждой) картинки по вертикали
  • perrow — количество элементов в строке (не работает в режиме packed). Не включать perrow теперь рекомендуемое значение по умолчанию. [1]
  • showfilename=yes — с любым значением включает отображение имен файлов для каждого изображения [2] .

Примеры:

 <gallery mode=packed-overlay widths="300px" heights="300px">
 Файл:NASA-Apollo8-Dec24-Earthrise.jpg|подпись1
 Файл:Mercury in color - Prockter07 centered.jpg|подпись2
 Файл:Portrait of Jupiter from Cassini.jpg|подпись3
 Файл:Apollo 11 bootprint.jpg|подпись4
 </gallery>
 <gallery mode=packed-hover widths="160px" heights="160px" caption="caption">
 Файл:NASA-Apollo8-Dec24-Earthrise.jpg|подпись1
 Файл:Mercury in color - Prockter07 centered.jpg|подпись2
 Файл:Portrait of Jupiter from Cassini.jpg|подпись3
 Файл:Apollo 11 bootprint.jpg|подпись4
 </gallery>

Полное описание синтаксиса тега gallery см. на mw:Help:Images#Gallery syntax .

Изображения внутри таблиц

Комбинируя таблицы и изображения, можно представлять информацию, например, в таком виде:

Города Германии
Берлин
Ратуша г. Берлина
Вернигероде
Замок г. Вернигероде зимой

Исходный текст для этого примера таков:

 {| style="border:1px solid black; border-collapse:collapse;"
!colspan="4"|Города Германии
|-
|Берлин|| [[Файл:Berliner Rathaus gross.jpeg|мини|none|110px|Ратуша г. Берлина]] 
|Вернигероде|| [[Файл:WernigerodeCastleWinter.jpg|мини|none|100px|Замок г. Венигероде зимой]]
|} 

Шаблон «Кратное изображение»

При необходимости объединения изображений в галерею с общей подписью, либо в галерею, расположенную вертикально, можно использовать шаблон {{ кратное изображение }} . Например, код

 {{кратное изображение
 | изобр1=Adoxa moschatellina 210406.jpg
 | изобр2=Adoxa moschatellina 210406a.jpg
 | изобр3=adoxa moschatellina blatt.jpeg
 | подпись=[[Адокса мускусная]] ''(Adoxa moschatellina)''
 | фон_подписи=#BBDD99
 | цвет фона=#BBDD99
 | зона_подписи=center
 | ширина=160
}}

даст нам следующий результат:

Адокса мускусная (Adoxa moschatellina)

Шаблон «Слайд-шоу»

1

Bengali Digit One.svg
Один

2

Bengali Digit Two.svg
Два

3

Bengali Digit Three.svg
Три

4

Bengali Digit Four.svg
Четыре

5

Bengali Digit Five.svg
Пять

6

Bengali Digit Six.svg
Шесть

7

Bengali Digit Seven.svg
Семь

8

Bengali Digit Eight.svg
Восемь

9

Bengali Digit Nine.svg
Девять

При необходимости оформления набора изображений в виде слайд-шоу, можно использовать шаблон {{ слайд-шоу }} . В отличие от стандартной галереи, он также позволяет помещать вики-разметку внутрь слайдов:

 {{слайд-шоу}}
{{слайд|1|[[Файл:Bengali Digit One.svg]]|Один}}
{{слайд|2|[[Файл:Bengali Digit Two.svg]]|Два}}
{{слайд|3|[[Файл:Bengali Digit Three.svg]]|Три}}
{{слайд|4|[[Файл:Bengali Digit Four.svg]]|Четыре}}
{{слайд|5|[[Файл:Bengali Digit Five.svg]]|Пять}}
{{слайд|6|[[Файл:Bengali Digit Six.svg]]|Шесть}}
{{слайд|7|[[Файл:Bengali Digit Seven.svg]]|Семь}}
{{слайд|8|[[Файл:Bengali Digit Eight.svg]]|Восемь}}
{{слайд|9|[[Файл:Bengali Digit Nine.svg]]|Девять}}
{{конец слайд-шоу}} 

Для сравнения то же самое в стандартной галерее:

 <gallery class="right" mode="slideshow" style="float:right">
Файл:Bengali Digit One.svg|Один
Файл:Bengali Digit Two.svg|Два
Файл:Bengali Digit Three.svg|Три
Файл:Bengali Digit Four.svg|Четыре
Файл:Bengali Digit Five.svg|Пять
Файл:Bengali Digit Six.svg|Шесть
Файл:Bengali Digit Seven.svg|Семь
Файл:Bengali Digit Eight.svg|Восемь
Файл:Bengali Digit Nine.svg|Девять
</gallery> 

Дополнительные возможности

Использование многоязычных изображений

Изображение с переводом

На Викискладе также есть многоязычные изображения в формате SVG . Особенность формата SVG заключается в том, что он может содержать интегрированный перевод на несколько языков. Для вставки такого изображения с переводом на русский язык потребуется дополнительный атрибут «lang=ru» . Перед использованием такого файла убедитесь, что он содержит интегрированный перевод на русский язык.

Исходный код для вставки изображения без изменения размеров:

 [[Файл:Имя файла|lang=ru]]

или с изменением:

 [[Файл:Имя файла|lang=ru|мини|100px|Пояснительная подпись]]

Ссылки и надписи поверх изображений

Существует возможность создавать надписи и ссылки поверх изображений. Пользоваться этой возможностью не рекомендуется, так как в некоторых браузерах такие изображения могут показываться некорректно [ уточнить ] . Примером использования данной возможности может служить карта городов Германии , в которых проходил чемпионат мира по футболу 2006 года :

Исходный текст для этого примера:

 <div style="position: relative; width: 300px;">
[[Файл:Germany WC.png|300px|]]
{{метка изображения|x=0.83 |y=0.39 |scale=300|text=[[Берлин]]}}
{{метка изображения|x=0.23 |y=0.565|scale=300|text=[[Дортмунд]]}}
{{метка изображения|x=0.335|y=0.77 |scale=300|text=[[Франкфурт-на-Майне]]}}
{{метка изображения|x=0.19 |y=0.50 |scale=300|text=[[Гельзенкирхен]]}}
{{метка изображения|x=0.485|y=0.225|scale=300|text=[[Гамбург]]}}
{{метка изображения|x=0.46 |y=0.41 |scale=300|text=[[Ганновер]]}}
{{метка изображения|x=0.23 |y=0.87 |scale=300|text=[[Кайзерслаутерн]]}}
{{метка изображения|x=0.15 |y=0.65 |scale=300|text=[[Кёльн]]}}
{{метка изображения|x=0.73 |y=0.58 |scale=300|text=[[Лейпциг]]}}
{{метка изображения|x=0.65 |y=1.09 |scale=300|text=[[Мюнхен]]}}
{{метка изображения|x=0.61 |y=0.86 |scale=300|text=[[Нюрнберг]]}}
{{метка изображения|x=0.39 |y=0.98 |scale=300|text=[[Штутгарт]]}}
</div>

Шаблон, осуществляющий эту возможность — {{ Метка изображения }} ; на него есть перенаправление {{ Image label }}

Если необходимо, можно добавить выносные линии при помощи шаблона {{ Выносная линия2 }} — но они будут отрисовываться с помощью средств CSS3 и неверно показываться в браузерах устаревших версий.

Исходный текст:

 <div style="position: relative; width: 250px;">
[[Файл:Drama-icon.svg|200px]]
{{Выносная линия2|x1=0.45|x2=0.6|y1=0.15|y2=0.05|scale=200|color=blue|text=[[Комедия]]}}
{{Выносная линия2|x1=0.65|x2=0.4|y1=0.65|y2=0.7|x3=0.15|scale=200|color=red|text=[[Трагедия]]}}
</div>

См. также Проект:Астрономия/Иллюстрирование статей об астрономических объектах .

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

Dortmund Florianturm nachts IMGP8456.jpg

Dortmund Florianturm nachts IMGP8456.jpg

Оригинал Технически обрезанная

Исходный текст для этого примера:

 <div style="overflow:hidden;">
<div style="margin:-340px -50px -340px -50px;">
[[Файл:Dortmund Florianturm nachts IMGP8456 .jpg|300px]]
</div>
</div> 

Скрывается прокрутка и поочерёдно задаётся отступ от верхнего, правого, нижнего и левого края. Следует помнить, что изображение загружается полностью в том разрешении, которое указано, несмотря на то, что отображается только часть его.

Отображение рядом с карточками

Когда изображение выравнено по правому краю и находится на одном уровне с карточкой , оно автоматически опускается под карточку. Чтобы изображение показывалось рядом с карточкой его необходимо обернуть в таблицу или в Шаблон:float box .

{{float box | [[Файл:H-IIA Family.png|230px|right]] }}

Imagemap

Параметры

desc Определяет положение ссылки на описание изображения. Возможные варианты: top-right , bottom-right , bottom-left , top-left или none . Помещает голубой значок «i» со ссылкой на страницу описания изображения в выбранный угол. По умолчанию значение параметра bottom-right. Чтобы скрыть ссылку на описание, выберите значение none.
rect Прямоугольник. Параметры — координаты левого верхнего и правого нижнего углов, за ними следует ссылка в квадратных скобках.
circle Круг. Первые два параметра — координаты центра, третий — радиус, за ними следует ссылка в квадратных скобках.
poly Многоугольник. Параметры — координаты углов, за ними следует ссылка в квадратных скобках. Многоугольники должны быть заданы прежде всех других фигур!
default Определяет ссылку по умолчанию в тех местах, где не заданы другие регионы.

Пример

(Нажмите на экран, клавиатуру, женщину или знак копирайта.)

Монитор (дисплей)КлавиатураЖенщинаАвторское правокакая-то картинка
Описание изображения
 <imagemap>
Файл:Foo.svg|200px|какая-то картинка
poly 131 45 213 41 210 110 127 109 [[Монитор (дисплей)]]
poly 104 126 105 171 269 162 267 124 [[Клавиатура]]
rect 15 95 94 176 [[Женщина]]
# Комментарий. Эта строчка игнорируется
circle 57 57 20 [[Авторское право]]
desc bottom-left
</imagemap>

См. также

Масштабирование

Изображение масштабируется, если описать цифры под номинальную ширину (та, которая у изображения, а не на экране).

 <imagemap>
Image:Ursa Minor constellation map ru lite.png|250px|
rect 255 1684 630 1899 [[Дракон (созвездие)]]
rect 173 48 547 172 [[Цефей (созвездие)]]
rect 920 48 1356 205 [[Полярная звезда]]
rect 1076 452 1436 684 [[Жираф (созвездие)]]
rect 972 1166 1131 1285 [[Кохаб]]
rect 806 1333 968 1452 [[Феркад ]]
rect 792 295 897 423 [[Дельта Малой Медведицы]]
rect 636 596 769 685 [[Эпсилон Малой Медведицы]]
rect 775 861 874 992 [[Дзета Малой Медведицы]]
rect 552 986 661 1095 [[Эта Малой Медведицы]]
rect 28 864 155 970 [[Хи Дракона]]
rect 8 1537 125 1685 [[Дзета Дракона]]
rect 1338 1828 1489 1930 [[Альфа Дракона]]
desc bottom-right
</imagemap> 
Дракон (созвездие)Цефей (созвездие)Полярная звездаЖираф (созвездие)КохабФеркадДельта Малой МедведицыЭпсилон Малой МедведицыДзета Малой МедведицыЭта Малой МедведицыХи ДраконаДзета ДраконаАльфа ДраконаUrsa Minor constellation map ru lite.png
Описание изображения

Как убрать синюю букву i?

Параметр мини помогает убрать синюю букву i. Также её можно передвинуть в другой угол (desc bottom-left или desc bottom-right, либо top вместо bottom).

Онлайновый редактор карт-изображений

http://toolserver.org/~dapete/ImageMapEdit/ImageMapEdit.html (недоступная ссылка)

Ему нужно «скормить» (в поле URL) ссылку на картинку, ширина которой совпадает с номинальной шириной изображения (та, которая указана в свойствах самого изображения), затем нажать Load. SVG не воспринимает — поэтому нужно давать ссылку на результирующий PNG, отмасштабированный под исходную ширину (которая показана в свойствах изображения SVG).

Подсветка и мобильные устройства

Если окружить карту изображений тегом <div class="imageMapHighlighter">...</div> , включится подсветка зон. При проведении мышкой над зоной появится жёлтое пятно, указывающее её границы. При нажатии на ссылку «показать ссылки текстом», появляется дополнительная область со списком ссылок в порядке описания их в теге <imagemap> , и подсветка действует одновременно на карте и в «ссылках текстом».

Раскладка 105-клавишной клавиатуры IBM / Windows
Esc F1 F2 F3 F4 F5 F6 F7 F8 F9 F10 F11 F12 PrtSc
SysRq
Scroll
Lock
Pause
Break
ТильдаВосклицательный знакКоммерческое atМашинописная кавычкаРешёткаНомерДолларТочка с запятойПроцентЦиркумфлексДвоеточиеАмперсандВопросительный знакЗвёздочкаКруглые скобкиПодчёркиваниеПлюсМашинописный обратный апострофЁОдинДваТриЧетыреПятьШестьСемьВосемьДевятьНольДефисРавноBackspaceQWERTYUIOPФигурные скобкиТабуляцияЙЦУКЕНГШЩЗКвадратные скобкиХ (кириллица)Квадратные скобкиЪВводASDFGHJKLДвоеточиеМашинописная кавычкаВертикальная чертаКосая чертаCaps LockФЫВАПРОЛДТочка с запятойЖМашинописный апострофЭОбратная косая чертаВертикальная чертаZXCVBNMУгловые скобкиВопросительный знакЗапятаяShiftОбратная косая чертаЯЧСМИТЬЗапятаяБТочкаЮКосая чертаТочкаShiftCtrlWindowsAltПробелAltWindows (клавиша)МенюCtrlKB Eng-Rus QWERTY(ЙЦУКЕН).svg
Ins Home PgUp NumLk / *
Del End PgDn 7 8 9 +
4 5 6
1 2 3 Ent
0 ,


Подсветка решает ещё одну проблему: на многих мобильных устройствах нет возможности использовать карту изображений из-за отсутствия мыши. При включённой подсветке все ссылки становятся доступны в зоне «ссылок текстом».

Увеличение изображения

Уменьшить обратно Mona Lisa.jpg

Мона Лиза, вид сбоку

Иногда изображение, размещенное на странице Википедии, меньше по размеру, чем следовало бы, сообразуясь с его содержимым. Было бы удобнее увеличить его, чтоб рассмотреть подробности, но это не представляется возможным из-за строения страницы или ограничений, наложенных на максимально возможный размер изображений (например, когда определённое изображение требует размеры, превышающие размер экрана). В большинстве случаев изображение можно поместить в уменьшенном варианте, и надо нажать на ссылку в углу, позволяющую перейти на страницу описания изображения в Википедии или на Викискладе. Существует возможность избежать этого и увеличить изображение, не покидая просматриваемоей страницы. Это может быть полезно, например, для различных карт и схем, на которые удобно смотреть время от времени, читая текст. Кроме того, иногда уход сo страницы разрушает информацию, добавленную к изображению различными шаблонами, например, указание надписей или точек на картах, или Карту изображений . В таких случаях необходимо остаться на странице. Это можно сделать с помощью шаблона {{ Увеличение изображения }} . Для примера представлен результат кода {{Увеличение изображения|файл=Mona Lisa.jpg|надпись=Мона Лиза, вид сбоку|минимум=100|максимум=400}} . Специально для карты изображений существует шаблон {{ Интерактивная карта изображений }} .

Графики

Запросить создание сложных графиков можно на ВП:ФТ .

Рекомендации

Изменение личных настроек размера миниатюр

Оформление ознакомительного рисунка

Многие статьи Википедии содержат один рисунок (ознакомительный), иллюстрирующий главную мысль статьи. В этом качестве для биографической статьи используется портрет, для статьи о бытовой технике — фотография предмета статьи, для статьи об общественном движении — его символ или флаг, и так далее.

Рекомендуется именно этим изображением и начинать статью. Такое изображение должно обязательно иметь атрибут мини и пояснительную подпись. Пример:
[[Файл:Водовзводная башня.jpg|мини|Пояснительная подпись]]

Размеры изображений

Поскольку разрешение экрана у всех разное, каждый читатель Википедии может в личных настройках выбрать подходящий ему размер мини в пределах от 120 до 300 пикселей. Редактируя статью, по возможности не задавайте размеры изображений; вместо этого полагайтесь на собственный выбор читателя. Впрочем, задание специальных размеров рисунка может оказаться оправданным в некоторых специальных случаях. Например, если важные мелкие детали изображения трудно или невозможно различить при уменьшении, тогда его размер придётся специально сделать бо́льшим. Если высота изображения сильно превосходит ширину (или наоборот), можно задать подходящий масштаб с помощью параметра upright. Нежелательно вставлять изображения шириной более 800 пикселей — лучше вставить миниатюру, которую читатель может развернуть на весь экран.

Параметры на русском

Для лучшего понимания вики-текста рекомендуется использовать написание параметров на русском языке.

Положение иллюстраций

↱
  • ВП:ВСТОРОНУ

В общем случае иллюстрации принято располагать справа от текста статьи. Редакторам стоит по возможности избегать того, чтобы левый (выровненный) край текста разрывался изображениями, так как это усложняет восприятие текста и снижает скорость чтения. Вместе с тем в некоторых случаях редакторы всё же принимают решение о желательности размещения иллюстрации слева от текста в случаях, когда такое положение диктуется ориентацией изображенного на ней объекта. Уместное размещение изображений (слева или справа от текста) может зависеть от положения лица на иллюстрации (если это портрет), или от направления движения объекта (если изображается движущийся объект).

Размещение портретов

Эта девушка размещена спиной к статье и глядит в сторону от текста.

Если лицо на портрете обращено не прямо к читателю, то его иногда разумно обратить по направлению к тексту статьи:

  • если человек изображён анфас , или если мы имеем дело с групповой фотографией, то изображение можно поместить и слева, и справа от текста,
  • но если человек изображён в профиль или вполоборота, то по возможности стоит помещать изображение так, чтобы он не казался отвернувшимся от статьи:
    • изображённые глядящими направо от читателя — размещаются слева от текста,
    • изображённые глядящими налево от читателя — размещаются справа от текста.

Аналогичное правило действует в отношении животных.

Размещение изображений движущихся объектов

Этот болид размещён носом к тексту статьи. Это удачно с точки зрения ориентации изображённого объекта. Но может быть неудачным, так как визуально разбивает маркированный список справа от него при малой ширине экрана

Если движущийся объект (всадник, телега, автомобиль, летательный аппарат, брошенный предмет) изображён движущимся не прямо к читателю или от читателя, то иллюстрация размещается так, чтобы направление движения объекта было обращено к тексту статьи:

  • объекты, изображённые движущимися отвесно вверх (например, взлетающая ракета), или отвесно вниз, или от читателя (взлетающий самолёт, снятый со стороны хвоста), или на читателя (автомобиль, снятый со стороны лобового стекла) — а также групповые снимки предметов, движущихся в различных или противоположных направлениях — могут помещаться и слева, и справа от статьи,
  • но если объект изображён движущимся вбок или по диагонали, то иногда лучше бывает поместить изображение так, чтобы он не казался движущимся прочь от статьи:
    • изображённые движущимися направо от читателя — размещаются слева от текста,
    • изображённые движущимися налево от читателя — размещаются справа от текста.

Недопустимость зеркального отображения иллюстраций

Название какой авиакомпании написано на фюзеляже самолёта?

Не занимайтесь зеркальным отображением иллюстраций. Даже если, согласно вышеприведённым рекомендациям, направление изображаемого взгляда или движения не соответствует положению какого-либо изображения на странице, не пытайтесь зеркально отобразить само изображение, чтобы изменить направление на обратное. Зеркальное отображение искажает изображённый объект. Следует избегать зеркального отображения иллюстраций.

Нагромождение изображений

Статья может стать трудночитаемой и выглядеть неряшливо, если на странице расположено слишком много изображений при сравнительно малом объёме текста. По этой причине старайтесь включать в небольшую статью наиболее важные иллюстрации и лишь по мере её увеличения подключать дополнительные, либо включать дополнительные изображения в структурированные галереи .

Примечания

См. также

Служебные страницы

Ссылки

Иллюстрирование Википедии: Руководство по размещению файлов на Викискладе

Поиск свободных иллюстраций

Будьте осторожны: многие пользователи указывают свободную лицензию, не имея на то прав! Также за свободными видео можно обращаться на Викисклад. В частности, видео с Ютуба размещается на Викискладе в категории Videos available on YouTube проставлением шаблона лицензии YouTube-CC-BY .

PNG-конвертеры