Крымология:Изображения

Материал из Крымологии
Перейти к: навигация, поиск

Загрузка файла в Крымологию

На панели слева страницы:Инструменты\Загрузить файл

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

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

Чтобы вставить загруженное изображение в статью, достаточно указать ссылку на него: [[Файл:Имя файла]].

Крымология

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

Альтернативный текст

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Или

[[Файл:Gora Sokol.jpg|thumb|100px|Пояснительная подпись]]

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

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

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

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

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

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

Гора Сокол

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

[[Файл:Gora Sokol.jpg|right|100px]]

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

[[Файл:Gora Sokol.jpg|right|100px|Герб Москвы]]


Двух и более изображений
Файл 1
Файл 2
Файл 3

Для размещения двух и более изображений справа в одну горизонтальную линию используется тег <div class="tright" style="clear:none">файл</div>.

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

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


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

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

[[Файл:Gora Sokol.jpg|left]]

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

[[Файл:Gora Sokol.jpg|thumb|left|100px|Герб Москвы]]

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

Двух и более изображений
Файл 1
Файл 2
Файл 3

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

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

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

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


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

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

<br style="clear:both" />

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

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

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

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

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

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



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