Редактирование: Википедия:Иллюстрирование

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

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

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

Попробуйте найти изображение [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|Нет иллюстраций}}, чтобы привлечь внимание участников, у которых могут быть необходимые изображения.
* Также можно обратиться к другим участникам с просьбой сделать фотографии ([[Википедия:Запросы на фотографии и иллюстрации]]).

== Требования к изображениям ==
Изображение, которое вы собираетесь поместить в свою статью, должно соответствовать ряду требований:
* Соблюдение авторского права: '''никогда не помещайте в Википедию изображения, если это не разрешено их правообладателями.'''
* Используйте правильный формат изображений (см. [[commons:Commons:Media for cleanup/ru]]):
** [[SVG]] — для [[векторная графика|векторных изображений]];
** [[JPEG]] — для неподвижных [[растровая графика|растровых изображений]] с преобладанием плавных цветовых переходов ([[фотография|фотографии]], [[репродукция|репродукции]] художественных произведений);
** [[PNG]] — для неподвижных [[растровая графика|растровых изображений]] с резкими границами между цветными областями (схемы, карты, скриншоты программ, изображения символов и т. д.);
** [[GIF]] — для подвижных (анимированных) [[растровая графика|растровых изображений]];
** если ваши изображения имеют другие форматы, то конвертируйте их в рекомендуемые.
* Загружаемые изображения должны иметь '''максимально высокое разрешение''', что обеспечит высокое качество печати. Максимальный размер файла в Википедии составляет 100 мегабайт, поэтому не уменьшайте их перед загрузкой на сервер! Лучше это сделать с помощью команд разметки Википедии непосредственно при вставке в статью. Старайтесь, чтобы размер файла с уменьшенной копией изображения, которая используется в статье, не превышал 35 килобайт (максимум 70 килобайт).
* Желательно загружать изображение без подписи, чтобы использовать его и в других языковых разделах. Подпись очень просто вставить с помощью [[Википедия:Викиразметка|вики-разметки]].
* Для каждого изображения имеется страница с его описанием, которую вы обязаны заполнить. Поэтому приготовьте в обязательном порядке данные об '''источнике''', если автор изображения не вы, а также о '''лицензии'''. Если изображение загружается из другого языкового раздела Википедии, то указания только на этот раздел недостаточно — всё равно должен быть указан вид лицензии (см. [[Википедия:Лицензирование изображений]]).

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

== Уместность изображений ==
Не всякое изображение стоит добавлять во всякую статью. Прежде чем добавить изображение в статью, подумайте, нужно ли оно там. Википедия стремится представлять различные точки зрения соответственно тому, насколько широко они представлены в авторитетных источниках по проблеме. Это относится не только к тексту статей, но и к изображениям<ref>[[Википедия:Взвешенность изложения]]</ref>.

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

«[[Свободная лицензия|Свободные]]» изображения, то есть находящиеся в общественном достоянии, сделанные вами или свободно распространяемые по иным причинам, следует загружать на [[Викисклад]], чтобы их можно было использовать сразу во всех проектах [[Фонд Викимедиа|Фонда Викимедиа]].

Изображения, не являющиеся полностью свободными из-за отсутствия в соответствующем государстве [[Свобода панорамы|свободы панорамы]], [[Википедия:Свобода панорамы|следует загружать]] в русскоязычный раздел Википедии с простановкой [[:Категория:Шаблоны:Свобода панорамы|соответствующего]] шаблона FoP-... .

При загрузке в ru-wiki несвободных изображений живущих или недавно умерших людей помимо шаблона {{tl|несвободный файл}} следует устанавливать шаблон {{tl|Personality rights}}.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

== Текст заголовка ==

=== Рамка ===

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

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

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

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

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

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

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

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

Отношение сторон изображения (ширины к высоте) при этом не изменяется. Иными словами, когда пропорции изображения не совпадают с пропорциями заданного прямоугольника, тогда либо высота, либо ширина уменьшенного изображения окажется меньше заданной для прямоугольника. Поэтому, если необходимо задать именно ''высоту'' изображения (и дать ему пропорционально растянуться по ширине), то для этого достаточно сделать ширину описанного прямоугольника заведомо большей, нежели высота : '''x200px'''.

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

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

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

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

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

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

====== Способ 1 ======
<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>

Исходный код:
<pre>
<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>
</pre>

<br clear="all" />

====== Способ 2 ======
Используется [[Википедия:Как делать таблицы|таблица]]
{|align="right"
 |-valign="top"
 |[[Файл:Landschafts Duisburg-Nord - Hochofen 5 - Cowper.jpg|мини|100пкс|Файл 1]]
 |[[Файл:Dortmund Florianturm nachts IMGP8456 .jpg|мини|100пкс|Файл 2]]
 |}

Исходный код:
<pre>
{|align="right"
 |-valign="top"
 |[[Файл:Landschafts Duisburg-Nord - Hochofen 5 - Cowper.jpg|мини|100пкс|Файл 1]]
 |[[Файл:Dortmund Florianturm nachts IMGP8456 .jpg|мини|100пкс|Файл 2]]
 |}
</pre>

<br clear="all" />

'''Выравнивание по вертикали''' задаётся атрибутом <code>valign</code>, принимающим значения <code>top</code> (верх), <code>bottom</code> (низ) или <code>center</code> (центр).
{|align="right"
 |-valign="bottom"
 |[[Файл:Landschafts Duisburg-Nord - Hochofen 5 - Cowper.jpg|мини|100пкс|Файл 1]]
 |[[Файл:Dortmund Florianturm nachts IMGP8456 .jpg|мини|100пкс|Файл 2]]
 |}

Исходный код:
<pre>
{|align="right"
 |-valign="bottom"
 |[[Файл:Landschafts Duisburg-Nord - Hochofen 5 - Cowper.jpg|мини|100пкс|Файл 1]]
 |[[Файл:Dortmund Florianturm nachts IMGP8456 .jpg|мини|100пкс|Файл 2]]
 |}
</pre>

<br clear="all" />

{{якорь|place1}}

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

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

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

<br clear="all" />

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

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

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

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

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

====== Способ 1 ======
<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>

Исходный код:
<pre>
<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>
</pre>

<br clear="all" />

====== Способ 2 ======
Используется [[Википедия:Как делать таблицы|таблица]]
{|align="left"
 |-valign="top"
 |[[Файл:Example.jpg|мини|Файл 1]]
 |[[Файл:Example.jpg|мини|Файл 2]]
 |}

Исходный код:
<pre>
{|align="left"
 |-valign="top"
 |[[Файл:Example.jpg|мини|Файл 1]]
 |[[Файл:Example.jpg|мини|Файл 2]]
 |}
</pre>

<br clear="all" />

====== Способ 3 ======
''См. [[#place1|Способ 3]] в разделе «Справа, Двух и более изображений».''

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

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

===== Двух и более изображений =====
Используется [[Википедия:Как делать таблицы|таблица]]
{|align="center"
 |-valign="top"
 |[[Файл:Example.jpg|мини|Файл 1]]
 |[[Файл:Example.jpg|мини|Файл 2]]
 |}

Исходный код:
<pre>
{|align="center"
 |-valign="top"
 |[[Файл:Example.jpg|мини|Файл 1]]
 |[[Файл:Example.jpg|мини|Файл 2]]
 |}
</pre>

<br clear="all" />

==== Окончание обтекания ====
Для пометки окончания обтекающего изображение текста используйте специальный HTML-код:
<pre>
<br clear="all" />
</pre>

или шаблон {{tl|-}}.

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

=== Автоматическое масштабирование высоких и широких изображений ===
[[Файл: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> отображаются слишком высокими. В таких случаях рекомендуется поставить параметр '''<tt>upright</tt>'''. С этим параметром изображение отображается у́же (75 % от обычного изображения), что, как правило, приводит к более красивому восприятию.

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

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

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

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

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

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

Такое автоматическое масштабирование предпочтительнее закреплённой с помощью <tt>px</tt> ширины.
<br style="clear:both" />

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

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

В простейшем случае используется следующий синтаксис.
<pre>
<gallery>
Файл:wiki.png
Файл:wiki.png|Подпись
Файл:wiki.png|Подпись со [[Заглавная страница|ссылкой]]
</gallery>
</pre>
<gallery>
Файл:wiki.png
Файл:wiki.png|Подпись
Файл:wiki.png|Подпись со [[Заглавная страница|ссылкой]]
</gallery>
Пример более изощрённого синтаксиса.
<pre>
<gallery caption="Можно добавлять заголовки">
Также можно вставлять текст,
но если в тексте будет [[ссылка]], строка игнорируется
Файл:Coat of Arms of Moscow.png|Герб Москвы
Файл:St Basils Cathedral-500px.jpg|Собор Василия Блаженного
Файл:Dormition (Kremlin).JPG|Успенский собор
</gallery>
</pre>
<gallery caption="Можно добавлять заголовки">
Также можно вставлять текст,
но если в тексте будет [[ссылка]], строка игнорируется
Файл:Coat of Arms of Moscow.png|Герб Москвы
Файл:St Basils Cathedral-500px.jpg|Собор Василия Блаженного
Файл:Dormition (Kremlin).JPG|Успенский собор
</gallery>

===== Форматирование галерей =====
Есть следующие параметры, регулирующие форматирование галереи:
* perrow — количество элементов в строке
* widths — размер (каждой) картинки по горизонтали
* heights — размер (каждой) картинки по вертикали
* showfilename — с любым значением включает отображение имен файлов для каждого изображения.<ref>[http://www.mediawiki.org/wiki/Help:Images#Rendering_a_gallery_of_images Иллюстрирование в справке MediaWiki]</ref>

Примеры:
<pre><nowiki>
 <gallery perrow=2 widths="300px" heights="300px">
 Файл:NASA-Apollo8-Dec24-Earthrise.jpg
 Файл:Mercury in color - Prockter07 centered.jpg
 Файл:PIA04866 modest.jpg
 Файл:Apollo 11 bootprint.jpg
 </gallery>
</nowiki></pre>
<gallery perrow=2 widths="300px" heights="300px">
Файл:NASA-Apollo8-Dec24-Earthrise.jpg
Файл:Mercury in color - Prockter07 centered.jpg
Файл:PIA04866 modest.jpg
Файл:Apollo 11 bootprint.jpg
</gallery>
<pre><nowiki>
 <gallery perrow=4 widths="160px" heights="160px">
 Файл:NASA-Apollo8-Dec24-Earthrise.jpg
 Файл:Mercury in color - Prockter07 centered.jpg
 Файл:PIA04866 modest.jpg
 Файл:Apollo 11 bootprint.jpg
 </gallery>
</nowiki></pre>
<gallery perrow=4 widths="160px" heights="160px">
Файл:NASA-Apollo8-Dec24-Earthrise.jpg
Файл:Mercury in color - Prockter07 centered.jpg
Файл:PIA04866 modest.jpg
Файл:Apollo 11 bootprint.jpg
</gallery>

=== Изображения внутри таблиц ===
Комбинируя таблицы и изображения, можно представлять информацию, например, в таком виде:
<center>
{| style="border:1px solid black; border-collapse:collapse;"
!colspan="4"|Города Германии
|-
|Берлин|| [[Файл:Berliner Rathaus gross.jpeg|мини|none|110px|Ратуша г. Берлина]]
|Вернигероде|| [[Файл:WernigerodeCastleWinter.jpg|мини|none|100px|Замок г. Вернигероде зимой]]
|}
</center>
Исходный текст для этого примера таков:
<pre><nowiki>{| style="border:1px solid black; border-collapse:collapse;"
!colspan="4"|Города Германии
|-
|Берлин|| [[Файл:Berliner Rathaus gross.jpeg|мини|none|110px|Ратуша г. Берлина]] 
|Вернигероде|| [[Файл:WernigerodeCastleWinter.jpg|мини|none|100px|Замок г. Венигероде зимой]]
|}</nowiki></pre>

== Ссылки и надписи поверх изображений ==
Существует возможность создавать надписи и ссылки поверх изображений. Пользоваться этой возможностью не рекомендуется, так как в некоторых браузерах такие изображения могут показываться некорректно. Примером использования данной возможности может служить карта городов [[Германия|Германии]], в которых проходил [[Чемпионат мира по футболу 2006]]
<center>
<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>
</center>
Исходный текст для этого примера:
<pre><nowiki>
<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>
</nowiki></pre>

Шаблон, осуществляющий эту возможность - [[Шаблон:Метка изображения|Метка изображения]]; на него есть перенаправление [[Шаблон:Image label]]

См. также [[ВП:Астро#Изображения для статьи]]

== Отображение части изображения ==
{|
|-
| [[Файл:Iya logo RU.jpg|80px]] 
|<div style="overflow:hidden;">
<div style="margin:-6px 0px -60px 0px;">
[[Файл:Iya logo RU.jpg|80px]]
</div>
</div> 
|-
| Оригинал
| Технически обрезанная
|}

Исходный текст для этого примера:
<pre><nowiki>
<div style="overflow:hidden;">
<div style="margin:-6px 0px -60px 0px;">
[[Файл:Iya logo RU.jpg|80px]]
</div>
</div> 
</nowiki></pre>
Скрывается прокрутка и поочерёдно задаётся отступ от верхнего, правого, нижнего и левого края.

== Imagemap ==

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


; Пример
(нажмите на экран, клавиатуру, женщину или знак копирайта)
<imagemap>
Файл:Foo.jpg|250px|какая-то картинка
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>
<pre><nowiki><imagemap>
Файл:Foo.jpg|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></nowiki></pre>

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

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

<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>

<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>

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

; Онлайновый редактор карт-изображений
* http://toolserver.org/~dapete/ImageMapEdit/ImageMapEdit.html
Ему надлежит скормить (в поле URL) ссылку на картинку, ширина которой совпадает с номинальной шириной изображения (та, которая указана в свойствах самого изображения), затем нажать Load. SVG не воспринимает — поэтому нужно давать ссылку на результирующий PNG, отмасштабированный под исходную ширину (которая показана в свойствах изображения SVG).

== Рекомендации ==
[[Файл:wiki help thumb resize.jpg|мини|Изменение личных настроек размера миниатюр]]

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

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

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

=== Зависимость положения иллюстраций от направления лиц и движения объектов ===
[[Файл:Pin-up blue.png|мини|'''Пример:''' эта девушка размещена неудачно (спиной {{nobr|к статье)}}]]
Уместное размещение изображений (слева или справа от текста) почти всегда зависит от положения лица на иллюстрации (если это портрет), или от направления движения объекта (если изображается движущийся объект).

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

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

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

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

Зеркальное отображение искажает многие категории фактов, запечатлённых на иллюстрациях. К их числу относятся, в частности:
* Особенности лица, не обладающие зеркальной [[симметрия|симметрией]]. (Пример: На каком глазу была повязка у М. И. Кутузова?)
* Начертание текста. (Не все владеют, подобно [[Да Винчи, Леонардо|Леонардо да Винчи]], навыками чтения зеркально отображённого текста; и если зеркально отобразить изображение самолёта, то многие ли окажутся способными прочесть надпись на его фюзеляже?)
* Расположение наград и знаков отличия на мундирах.
* Географическое положение деталей пейзажа относительно направления тени (или относительно другой линии, географическое направление которой самоочевидно).
* Направление развития спиралевидной раковины моллюсков (по часовой стрелке, или против неё).
* Этикет расположения [[столовые приборы|столовых приборов]] в ладонях при приёме пищи.
* Изменение направления мужской или женской застёжки на одежде.

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

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

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

== См. также ==

* [[:mw:Help:Images#Rendering_a_gallery_of_images|Иллюстрирование в справке MediaWiki]]
* [[Википедия:Лицензирование изображений|Лицензирование изображений]]
* [[Википедия:Подготовка изображений к загрузке|Подготовка изображений к загрузке]]

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

== Ссылки ==
 
=== Поиск свободных иллюстраций ===
* [[: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)
* [http://tools.wikimedia.de/~tangotango/mayflower/?il=ru Mayflower]{{ref-ru}} — инструмент для поиска изображений на [[Викисклад]]е
* [http://www.compfight.com/ Compfight] — поиск по [[Flickr]] (отметьте Only Search Creative Commons)
* [http://web.rambler.ru/post/gde-krast-fotki-i-kartinki/ Хорошая статья по теме на русском языке]
* '''Youtube'''. Можно делать скриншоты видео, лицензированные СС-BY ([[ВП:Форум/Авторское_право#Использование_материалов_с_youtube|обсуждение на форуме]]). Стандартная лицензия youtube не разрешает этого делать. Простого способа поиска по лицензии они пока не придумали. Чтобы искать видео только с лицензией СС-BY нужно войти на свой аккаунт yotube, перейти по ссылке http://www.youtube.com/editor и выбрать значок [[Файл:Cc.logo.circle.svg|20px]]. Будьте осторожны: многие пользователи указывают свободную лицензию не имея на то прав! Также за свободными видео можно обращаться на Викисклад. В частности, видео с Ютуба размещается на Викискладе в категории [[:commons:Category:Videos available on YouTube|Videos available on YouTube]].

=== PNG-конвертеры ===
* http://homepage3.nifty.com/furumizo/gmaskd_e.htm {{ref-en}}
* http://www.numbera.com/software/pnggauntlet.aspx {{ref-en}}, только для [[Windows]]
* http://advsys.net/ken/utils.htm {{ref-en}}
* http://www.cs.toronto.edu/~cosmin/pngtech/optipng/ {{ref-en}}
* http://entropymine.com/jason/pngrewrite/ {{ref-en}}
* http://pmt.sourceforge.net/pngcrush/ {{ref-en}}

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