Справка:Изображения

Материал из энциклопедии "Вики-Поляны"
Версия от 19:28, 17 ноября 2014; Admin (обсуждение | вклад)

(разн.) ← Предыдущая | Текущая версия (разн.) | Следующая → (разн.)
Перейти к: навигация, поиск
Справочное руководство
Правила сайта
Регистрация
Страница участника
Личные данные
Авторские права
Первоисточники
Защита страниц
Загрузка файлов
Справочник по
редактированию статей
Создание статьи
Именование статьи
Викификация
Вики-разметка
Изображения
Таблицы
Цвета HTML
Библиографический список

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

Вид кода:

[[Файл:Example.jpg]]

Получится:

Example.jpg

«По умолчанию» изображение будет воспроизводиться слева в полную величину, а текст начинаться ниже его.

Если вы хотите дать только ссылку на изображение, не воспроизводя его на странице, то поставьте двоеточие перед словом «Файл»:

[[:Файл:Example.jpg]]
.

Щелчок на такую надпись загружает страницу самого изображения. Вот попробуйте: Файл:Example.jpg.

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

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

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

[[Файл:Example.jpg|frame|Пояснительная подпись]]

Он заключает изображение в рамку и смещает изображение вправо. В области «Пояснительная подпись» можно применять вики-разметку.

Другим вариантом для подписи к изображению является использование таблицы с class-атрибутом «rimage»:

{| class=rimage
|[[Файл:Example.jpg]]
|-
|''Подпись <br>под изображением.''
|}

В отличие от «frame», этот атрибут не создаёт рамку вокруг изображения, прижимает всю таблицу влево. Такая подпись не используется в качестве альтернативного текста для изображения, поэтому его можно задать отдельно.

Получится:

Example.jpg
Подпись
под изображением

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

Подпись под рисунком

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

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

[[Файл:Example.jpg|thumb|Подпись под рисунком]]


Альтернативный текст для изображений

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

[[Файл:Example.jpg|100px|Альтернативный текст для изображений]]


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

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

[[Файл:Example.jpg|thumb|200x100px|Пояснительная подпись]]

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

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

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

Смещение вправо

Example.jpg

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

[[Файл:Example.jpg|150px|right|]]

Текст, следующий за таким изображением, обтекает его слева. Не забудьте поставить вертикальную чёрточку «|» после слова «right»: это нужно для того, чтобы оно не воспринималось как альтернативный текст для изображения.

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

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

[[Файл:Example.jpg|150px|right|Пояснительная подпись]]


Смещение влево

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

Чтобы прижать изображение к левому краю страницы, используйте атрибут «left» или «none». Это работает в том числе и для изображений с атрибутом «frame» или «thumb». Пример:

[[Файл:Example.jpg|150px|thumb|left|Пояснительная подпись]]

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

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

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

<br clear="both" />

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

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

Для расположения изображения в центре страницы следует использовать атрибут «center». Пример:

[[Файл:Example.jpg|150px|thumb|center|Пояснительная подпись]]
Пояснительная подпись

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

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

Галереи

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

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

<gallery>
Файл:Example.jpg|Теленок
Файл:Example.jpg|Курицы 
Файл:Example.jpg|Овцы 
Файл:Example.jpg|Гуси
</gallery>

Пример более изощрённого синтаксиса.

<gallery caption='Моё подворье!'>
Вместо изображений в галерею можно также вставлять текст
Файл:Example.jpg|Теленок
Файл:Example.jpg|Курицы 
Файл:Example.jpg|Овцы 
</gallery>

Размещение на странице изображений со сторонних ресурсов

Если из-за авторских ограничений нет возможности загрузить изображение, уже размещённое в Сети на другом ресурсе, можно разместить его в Вики-Полянах по прямой ссылке:

http://vpkraeved.narod.ru/im/azimut.gif

azimut.gif

Сдвиг такого изображения вправо/влево производится в пределах абзаца с помощью атрибутов right/left:

<p align="right">http://vpkraeved.narod.ru/im/azimut.gif</p>

azimut.gif

Размещение изображения, взятого "со стороны", по центру:

<center>http://vpkraeved.narod.ru/im/azimut.gif</center>
azimut.gif

У такого способа размещения изображений одно неудобство: текст не обтекает изображение.

Положительные стороны: экономия времени, простота добавления, лёгкость удаления.

Размещение изображения по прямой ссылке работает не на всех вики-сайтах с движком MediaWiki.