ВП:Иллюстрирование

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

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

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

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

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

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

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

Или

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

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

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

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

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

Расположение на странице[править]

Справа[править]

Герб Москвы

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

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

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

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

Двух и более изображений[править]

Способ 1[править]

Файл 1

Файл 2

Файл:Landschafts Duisburg-Nord - Hochofen 5 - Cowper.jpg

Файл 3

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

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

Способ 2[править]

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

Файл 1

Файл:Landschafts Duisburg-Nord - Hochofen 5 - Cowper.jpg

Файл 2

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

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

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

Файл 1

Файл:Landschafts Duisburg-Nord - Hochofen 5 - Cowper.jpg

Файл 2

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

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

Способ 3[править]

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

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

Изображение 1

Изображение 1

Изображение 2

Слева[править]

Герб Москвы

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

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

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

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

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

Двух и более изображений[править]

Способ 1[править]

Файл 1

Файл 2

Файл 3

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

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

Способ 2[править]

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

Файл 1

Файл 2

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

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

Способ 3[править]

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

В центре[править]

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

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

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

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

Двух и более изображений[править]

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

Файл 1

Файл 2

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

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

Окончание обтекания[править]

Для пометки окончания обтекающего изображение текста используйте специальный HTML-код:

<br clear="all" />

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

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

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