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

Материал из Вики-КОБ (Концепция общественной безопасности)
Перейти к: навигация, поиск

Справочная система «Вики-КОБ»

ОбщаяФорматированиеСноскиТаблицыИзображенияВидеоСпециальные символыИсточникиЭталон оформления

Загрузка изображений доступна только зарегистрированным участникам, для её осуществления нужно в панели инструментов слева нажать ссылку «Загрузить файл».

Вставка изображения в статью

Вставка ссылки на изображение

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

[[:Файл:Заготовка.png]]

Файл:Заготовка.png

Простая вставка

Чтобы просто вставить загруженное изображение в статью, достаточно указать ссылку на него (оно будет воспроизводиться слева в полную величину, а текст начинаться ниже его):

[[Файл:Имя файла]]

Заготовка.png

Вставка с альтернативным текстом и подсказкой

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

[[Файл:Заготовка.png|Альтернативный текст для изображений]]

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

Вставка в рамке

Рамку создаёт атрибут «border» (удобна для изображений с белыми полями):

[[Файл:ДОТУ.Рис.5.png|border|ДОТУ.Рис.5]]

ДОТУ.Рис.5

Вставка в рамке с подписью

Атрибут «frame» заключает изображение в рамку и смещает изображение вправо. В области «Пояснительная подпись» можно применять wiki-разметку. Пояснительная подпись одновременно выполняет вышеописанные функции альтернативного текста:

Подпись
[[Файл:Заготовка.png|frame|Подпись]]


Вставка в рамке с подписью и уменьшением размеров

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

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

[[Файл:ДОТУ.Рис.1.png|thumb|Пояснительная подпись]]

Вставка с указанием размера

Укажите требуемую ширину в пикселах в формате ЧИСЛОрх:

[[Файл:ДОТУ.Рис.1.png|100px|Пояснительная подпись]]

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

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

[[Файл:ДОТУ.Рис.1.png|200x100px|Пояснительная подпись]]

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

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

Эти же атрибуты можно использовать совместно с атрибутом «thumb» — тогда «thumb» добавит рамку и подпись, но не будет влиять на размер:

[[Файл:ДОТУ.Рис.1.png|thumb|100px|Пояснительная подпись]]


Пояснительная подпись
[[Файл:ДОТУ.Рис.1.png|thumb|200x75px|Пояснительная подпись]]




Вставка с выравниванием

Изображение без рамки можно разместить справа атрибутом «right», слева атрибутом «left» и по центру атрибутом «center»:

Пояснительная подпись
[[Файл:ДОТУ.Рис.1.png|right|100px|Пояснительная подпись]]

Эти атрибуты можно использовать совместно с рамками «border», «frame» и «thumb»:

[[Файл:ДОТУ.Рис.1.png|thumb|center|100px|Подпись]]
Подпись

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

Файл 1
Файл 2
Файл 3

Для размещения двух и более изображений справа в одну горизонтальную линию используется тег:

<div class="tright" style="clear:none">файл</div>

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

<div class="tright" style="clear:none">[[Файл:Заготовка.png|thumb|Файл 1]]</div>
<div class="tright" style="clear:none">[[Файл:Заготовка.png|thumb|Файл 2]]</div>
<div class="tright" style="clear:none">[[Файл:Заготовка.png|thumb|Файл 3]]</div>


Файл 1
Файл 2
Файл 3

Для размещения нескольких изображений слева в одну горизонтальную линию используется тег:

<div class="tleft" style="clear:none">файл</div>


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

<div class="tleft" style="clear:none">[[Файл:Заготовка.png|thumb|Файл 1]]</div>
<div class="tleft" style="clear:none">[[Файл:Заготовка.png|thumb|Файл 2]]</div>
<div class="tleft" style="clear:none">[[Файл:Заготовка.png|thumb|Файл 3]]</div>


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

без „px“-, но с параметром „upright“

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

[[Файл:Смена_логики_социального_поведения.jpg|thumb|upright|без „px“-, но с параметром „upright“]]

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

[[Файл:Смена_логики_социального_поведения.jpg|thumb|upright=0.5|без „px“-, но с параметром „upright=0.5“]]


Файл:Организационно-технологический подход. Рисунок.png
Организационно-технологический подход

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

[[Файл:Организационно-технологический_подход._Рисунок.png|thumb|upright=1.8|Организационно-технологический подход]]

Вставка галереи

Пока здесь.

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

Тег окончания обтекания изображения текстом

Подпись

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

<br style="clear:both" />


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

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

Пока здесь.

Ссылки на частях изображения

Параметры:
desc Определяет положение ссылки на описание изображения. Возможные варианты: top-right, bottom-right, bottom-left, top-left или none. Помещает голубой значок «i» со ссылкой на страницу описания изображения в выбранный угол. По умолчанию значение параметра bottom-right. Чтобы скрыть ссылку на описание, выберите значение none.
rect Прямоугольник. Параметры — координаты левого верхнего и правого нижнего углов, за ними следует ссылка в квадратных скобках.
circle Круг. Первые два параметра — координаты центра, третий — радиус, за ними следует ссылка в квадратных скобках.
poly Многоугольник. Параметры — координаты углов, за ними следует ссылка в квадратных скобках. Многоугольники должны быть заданы прежде всех других фигур!
default Определяет ссылку по умолчанию в тех местах, где не заданы другие регионы.
Пример (нажмите книгу в руках В.Ю.Суркова):
Смута на РусиПрогрессирующий_«стабилизец»
Описание изображения
<imagemap>
Файл:Прогрессирующий_«стабилизец».Рис.jpg|250px|Прогрессирующий_«стабилизец»
poly 300 271 392 208 442 251 434 264 371 299 293 320 [[Смута на Руси]]
# Комментарий. Эта строчка игнорируется
desc bottom-right
</imagemap>