Просмотр кода страницы Wiki12:Иллюстрирование

{{Shortcut|ВП:И|ВП:ИЗО|ВП:ИЛЛ}}
{{Руководства}}
{{rellink|Запрос «ВП:И» перенаправляется сюда; об именовании статей см. [[Википедия:Именование статей]]; об избранных статьях см. [[Википедия:Избранные статьи]].}}
{{О|технических возможностях иллюстрирования|рекомендациях по размещению иллюстраций в статьях|Википедия:Советы по размещению иллюстраций}}

В [[Википедия|Википедии]] приветствуется размещение изображений, видео и звуков на страницах статей. Чтобы добавить в статью картинку или схему, вы должны провести некоторую подготовительную работу.

Предварительно медиафайлы должны быть сохранены либо на [[Викисклад]]е, общем для всех языковых версий, либо в русскоязычном разделе Википедии. Викисклад — предпочтительнее, так как позволяет использовать файл во всех языковых версиях без непосредственной загрузки в каждую из них, что очень удобно при переводе статей.
__TOC__<br clear="left">

== Где взять изображения ==
{{main|ВП:Источники изображений}}
<div style="float:right; margin-left:1em">
<inputbox>
type=search
width=35
buttonlabel=Go
searchbuttonlabel=Искать файл в русской Википедии
namespaces=Файл
</inputbox>
</div>
[[Файл:Photographer.jpg|мини|300px|Если нужна фотография какого-либо реального объекта или явления — сфотографируйте его самостоятельно]]

Возможно, нужное вам изображение уже есть в нашем разделе Википедии: воспользуйтесь поиском по предполагаемому имени файла или просмотрите список [[:Категория:Файлы:Классификация по темам|изображений по темам]].

Попробуйте найти изображение [http://commons.wikimedia.org/w/index.php?ns0=1&ns6=1&ns14=1&search=&title=Special:Search&fulltext=1 на Викискладе]; обратите внимание на ссылки дополнительных инструментов поиска справа вверху.

Если вы нашли изображение в одном из иноязычных разделов Википедии (или другом проекте Викимедиа) (например, [[:en:File:Marie Calm.jpg]]), то вам придётся [http://toolserver.org/~magnus/commonshelper.php перенести] его — либо на [[Викисклад]] (что позволит использовать его в любых проектах и языковых разделах), если это [[commons:Commons:Критерии добавления файлов|позволяет лицензия]], либо в [[Русская Википедия|русскую Википедию]] (или в необходимый языковой раздел необходимого проекта). Непосредственное использование изображений из иноязычных разделов Википедии или между различными проектами Викимедиа не поддерживается.

Бывает, что изображение нашлось, но его качество вас не устраивает. Если у вас есть более качественное изображение с тем же содержанием, то имеет смысл загрузить его под тем же названием, то есть заменить старое изображение.

=== Если подходящего изображения в Википедии не нашлось ===
* Фотографию реального объекта или явления лучше сделать самостоятельно [[Цифровая фотография|цифровой камерой]]. Можно использовать и обычную плёночную камеру, а потом отсканировать снимки (ещё лучше — негативы), но это не так рационально.
* Чертёж, схему, диаграмму можно нарисовать, используя какую-либо графическую или оформительскую программу. Другой вариант: аккуратно нарисовать всё на бумаге, а потом отсканировать. Можно использовать даже очень некачественные рисунки и наброски ваших схем, но в таком случае после загрузки необходимо оставить заявку на улучшение изображения в [[Проект:Графическая мастерская|Графической мастерской]], и там, если это возможно, вам помогут.
* Брать изображения из [[Интернет]]а и сканировать иллюстрации из книг можно, только соблюдая [[Википедия:Критерии добросовестного использования|критерии добросовестного использования]]. Исключение составляют репродукции тех картин и иллюстраций, которые уже перешли в [[общественное достояние]] (см. [[Википедия: Источники изображений]]). Если не нашлось свободных иллюстраций или таких изображений, на которые есть разрешение, а также по каким-то причинам нельзя воспользоваться текущими правилами добросовестного использования, то можно использовать [[Шаблон:External media|шаблон External media]]. Это позволит создать в статье ссылку на внешние (размещённые не в Википедии и не на [[Викисклад]]е) медиа-материалы, содержащие нужное изображение.
* В случае если для статьи нужна иллюстрация, но вы не смогли найти изображение с подходящей лицензией, стоит разместить в статье шаблон {{tl|Нет иллюстраций}}, чтобы привлечь внимание участников, у которых могут быть необходимые изображения.
* Также можно обратиться к другим участникам с просьбой загрузить фотографии ([[Википедия:Запросы на фотографии и иллюстрации]]).
* В случае неизвестной лицензии важного файла можно ограничиться шаблоном {{t|Внешние медиафайлы}}.

== Требования к медиафайлам ==
Изображение, видео или звук, который вы собираетесь поместить в свою статью, должно соответствовать ряду требований:
* Соблюдение авторского права: '''никогда не помещайте в Википедию медиафайлы, если это не разрешено их правообладателями.'''
* При загрузке изображений людей учитывайте, что во многих случаях требуется получить [[commons:Commons:Фотографии идентифицируемых людей|согласие человека на публикацию]] его фотографии.
* Используйте правильный формат медиафайлов (см. [[commons:Commons:Media for cleanup/ru]]):
** Для файлов изображений
*** [[SVG]] — для [[векторная графика|векторных изображений]];
*** [[JPEG]] — для неподвижных [[растровая графика|растровых изображений]] с преобладанием плавных цветовых переходов ([[фотография|фотографии]], [[репродукция|репродукции]] художественных произведений);
*** [[PNG]] — для неподвижных [[растровая графика|растровых изображений]] с резкими границами между цветными областями (схемы, карты, скриншоты программ, изображения символов и т. д.);
*** [[GIF]] — для подвижных (анимированных) [[растровая графика|растровых изображений]];
*** если ваши изображения имеют другие форматы, то конвертируйте их в рекомендуемые.
** Для файлов видео — [[WebM]] или [[OGV]]. Большинство популярных форматов видео, включая MKV, AVI, WMV или MP4, не поддерживаются MediaWiki, поэтому перед загрузкой видео необходимо конвертировать в один из ранее указанных. Использование формата WEBM предпочтительнее, так как файлы с данным расширением лучше сжимаются и имеют меньший по сравнению с OGV размер.
** Для файлов аудио рекомендуется использовать формат [[OGG]]. Также поддерживаются форматы [[MIDI]], [[WebM]], [[FLAC]] и [[WAVE]]. В остальных случаях аудио следует предварительно конвертировать.
* Загружаемые медиафайлы должны иметь '''максимально высокое разрешение''', что обеспечит наилучшую детализацию при их просмотре и высокое качество печати. Максимальный размер файла в Википедии составляет 100 мегабайт, поэтому не уменьшайте их перед загрузкой на сервер! Лучше это сделать с помощью команд разметки Википедии непосредственно при вставке в статью. Старайтесь, чтобы размер файла с уменьшенной копией изображения, которая используется в статье, не превышал 35 килобайт (максимум 70 килобайт). Если размер загружаемого файла превышает 100 Мб (например, продолжительное видео в высоком разрешении), его можно загрузить на Викисклад, для чего предварительно следует включить опцию [[:commons:Commons:Chunked uploads/ru|блочной загрузки]]. Опция позволяет загружать файлы размером до 4 ГБ.
* Желательно загружать изображение без графической подписи, чтобы использовать его и в других языковых разделах. Графическую подпись рекомендуется делать в виде цифр, а в описании файла и в статьях, где он используется, приводить легенду с раскрытием цифр. Также подпись очень просто вставить с помощью [[Википедия:Викиразметка|вики-разметки]].
* Для каждого медиафайла имеется страница с его описанием, которую вы обязаны заполнить. Поэтому приготовьте в обязательном порядке данные об '''источнике''', если автор медиафайла не вы, а также о '''лицензии'''. Если медиафайл загружается из другого языкового раздела Википедии, то указания только на этот раздел недостаточно — всё равно должен быть указан вид лицензии (см. [[Википедия:Лицензирование изображений]]).

Желательно также иметь имя автора — фотографа или художника — и подумать над описанием изображения. Последнее должно быть коротким и не отвлекать от самого изображения. Подробнее см. ниже в разделе [[Википедия:Иллюстрирование#Описание изображения|Описание изображения]].

== Уместность изображений ==
{{Shortcut|ВП:УИ}}
Не всякое изображение стоит добавлять во всякую статью. Прежде чем добавить изображение в статью, подумайте, нужно ли оно там. Википедия стремится представлять различные точки зрения соответственно тому, насколько широко они представлены в [[ВП:АИ|авторитетных источниках]] по проблеме. Это относится не только к тексту статей, но и к изображениям. См. [[Википедия:Взвешенность изложения]].

Изображения по теме рас, расовых групп, самостоятельно (см. [[ВП:ОРИСС]]) подобранные участниками и не подтверждённые профильными [[ВП:АИ|авторитетными источниками]], выходят за пределы принципа очевидного иллюстрирования ввиду невозможности определить расовую принадлежность индивида и/или характерность его признаков; такие изображения не следует использовать в статьях о расах, расовых группах (см. ''[[ВП:РАСЫИЗО]]'').

== Загрузка файла в Википедию ==
«[[Свободная лицензия|Свободные]]» изображения, то есть находящиеся в общественном достоянии, сделанные вами или свободно распространяемые по иным причинам, следует загружать на [[Викисклад]] (см. «[[c:Special:UploadWizard|Мастер загрузки]]»), чтобы их можно было использовать сразу во всех проектах [[Фонд Викимедиа|Фонда Викимедиа]]. Загружать файлы на Викисклад можно сразу же после регистрации в Википедии.

Изображения, не являющиеся полностью свободными из-за отсутствия в соответствующем государстве [[Свобода панорамы|свободы панорамы]], следует загружать в русскоязычный раздел Википедии с простановкой шаблона {{tl|FoP}}<!-- <small>(для России {{tl|FoP-Russia}})</small> говорят, устарел -->.

Загружать файлы в русскоязычный раздел Википедии могут только участники, [[ВП:Регистрация|зарегистрированные]] как минимум 14 дней назад и внёсшие как минимум 20 правок. За это время новые участники имеют возможность лучше ознакомиться с правилами загрузки и не совершать распространённых ошибок. Опытным участникам, которые по каким-либо причинам не отвечают этим критериям, например, активным в других проектах [[Фонд Викимедиа|Фонда]], [[ВП:Запросы к администраторам|администраторы]] могут присвоить флаг «[[ВП:Загружающие|загружающего]]» вручную.

Последовательность действий описана на странице '''[[Special:Upload|Загрузить файл]]'''. В названии файлов различается написание ''ПРОПИСНЫМИ'' и ''строчными'' буквами. При загрузке нового изображения под тем же названием старое изображение сохраняется в истории правок — так же, как текст статей. Если вы считаете нужным удалить старую версию изображения или изображение полностью, [[ВП:ЗКА|обратитесь к администраторам]].

Файл под явно неверным названием можно переименовать. Порядок действий для этого описан в правиле [[Википедия:Переименование файлов]].

Загрузка файлов отражается в [[Служебная:Log/upload|журнале загрузки файлов]]. Просмотреть ранее загруженные файлы можно в [[Служебная:Imagelist|списке]] или [[Special:NewFiles|галерее]] загруженных изображений либо через категории, входящие в [[:Категория:Википедия:Файлы]].

== Описание изображения ==
После [[Википедия: Изображения#Загрузка файла изображения в Википедию|загрузки файла]] изображения появится ссылка на страницу '''описания''' этого изображения, где необходимо записать название, источник, откуда взято изображение (например, адрес страницы сайта), а также, желательно, фамилию фотографа и/или автора — художника, скульптора и так далее — изображённого произведения. Информацию о [[Википедия:Лицензирование изображений|лицензии]] следует поместить вне шаблона (раньше она указывалась в шаблоне). Это, конечно, требует некоторого времени, но лицензию, под которой вы работаете, нужно уважать. Такое описание поможет другим пользователям использовать это изображение в своих статьях.

Для описания изображения рекомендуется использовать специальный шаблон {{tl|Изображение}}. Формат использования шаблона с примером представления информации о лицензии, в данном случае — [[GFDL]]:
<pre>
{{Изображение
| Описание       = <!-- Описание -->
| Источник       = <!-- Источник -->
| Время создания = <!-- Время создания -->
| Автор          = <!-- Автор -->
}}

{{GFDL}}
{{CC-BY-SA-3.0}}
{{PermissionTicket|0000000000000000}}
</pre>
Для удобства последующего редактирования лучше оставить комментарий из приведённого выше формата, а собственно текст описания поместить в соответствующую секцию (строку) шаблона сразу после комментария или перед ним — это впоследствии облегчит другим участникам правку шаблона. Если Вы не можете заполнить какую-либо позицию шаблона, просто оставьте в ней текст комментария.

=== Рекомендуемый формат описания ===
Ниже приводится рекомендуемый формат описания изображения, реализованный в шаблоне {{tl|Изображение}}:
{{Изображение
| Описание       = ''название изображённого объекта, (в случае репродукции — название оригинального произведения), дополнительные сведения об изображении, информация о местонахождении''
| Источник       = ''информация о том, откуда взято изображение'' (https://)
| Время создания = ''любые сведения о времени создания изображения''
| Автор          = ''имя автора (художника, скульптора) и/или фотографа''
}}
Если источником изображения является иноязычная Википедия — обязательно следует давать ссылку на исходный файл, а также '''копировать''' сведения, составляющие описание изображения.

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

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

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

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

[[Файл:Broom icon.png|Уборка]]

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

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

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

Об особенностях такого текста вы можете почитать в статье [[:en:Wikipedia:Alternative text for images|Замещающий текст для изображений]]{{ref|en}}.

== Оформление ==
{{seealso|:en:Wikipedia:Extended image syntax}}

=== Рамка ===
Для того чтобы обрамить какое-либо изображение, удобно использовать атрибут '''«border»'''. Таким образом, например, легко решается проблема изображения флагов с белыми полями, сливающимися с фоном страницы.
 <nowiki>[[Файл:Flag of Vologda oblast.svg|border|Флаг Вологодской области|200px]]</nowiki>
[[Файл:Flag of Vologda oblast.svg|border|Флаг Вологодской области|200px]]

=== Пояснительная подпись ===
[[Файл:Broom icon.png|мини|Пояснительная подпись]]
Чтобы сделать поясняющую подпись, используется атрибут '''«мини»''':
 <nowiki>[[Файл:Broom icon.png|мини|Пояснительная подпись]]</nowiki>
Он заключает изображение в рамку и смещает изображение вправо. В области «Пояснительная подпись» можно применять HTML- и вики-разметку, но не стоит этого делать без необходимости.<ref>По умолчанию подписи выравниваются слева. Немотивированное добавление нестандартного оформления, такого как уменьшение размера шрифта или центрирование, может встретить возражения и приводить к продолжительной войне правок. См. справочно [[Википедия:Иллюстрирование/Подпись]]</ref>

=== Уменьшение размеров ===
[[Файл:Coat of arms of Moscow.svg|мини|Пояснительная подпись]]

Атрибуты '''«мини»''', '''«миниатюра»''' (или '''«thumb»''', '''«thumbnail»'''), вставленные между именем файла и пояснительной подписью, уменьшают ширину изображения (в зависимости от настроек пользователя — от 120px до 400px; высота изменяется пропорционально), прижимают его вправо и помещают в рамку:
 <nowiki>[[Файл:Coat of arms of Moscow.svg|мини|Пояснительная подпись]]</nowiki>

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

Если изображение нужно вставить в уменьшенном виде, но без рамки и пояснительной подписи — используйте параметр <code>frameless</code>. Например:
[[Файл:Coat of arms of Moscow.svg|frameless|справа|Пояснительная подпись]]
 <nowiki>[[Файл:Coat of arms of Moscow.svg|frameless|справа|Пояснительная подпись]]</nowiki>

Для получения изображения заданной ширины (высота изменяется пропорционально), запишите её в пикселах (в формате ''ЧИСЛО''рх или ''ЧИСЛО''пкс). При этом не следует злоупотреблять чрезмерно большими значениями параметра. Этот атрибут можно использовать как отдельно, так и совместно с атрибутом «мини» — тогда «мини» добавляет рамку и подпись, но не влияет на размер:
 <nowiki>[[Файл:Coat of arms of Moscow.svg|100px|Пояснительная подпись]]</nowiki>
[[Файл:Coat of arms of Moscow.svg|100px|Пояснительная подпись]]

Или
[[Файл:Coat of arms of Moscow.svg|100px|мини|Пояснительная подпись]]
 <nowiki>[[Файл:Coat of arms of Moscow.svg|мини|100px|Пояснительная подпись]]</nowiki>

Можно задать для изображения не ширину, а высоту:
[[Файл:Coat of arms of Moscow.svg|мини|слева|x100px|Пояснительная подпись]]
 <nowiki>[[Файл:Coat of arms of Moscow.svg|мини|слева|x100px|Пояснительная подпись]]</nowiki>

Если задать оба параметра, но соотношение сторон у изображения иное, чем соотношение заданных цифр — изображение будет вписано в прямоугольник соответствующего размера, то есть будет взято то значение, при котором размер изображения будет наименьшим.
<div style="float:right;">[[Файл:Alonso (Renault) qualifying at USGP 2005.jpg|200x200px]] [[Файл:Dortmund Florianturm nachts IMGP8456.jpg|200x200px]]</div>
 <nowiki>[[Файл:Alonso (Renault) qualifying at USGP 2005.jpg|200x200px]] [[Файл:Dortmund Florianturm nachts IMGP8456.jpg|200x200px]]</nowiki>

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

==== Автоматическое масштабирование высоких и широких изображений ====
[[Файл:Dortmund Florianturm nachts IMGP8456.jpg|мини|upright=0.5|Upright=0.5]]
<div class="tright" style="clear:none">[[Файл:Landschafts Duisburg-Nord - Hochofen 5 - Cowper.jpg|мини|none|upright|без «px»-, но с параметром «upright»]]</div>

[[Файл:Landschaftspark Duisburg-Nord - Hochoefen 1 und 2 vom Sinterplatz.jpg|мини|без «px»]]
Картинки большой высоты и малой ширины в режиме <code>мини</code> и <code>frameless</code> отображаются слишком высокими. В таких случаях рекомендуется поставить параметр {{var|upright}}. С этим параметром изображение отображается у́же (75 % от обычного изображения), что, как правило, приводит к более удобному восприятию.

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

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

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

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

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

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

Такое автоматическое масштабирование предпочтительнее закреплённой с помощью <code>px</code> ширины.
{{clear}}

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

[[Файл: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]]

<pre>
[[Файл: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]]
</pre>

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

[[Файл:10 minute timer.webm|200px|thumbtime=4:05]]
<pre>
[[Файл:10 minute timer.webm|200px|thumbtime=4:05]]
</pre>
На видео отображается таймер с посекундным обратным отсчётом от 10:00 до 0:00. Чтобы выбрать кадр, на котором отображается время 5:55, следует просмотреть время от начала видео до нужного кадра (4 минуты 5 секунд или 245 секунд) и задать его в видео. Запись '''<code>thumbtime=245</code>''' вместо '''<code>thumbtime=4:05</code>''' приведёт к отображению того же кадра предпросмотра.

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

==== Справа ====
[[Файл:Coat of arms of Moscow.svg|справа|100px|Герб Москвы]]

Кроме рассмотренного выше атрибута «мини», прижать изображение вправо можно атрибутом '''«справа»''' («right»). Пример:
<pre>
[[Файл:Coat of arms of Moscow.svg|справа|100px]]
</pre>

В отличие от изображения с атрибутом «мини», в данном случае изображение не оказывается заключённым в рамку, и замещающий текст не указывается в видимой подписи. Однако он всё равно используется в качестве всплывающей подсказки (после наведения курсора мыши на изображение), а также показывается вместо картинки для тех читателей, которые отключили отображение изображений в своём [[браузер]]е. Поэтому рекомендуется указывать замещающий текст после атрибута «справа», за вертикальной чёрточкой. Пример:
<pre>
[[Файл:Coat of arms of Moscow.svg|справа|100px|Герб Москвы]]
</pre>

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

Чтобы прижать изображение к левому краю страницы, используйте атрибут '''«слева»''' (или «left», «none») :
<pre>
[[Файл:Coat of arms of Moscow.svg|слева]]
</pre>

Это работает в том числе и для изображений с атрибутом «мини». Пример:
<pre>
[[Файл:Coat of arms of Moscow.svg|мини|слева|100px|Герб Москвы]]
</pre>

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

===== Двух и более изображений =====
{{несколько изображений|зона=left|направление=horizontal|изобр1=Wiki.png|подпись1=Файл 1|ширина1=100|изобр2=Wiki.png|ширина2=100|подпись2=Файл 1|изобр3=Wiki.png|ширина3=100|подпись3=Файл 1}}
Исходный код:
<pre>
{{несколько изображений|направление=horizontal|изобр1=Wiki.png|подпись1=Файл 1|ширина1=100|изобр2=Wiki.png|ширина2=100|подпись2=Файл 1|изобр3=Wiki.png|ширина3=100|подпись3=Файл 1}}
</pre>

==== В центре ====
Используется атрибут '''центр''' (или ''center''):
<pre>
[[Файл:Coat of arms of Moscow.svg|мини|центр|100px|Пояснительная подпись]]
</pre>

[[Файл:Coat of arms of Moscow.svg|мини|центр|100px|Пояснительная подпись]]
Текст, следующий за таким изображением, не обтекает его ни с одной из сторон, а начинается ниже нижнего края изображения.

===== Двух и более изображений =====
Используется [[#Галереи|Галерея]], реализуемая тегом <nowiki><gallery></nowiki>.

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

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

В простейшем случае используется следующий синтаксис.
<pre>
<gallery>
 Example.jpg|1
 Example.jpg|2
</gallery>
</pre>
<gallery>
 Example.jpg|1
 Example.jpg|2
</gallery>
Выравнивание по центру:
<pre><gallery class="center">
 Example.jpg|1
 Example.jpg|2
</gallery></pre>
<gallery class="center">
 Example.jpg|1
 Example.jpg|2
</gallery>

Убрать рамки можно, если добавить параметр <code>mode="packed"</code>. Пример:
<pre>
<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>
</pre>

<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 в секундах, как и в случае с одиночным видео. Пример:
<pre>
<gallery mode="packed" heights="160px">
Файл:Soyuz TMA-11M Launch.webm|thumbtime=14|Видео с отображаемым кадром на 14 секунде
Файл:Soyuz TMA-11M Launch.webm|thumbtime=42|То же самое видео с отображаемым кадром на 42 секунде
</gallery>
</pre>
<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 теперь рекомендуемое значение по умолчанию.<ref>[[:en:Help:Gallery tag#Usage notes]]</ref>
* showfilename=yes — с любым значением включает отображение имен файлов для каждого изображения<ref>[http://www.mediawiki.org/wiki/Help:Images/ru#Отображение_галереи_изображений Отображение галереи изображений в справке MediaWiki]</ref>.

Примеры:
<pre><nowiki>
 <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
 Файл:Buzz Aldrin's bootprint on the Moon, AS11-40-5877 (21472308758).jpg|подпись4
 </gallery>
</nowiki></pre>
<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
Файл:Buzz Aldrin's bootprint on the Moon, AS11-40-5877 (21472308758).jpg|подпись4
</gallery>
<pre><nowiki>
 <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
 Файл:Buzz Aldrin's bootprint on the Moon, AS11-40-5877 (21472308758).jpg|подпись4
 </gallery>
</nowiki></pre>
<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
Файл:Buzz Aldrin's bootprint on the Moon, AS11-40-5877 (21472308758).jpg|подпись4
</gallery>
Полное описание синтаксиса тега gallery см. на [[mw:Help:Images#Gallery syntax]].

==== Шаблон «Несколько изображений» ====
{{Главная|Шаблон:Несколько изображений}}
При необходимости объединения изображений в галерею с общей подписью, либо в галерею, расположенную вертикально, можно использовать шаблон {{tl|несколько изображений}}. Например, код
<pre>{{несколько изображений
 | изобр1=Adoxa moschatellina 210406.jpg
 | изобр2=Adoxa moschatellina 210406a.jpg
 | изобр3=adoxa moschatellina blatt.jpeg
 | подпись=[[Адокса мускусная]] ''(Adoxa moschatellina)''
 | ширина=160
}}
</pre>
даст нам следующий результат:
{{несколько изображений
 | изобр1=Adoxa moschatellina 210406.jpg
 | изобр2=Adoxa moschatellina 210406a.jpg
 | изобр3=adoxa moschatellina blatt.jpeg
 | подпись=[[Адокса мускусная]] ''(Adoxa moschatellina)''
 | ширина=160
}}
{{-}}

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

=== Использование многоязычных изображений ===
[[Файл:GDP PPP per capita CIS.svg|мини|300px|Изображение с переводом]]
На Викискладе также есть многоязычные изображения в формате [[SVG]]. Особенность формата SVG заключается в том, что он может содержать интегрированный перевод на несколько языков. Перед использованием такого файла убедитесь, что он содержит интегрированный перевод на русский язык.

Исходный код для вставки изображения без изменения размеров:
 <nowiki>[[Файл:Имя файла]]</nowiki>

или с изменением:
 <nowiki>[[Файл:Имя файла|мини|100px|Пояснительная подпись]]</nowiki>

=== Ссылки и надписи поверх изображений ===
Существует возможность создавать надписи и ссылки поверх изображений. Примером использования данной возможности может служить карта городов [[Германия|Германии]], в которых проходил [[Чемпионат мира по футболу 2006|чемпионат мира по футболу 2006 года]]:
{{Image label begin|image=Germany WC.png|width=300px}}
{{метка изображения|x=0.83 |y=0.41 |scale=300|text=[[Берлин]]}}
{{метка изображения|x=0.23 |y=0.585|scale=300|text=[[Дортмунд]]}}
{{метка изображения|x=0.335|y=0.79 |scale=300|text=[[Франкфурт-на-Майне]]}}
{{метка изображения|x=0.19 |y=0.52 |scale=300|text=[[Гельзенкирхен]]}}
{{метка изображения|x=0.485|y=0.245|scale=300|text=[[Гамбург]]}}
{{метка изображения|x=0.46 |y=0.43 |scale=300|text=[[Ганновер]]}}
{{метка изображения|x=0.23 |y=0.89 |scale=300|text=[[Кайзерслаутерн]]}}
{{метка изображения|x=0.15 |y=0.67 |scale=300|text=[[Кёльн]]}}
{{метка изображения|x=0.73 |y=0.60 |scale=300|text=[[Лейпциг]]}}
{{метка изображения|x=0.65 |y=1.11 |scale=300|text=[[Мюнхен]]}}
{{метка изображения|x=0.61 |y=0.88 |scale=300|text=[[Нюрнберг]]}}
{{метка изображения|x=0.39 |y=1.00 |scale=300|text=[[Штутгарт]]}}
{{image label end}}
Исходный текст для этого примера:
<pre><nowiki>
{{Image label begin|image=Germany WC.png|width=300px}}
{{метка изображения|x=0.83 |y=0.41 |scale=300|text=[[Берлин]]}}
{{метка изображения|x=0.23 |y=0.585|scale=300|text=[[Дортмунд]]}}
{{метка изображения|x=0.335|y=0.79 |scale=300|text=[[Франкфурт-на-Майне]]}}
{{метка изображения|x=0.19 |y=0.52 |scale=300|text=[[Гельзенкирхен]]}}
{{метка изображения|x=0.485|y=0.245|scale=300|text=[[Гамбург]]}}
{{метка изображения|x=0.46 |y=0.43 |scale=300|text=[[Ганновер]]}}
{{метка изображения|x=0.23 |y=0.89 |scale=300|text=[[Кайзерслаутерн]]}}
{{метка изображения|x=0.15 |y=0.67 |scale=300|text=[[Кёльн]]}}
{{метка изображения|x=0.73 |y=0.60 |scale=300|text=[[Лейпциг]]}}
{{метка изображения|x=0.65 |y=1.11 |scale=300|text=[[Мюнхен]]}}
{{метка изображения|x=0.61 |y=0.88 |scale=300|text=[[Нюрнберг]]}}
{{метка изображения|x=0.39 |y=1.00 |scale=300|text=[[Штутгарт]]}}
{{image label end}}
</nowiki></pre>

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

Если необходимо, можно добавить выносные линии при помощи шаблона {{tl|Выносная линия2}}.
{{Image label begin|image=Drama-icon.svg|width=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.6|y2=0.65|x3=0.10|scale=200|color=red|text=[[Трагедия]]}}
{{image label end}}

Исходный текст:
 <nowiki>
{{Image label begin|image=Drama-icon.svg|width=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.6|y2=0.65|x3=0.10|scale=200|color=red|text=[[Трагедия]]}}
{{image label end}}</nowiki>
См. также [[Проект:Астрономия/Иллюстрирование статей об астрономических объектах]].

=== Отображение части изображения ===
{{см. также|Шаблон:Часть изображения|Шаблон:ФЛ}}
{|
|-
| [[Файл:Dortmund Florianturm nachts IMGP8456.jpg|80px]]
|<div style="overflow:hidden;">
<div style="margin:-340px -50px -340px -50px;">
[[Файл:Dortmund Florianturm nachts IMGP8456.jpg|300px]]
</div>
</div>
|-
| Оригинал
| Технически обрезанная
|}

Исходный текст для этого примера:
<pre><nowiki>
<div style="overflow:hidden;">
<div style="margin:-340px -50px -340px -50px;">
[[Файл:Dortmund Florianturm nachts IMGP8456.jpg|300px]]
</div>
</div> 
</nowiki></pre>
Скрывается прокрутка и поочерёдно задаётся отступ от верхнего, правого, нижнего и левого края. Следует помнить, что изображение загружается полностью в том разрешении, которое указано, несмотря на то, что отображается только часть его.

=== Отображение рядом с карточками ===
Когда изображение выравнено по правому краю и находится на одном уровне с [[Википедия:Шаблоны-карточки|карточкой]], оно автоматически опускается под карточку. Чтобы изображение показывалось рядом с карточкой, его необходимо обернуть в таблицу или в [[Шаблон:float box]].
: <code><nowiki>{{float box | [[Файл:H-IIA Family.png|230px|right]] }}</nowiki></code>

=== Imagemap ===
{{См. также|Карта изображений}}
{{См. также|commons:Commons:Image annotations}}

==== Параметры ====
{| class="wikitable"
! desc
| Определяет положение ссылки на описание изображения. Возможные варианты: '''top-right''', '''bottom-right''', '''bottom-left''', '''top-left''' или '''none'''. Помещает голубой значок «i» со ссылкой на страницу описания изображения в выбранный угол. По умолчанию значение параметра bottom-right. Чтобы скрыть ссылку на описание, выберите значение none.
|-
! rect
| Прямоугольник. Параметры — координаты левого верхнего и правого нижнего углов, за ними следует ссылка в квадратных скобках.
|-
! circle
| Круг. Первые два параметра — координаты центра, третий — радиус, за ними следует ссылка в квадратных скобках.
|-
! poly
| Многоугольник. Параметры — координаты углов, за ними следует ссылка в квадратных скобках. Многоугольники должны быть заданы прежде всех других фигур!
|-
! default
| Определяет ссылку по умолчанию в тех местах, где не заданы другие регионы.
|}
Координаты задаются для оригинального размера изображения (например, [[:Файл:Foo.svg]] — 512 × 336).

==== Примеры ====
{| class = standard
|
(Нажмите на изображения экрана, клавиатуры, женщины или знак копирайта).
<imagemap>
Файл: Foo.svg|250px|какая-то картинка
poly 222 72 369 67 366 188 217 186 [[Монитор (дисплей)]]
poly 188 215 180 292 455 287 437 208 [[Клавиатура]]
rect 86 162 167 321 [[Женщина]]
# Комментарий. Эта строчка игнорируется
circle 94 99 30 [[Авторское право]]
desc bottom-left
</imagemap>
<pre><imagemap>
Файл: Foo.svg|250px|какая-то картинка
poly 222 72 369 67 366 188 217 186 [[Монитор (дисплей)]]
poly 188 215 180 292 455 287 437 208 [[Клавиатура]]
rect 86 162 167 321 [[Женщина]]
# Комментарий. Эта строчка игнорируется
circle 94 99 30 [[Авторское право]]
desc bottom-left
</imagemap></pre>
|
<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>
<pre><nowiki><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></nowiki></pre>
|}

==== Подсветка и мобильные устройства ====
<div class="imageMapHighlighter" style="border:none;padding:0;float:right" ><imagemap>
Image:KB Eng-Rus QWERTY(ЙЦУКЕН).svg|450px
desc none
# <nowiki>
# Строки высотой 60 px, ссылки соответствуют изображению 
# Прямоугольник слева сверху справа снизу [[ссылка]]
#</nowiki>
# Строка спецсимволов
rect 0 0 60 30 [[Тильда]]
rect 60 0 120 30 [[Восклицательный знак]]
rect 120 0 150 30 [[@|Коммерческое at]]
rect 150 0 180 30 [[Кавычки|Машинописная кавычка]]
rect 180 0 210 30 [[Знак решётки|Решётка]]
rect 210 0 240 30 [[Знак номера|Номер]]
rect 240 0 270 30 [[Символ доллара|Доллар]]
rect 270 0 300 30 [[Точка с запятой]]
rect 300 0 360 30 [[Знак процента|Процент]]
rect 360 0 390 30 [[Циркумфлекс]]
rect 390 0 420 30 [[Двоеточие]]
rect 420 0 450 30 [[Амперсанд]]
rect 450 0 480 30 [[Вопросительный знак]]
rect 480 0 540 30 [[Звёздочка (типографика)|Звёздочка]]
rect 540 0 660 30 [[Скобки#Круглые (операторные) скобки|Круглые скобки]]
rect 660 0 720 30 [[Подчёркивание]]
rect 720 0 780 30 [[Плюс]]

# Цифровая строка
rect 0 30 30 60 [[Гравис]]
rect 30 30 60 60 [[Ё]]
rect 60 30 120 60 [[1 (число)|Один]]
rect 120 30 180 60 [[2 (число)|Два]]
rect 180 30 240 60 [[3 (число)|Три]]
rect 240 30 300 60 [[4 (число)|Четыре]]
rect 300 30 360 60 [[5 (число)|Пять]]
rect 360 30 420 60 [[6 (число)|Шесть]]
rect 420 30 480 60 [[7 (число)|Семь]]
rect 480 30 540 60 [[8 (число)|Восемь]]
rect 540 30 600 60 [[9 (число)|Девять]]
rect 600 30 660 60 [[Ноль]]
rect 660 30 720 60 [[Дефис]]
rect 720 30 780 60 [[Знак равенства|Равно]]
rect 780 0 900 60 [[Backspace]]

# Первая верхняя
rect 90 60 150 90 [[Q]]
rect 150 60 210 90 [[W]]
rect 210 60 270 90 [[E (латиница)|E]]
rect 270 60 330 90 [[R]]
rect 330 60 390 90 [[T (латиница)|T]]
rect 390 60 450 90 [[Y]]
rect 450 60 510 90 [[U]]
rect 510 60 570 90 [[I]]
rect 570 60 630 90 [[O (латиница)|O]]
rect 630 60 690 90 [[P (латиница)|P]]
rect 690 60 810 90 [[Скобки#Фигурные скобки|Фигурные скобки]]

# Первая нижняя
rect 0 60 90 120 [[Табуляция]]
rect 90 90 150 120 [[Й]]
rect 150 90 210 120 [[Ц]]
rect 210 90 270 120 [[У]]
rect 270 90 330 120 [[К (кириллица)|К]]
rect 330 90 390 120 [[Е (кириллица)|Е]]
rect 390 90 450 120 [[Н (кириллица)|Н]]
rect 450 90 510 120 [[Г]]
rect 510 90 570 120 [[Ш]]
rect 570 90 630 120 [[Щ]]
rect 630 90 690 120 [[З]]
rect 690 90 720 120 [[Скобки#Квадратные скобки|Квадратные скобки]]
rect 720 90 750 120 [[Х (кириллица)]]
rect 750 90 780 120 [[Скобки#Квадратные скобки|Квадратные скобки]]
rect 780 90 810 120 [[Ъ]]
poly 810 60 900 60 900 180 825 180 825 120 810 120 [[Клавиша ввода|Ввод]]

# Вторая верхняя
rect 105 120 165 150 [[A (латиница)|A]]
rect 165 120 225 150 [[S]]
rect 225 120 285 150 [[D]]
rect 285 120 345 150 [[F]]
rect 345 120 405 150 [[G]]
rect 405 120 465 150 [[H (латиница)|H]]
rect 465 120 525 150 [[J]]
rect 525 120 585 150 [[K (латиница)|K]]
rect 585 120 645 150 [[L]]
rect 645 120 705 150 [[Двоеточие]]
rect 705 120 765 150 [[Кавычки|Машинописная кавычка]]
rect 765 120 795 150 [[Вертикальная черта]]
rect 795 120 825 150 [[Косая черта]]

# Вторая нижняя
rect 0 120 105 180 [[Caps Lock]]
rect 105 150 165 180 [[Ф]]
rect 165 150 225 180 [[Ы]]
rect 225 150 285 180 [[В (кириллица)|В]]
rect 285 150 345 180 [[А (кириллица)|А]]
rect 345 150 405 180 [[П]]
rect 405 150 465 180 [[Р (кириллица)|Р]]
rect 465 150 525 180 [[О (кириллица)|О]]
rect 525 150 585 180 [[Л]]
rect 585 150 645 180 [[Д]]
rect 645 150 675 180 [[Точка с запятой]]
rect 675 150 705 180 [[Ж]]
rect 705 150 735 180 [[Машинописный апостроф]]
rect 735 150 765 180 [[Э]]
rect 765 150 825 180 [[Обратная косая черта]]

# Третья верхняя
rect 75 180 135 210 [[Вертикальная черта]]
rect 135 180 195 210 [[Z]]
rect 195 180 255 210 [[X (латиница)|X]]
rect 255 180 315 210 [[C (латиница)|C]]
rect 315 180 375 210 [[V]]
rect 375 180 435 210 [[B (латиница)|B]]
rect 435 180 495 210 [[N]]
rect 495 180 555 210 [[M (латиница)|M]]
rect 555 180 675 210 [[Скобки#Угловые скобки|Угловые скобки]]
rect 675 180 705 210 [[Вопросительный знак]]
rect 705 180 735 210 [[Запятая]]

# Третья нижняя
rect 0 180 75 240 [[Shift (клавиша)|Shift]]
rect 75 210 135 240 [[Обратная косая черта]]
rect 135 210 195 240 [[Я]]
rect 195 210 255 240 [[Ч]]
rect 255 210 315 240 [[С (кириллица)|С]]
rect 315 210 375 240 [[М (кириллица)|М]]
rect 375 210 435 240 [[И]]
rect 435 210 495 240 [[Т (кириллица)|Т]]
rect 495 210 555 240 [[Ь]]
rect 555 210 585 240 [[Запятая]]
rect 585 210 615 240 [[Б]]
rect 615 210 645 240 [[Точка (знак препинания)|Точка]]
rect 645 210 675 240 [[Ю]]
rect 675 210 705 240 [[Косая черта]]
rect 705 210 735 240 [[Точка (знак препинания)|Точка]]
rect 735 180 900 240 [[Shift (клавиша)|Shift]]

# Пробельная строка
rect 0 240 90 300 [[Ctrl]]
rect 90 240 150 300 [[Windows (клавиша)|Windows]]
rect 150 240 240 300 [[Alt (клавиша)|Alt]]
rect 240 240 600 300 [[Пробел]]
rect 600 240 690 300 [[Alt (клавиша)|Alt]]
rect 690 240 750 300 [[Windows (клавиша)]]
rect 750 240 810 300 [[Контекстное меню|Меню]]
rect 810 240 900 300 [[Ctrl]]

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

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

==== См. также ====
* [[Википедия:Совет дня/24 февраля]] (об Imagemap)
* [[Википедия:Совет дня/24 марта]] (о link=)
* [[mw:Extension:ImageMap|Описание расширения ImageMap]]{{ref|en}}

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

== Графики ==
Запросить создание сложных графиков можно на [[ВП:ФТ]].
* [[mw:Extension:Graph/Demo]]
* [[mw:Extension:EasyTimeline]]
* [[Википедия:Форум/Архив/Технический/2016/11#Включаем карты на ру-вики]]
* [[Википедия:Форум/Архив/Технический/2016/12#Datasets: Таблицы данных и карты теперь доступны с Викисклада]] [[Википедия:Форум/Архив/Технический/2016/04#Shared tabular data storage for Commons!]]
* [[Википедия:Создание временных диаграмм]]
* [[commons:File:Transcriptomics technique publications over time.svg|пример]] публикации и svg и [https://commons.wikimedia.org/w/index.php?title=File:Transcriptomics_technique_publications_over_time.svg&oldid=293886686 кода графика Graph:Chart] сразу на commons

== Рекомендации ==
{{см. также|Википедия:Советы по размещению иллюстраций}}
[[Файл:wiki help thumb resize.jpg|мини|Изменение личных настроек размера миниатюр]]

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

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

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

=== Параметры на русском ===
Для лучшего понимания вики-текста рекомендуется использовать написание параметров на русском языке.
{{Начало скрытого блока|Сопоставление параметров}}
Тип:

File|File|Image|Изображение → Файл

Вид:

thumb/thumbnail → мини/миниатюра

frame/framed → обрамить

frameless → безрамки

Граница

border → граница

Горизонтальное выравнивание

right → справа

left → слева

center → центр

none → без

Вертикальное выравнивание:

sub/super → над

baseline
middle
text-top
text-bottom
top
bottom

upright

link → ссылка

alt → альт
{{Конец скрытого блока}}

=== Положение иллюстраций ===
{{якорь|Зависимость положения иллюстраций от направления лиц и движения объектов}}
{{шорткат|ВП:ВСТОРОНУ}}
В общем случае иллюстрации принято располагать справа от текста статьи. Редакторам стоит по возможности избегать того, чтобы левый (выровненный) край текста разрывался изображениями, так как это усложняет восприятие текста и снижает скорость чтения. Вместе с тем в некоторых случаях редакторы всё же принимают решение о желательности размещения иллюстрации слева от текста в случаях, когда такое положение диктуется ориентацией изображенного на ней объекта. Уместное размещение изображений (слева или справа от текста) может зависеть от положения лица на иллюстрации (если это портрет), или от направления движения объекта (если изображается движущийся объект).

==== Размещение портретов ====
[[Файл:Pin-up blue.png|мини|Эта девушка размещена спиной к статье и глядит в сторону от текста]]
Если лицо на портрете обращено не прямо к читателю, то его иногда разумно обратить по направлению к тексту статьи:
* если человек изображён [[анфас]], или если мы имеем дело с групповой фотографией, то изображение можно поместить и слева, и справа от текста,
* но если человек изображён в профиль или вполоборота, то по возможности стоит помещать изображение так, чтобы он не казался отвернувшимся от статьи:
** изображённые глядящими направо от читателя — размещаются слева от текста,
** изображённые глядящими налево от читателя — размещаются справа от текста.
Аналогичное правило действует в отношении животных.

==== Размещение изображений движущихся объектов ====
[[Файл:Alonso (Renault) qualifying at USGP 2005.jpg|мини|left|Гоночный автомобиль размещён носом к тексту статьи. Это удачно с точки зрения ориентации изображённого объекта. Но может быть неудачным, так как визуально разбивает маркированный список справа от него при малой ширине экрана]]

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

==== Недопустимость зеркального отображения иллюстраций ====
[[Файл:Плохой пример.jpg|мини|Название какой авиакомпании написано на фюзеляже самолёта?]]
Не занимайтесь зеркальным отображением иллюстраций. Даже если, согласно вышеприведённым рекомендациям, направление изображаемого взгляда или движения не соответствует положению какого-либо изображения на странице, не пытайтесь зеркально отобразить само изображение, чтобы изменить направление на обратное. Зеркальное отображение искажает изображённый объект. Следует избегать зеркального отображения иллюстраций.

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

== Примечания ==
{{примечания}}

== См. также ==
* [[:mw:Help:Images/ru|Иллюстрирование в справке MediaWiki]]
* [[Википедия:Лицензирование изображений|Лицензирование изображений]]
* [[Википедия:Подготовка изображений к загрузке|Подготовка изображений к загрузке]]
* [[Википедия:Советы по размещению иллюстраций|Советы по размещению иллюстраций]]

=== Служебные страницы ===
* [[Википедия:Источники изображений]] <small>Содержит список сайтов, содержащих свободные файлы, и специальных поисковиков, помогающих их найти.</small>
* [[Служебная:Imagelist|Список изображений]]
* [[Служебная:Newimages|Галерея новых изображений]]
* [[Служебная:Upload|Загрузить изображение]]
* [[Служебная:Mostimages|Самые используемые изображения]]
* [[Служебная:Uncategorizedimages|Некатегоризованные изображения]]
* [[Служебная:Unusedimages|Неиспользуемые изображения]]
<!--* [[Служебная:Filepath|Путь к изображению]]-->

== Ссылки ==
[[Файл:Illustrating Wikipedia brochure ru.pdf|thumb|250px|Иллюстрирование Википедии: Руководство по размещению файлов на Викискладе]]

=== Поиск свободных иллюстраций ===
* [[:meta:Help:Public domain image resources|Сайты с изображениями в общественном достоянии]]{{ref|en}}
* [[Википедия:Источники_изображений]] — большое количество ссылок на сайты со свободными изображениями (много русскоязычных сайтов, не упомянутых в предыдущем источнике).
* [http://tools.wikimedia.de/~magnus/fist.php Free Image Search Tool] — ищет по другим языковым разделам Википедии, [[Викисклад]]у, [[Flickr]], [[WikiTravel]], [[GIMP-SAVVY]], [[everystockphoto]], Geograph (UK).
* {{Shortcut|ВП:СКРИН}}'''YouTube'''. Можно использовать видеоролики, лицензированные СС-BY ([[ВП:Форум/Архив/Авторское право/2011/08#Использование материалов с youtube|обсуждение на форуме]]). Стандартная лицензия youtube не разрешает этого делать. Есть специальная опция, позволяющая искать только видеозаписи под лицензией Creative Commons. Для этого необходимо в строке поиска ввести запрос, после этого нажать кнопку «Фильтры» и в выпадающем меню в разделе «Особенности» выбрать «Лицензия Creative Commons». В описании видеороликов в поле лицензия должно быть указано [http://www.youtube.com/t/creative_commons Лицензия Creative Commons — Attribution (разрешено повторное использование)]. Скачать видео с сервиса или сделать скриншот можно с помощью сторонних утилит или плагинов для браузера, также можно сделать скриншот из видео кнопкой PrintScreen.

Будьте осторожны: многие пользователи указывают свободную лицензию, не имея на то прав! Также за свободными видео можно обращаться на Викисклад. В частности, видео с Ютуба размещается на Викискладе в категории [[:commons:Category:Media from YouTube|Media from YouTube]] проставлением шаблона лицензии [[:commons:Template:From YouTube|From YouTube]].

{{Правила Википедии}}

[[Категория:Википедия:Способы оформления статей|Изображения]]
[[Категория:Википедия:Иллюстрирование| ]]