Help:Images/ru

From MediaWiki.org
Jump to: navigation, search
PD Внимание: Когда вы редактируете эту страницу, вы соглашаетесь на передачу своего вклада по лицензии CC0. Узнать об этом подробнее можно на странице Public Domain Help Pages.
PD

Эта страница объясняет синтаксис использования изображений при редактировании вики-сайта. Обычно требуется, чтобы вы или другой участник загрузили изображение перед тем, как использовать его на вики-странице.

Изображения, которые хранятся на сервере MediaWiki, обычно предоставляются с помощью префикса пространства имён Файл: (также унаследован префикс пространства имён Изображение:, который до сих пор поддерживается как синоним) в качестве целевой ссылки MediaWiki. Альтернативный префикс пространства имён Медиа:, используется для ссылки на оригинальный медиафайл (для отдельного предоставления или скачивания с любой страницы MediaWiki).

Поддерживаемые медиа-типы изображений[edit | edit source]

Mediawiki подерживает по умолчанию следующие форматы графических файлов:

  • .jpg или.jpeg: сжатое растровое изображение в стандартном формате JPEG (формат с потерями, лучше всего подходит для фотографий).
  • .png: растровое изображение в формате Portable Network Graphics (специфицирован консорциумом W3).
  • .gif: растровое изображение в унаследованном формате Graphics Interchange Format.

Другие форматы, используемые Викимедиа, и обычно включаемые в других проектах (Они могут требовать установки дополнительных модулей сверх того, что включено по умолчанию):

  • .svg: масштабируемое изображение в формате Standard Vector Graphics (специфицирован консорциумом W3). См. Manual:Image_Administration/ru#SVG.
  • .tiff: формат хранения растровых графических изображений (от англ. Tagged image format). Часто используется для архивных фотографий с высоким разрешением. Часто используется с расширением Extension:PagedTiffHandler (англ.)
  • .ogg, .oga, .ogv : Мультимедиаконтейнер Ogg (аудио или видео). Не формат изображений, но обрабатывается аналогично. Часто используется с расширением Extension:OggHandler (англ.)
  • .pdf: многостраничный документ в формате Portable Document Format (первоначально специфицирован компанией Adobe). Часто используется в сочетании с расширением Extension:PdfHandler (англ.)
  • .djvu: многостраничный растровый документ в формате DejaVut (чаще всего, сканы книг). См. Manual:How to use DjVu with MediaWiki (англ.)
    По умолчанию будут показаны лишь первые страницы .PDF и .DjVu файлов.

Другие медиа-типы могут не поддерживаться в зависимости от вашей версии MediaWiki. Обычно они могут быть загружены, но не могут быть показаны на странице, пока не будет установлено соответствующее расширение.

Отображение одного изображения[edit | edit source]

Синтаксис[edit | edit source]

Полный синтаксис для отображения изображений:

[[File:имя файла.расширение|параметр|заголовок]]

раздел «параметры» может отсутствовать или содержать следующие значения, разделенные символом «|»:

  • Параметр формата: один из border and/or frameless, frame, thumb (или thumbnail);
    Управляют форматированием и встраиванием изображения в остальную часть страницы.
  • Параметр размера: один из
    • {ширина}px — Изменяет размер изображения в соответствии максимальной шириной в пикселях, не ограничивая его высоту;
    • x{высота}px — Изменяет размер изображения в соответствии максимальной высотой в пикселях, не ограничивая его ширину;
    • {ширина}x{высота}px — Изменяет размер изображения в соответствии в заданной шириной и высотой в пикселях;
    • upright — Изменяет размер изображения в соответствии с разумными размерами, в зависимости от предпочтений пользователя (подходит для изображений, высота которых больше ширины).
    Обратите внимание, что изображение всегда будет сохранять свои пропорции, и может быть уменьшено (не увеличено) в размере, только если находится в масштабируемом медиа-типе (растровые изображения не могут быть масштабированы).
    Стандартный максимальный размер зависит от формата, и внутренних размеров изображения (в зависимости от его медиа-типа).
  • Параметр горизонтального выравнивания: один из left, right, center, none;
    Управляют горизонтальным выравниванием (встроенными/блочными или плавающими стилями) изображения в тексте (по умолчанию пусто).
  • Параметр вертикального выравнивания: один из baseline, sub, super, top, text-top, middle, bottom, text-bottom;
    Управляют вертикальным выравниванием без плавающих встроенных изображений в тексте, до или после изображения, и в том же блоке (по умолчанию middle).
  • Параметр ссылки: один из
    • link={цель} — Позволяет изменять цель (к произвольной странице или URL) генерируемых ссылок, доступных для отображаемых изображений;
    • link= (без значения) — (MediaWiki 1.14+) Отображение изображения без каких-либо ссылок, например, [[File:Example.jpg|20px|link=]] отобразится как Example.jpg.
    Обратите внимание, что параметр link не может быть использован в сочетании с thumb или thumbnail, так как thumb всегда ссылается на большую версию изображения.
    Вдобавок, параметр link не может быть использован в сочетании с frame.
  • Другие конкретные параметры:
    • alt={альтернативный текст} — (MediaWiki 1.14+) Определяет альтернативный текст (отображается на HTML-атрибут alt="..." генерируемого кода <image />) изображения, который будут выведен, если указанное изображение не может быть загружено и встроенные, или, если необходимо использовать альтернативный текст описания (например, при использовании шрифта Брайля).
    • page={число} — Отображает указанный номер страницы (в настоящее время применяется только при показе .DjVu или .PDF файлов).

Параметры могут быть указаны в любом порядке. Если параметры конфликтуют друг с другом, применяется последний, за исключением параметров формата, в которых параметры принимают приоритет по порядку frame, thumb, и frameless и/илиborder.

If a given option does not match any of the other possibilities, it is assumed to be the caption text. Caption text can contain wiki links or other formatting. If no caption text is supplied a caption is automatically created showing the file name; to completely remove the caption, set it to <span title=""></span>. For example, [[File:Example.jpg|20px|<span title=""></span>]].


Формат[edit | edit source]

Следующая таблица показывает эффект от применения всех доступных форматов.

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

Обратите внимание, что в письменном виде thumb={имя файла}, вы можете использовать различные изображения для миниатюры.

Размер и рамка[edit | edit source]

Среди различных форматов, параметры размера могут быть разными, как показано ниже.

  • О том, как отображается, если его размер не указан, см. раздел «Формат» выше.
  • Если формат не указан, или указан только border, размер может быть уменьшен и расширен с любым заданным размером.
  • В примерах ниже, оригинальный размер изображения составляет 400 × 267 пикселей.
  • Изображение с frame всегда игнорирует указанный размер, исходное изображение будет уменьшено, если оно превышает максимально допустимый размер определенный в пользовательских настройках.
  • Размер изображения с thumb и frameless может быть уменьшен, но не может быть увеличен за пределы первоначального размера изображения.
Формат Уменьшенный Увеличенный
(не определено)
[[File:Example.jpg|50px]]

Example.jpg

[[File:Example.jpg|200px]]

Example.jpg


border
[[File:Example.jpg|border|50px]]

Example.jpg

[[File:Example.jpg|border|200px]]

Example.jpg


frame
[[File:Example.jpg|frame|50px]]
Example.jpg
[[File:Example.jpg|frame|200px]]
Example.jpg


thumb
[[File:Example.jpg|thumb|50px]]
Example.jpg
[[File:Example.jpg|thumb|200px]]
Example.jpg


frameless
[[File:Example.jpg|frameless|50px]]

Example.jpg

[[File:Example.jpg|frameless|200px]]

Example.jpg

Горизонтальное выравнивание[edit | edit source]

Заметьте, что при использовании frame или thumb, по умолчанию действует выравнивание по правому краю (right).

Описание Формат Результат
выравнивание не определено, действуют значения по умолчанию
... текст текст текст
[[File:example.jpg|подпись]]
текст текст текст ...

текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст подпись текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст


выравнивание определено как отсутствующее
... текст текст текст
[[File:example.jpg|none|подпись]]
текст текст текст ...

текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст

подпись

текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст


по центру
... текст текст текст
[[File:example.jpg|center|подпись]]
текст текст текст ...

текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст

подпись

текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст


по левому краю
... текст текст текст
[[File:example.jpg|left|подпись]]
текст текст текст ...

текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст

подпись

текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст


по правому краю
... текст текст текст
[[File:example.jpg|right|подпись]]
текст текст текст ...

текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст

подпись

текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст

Вертикальное выравнивание[edit | edit source]

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

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

<p style="border:1px solid #AAA;background:#FF0;padding:0;font-size:150%;line-height:2">
<span style="background:#FFF;color:#000;text-decoration:overline"><u><del>текст</del>
'''top:''' [[File:Example.jpg|20px|top]] [[File:Example.jpg|40px|top]] [[File:Example.jpg|40px|border|top]]
<del>текст</del></u></span></p>

<p style="border:1px solid #AAA;background:#FF0;padding:0;font-size:150%;line-height:2">
<span style="background:#FFF;color:#000;text-decoration:overline"><u><del>текст</del>
'''text-top:''' [[File:Example.jpg|20px|text-top]] [[File:Example.jpg|40px|text-top]] [[File:Example.jpg|40px|border|text-top]]
<del>текст</del></u></span></p>

<p style="border:1px solid #AAA;background:#FF0;padding:0;font-size:150%;line-height:2">
<span style="background:#FFF;color:#000;text-decoration:overline"><u><del>текст</del>
<sup>super:</sup> [[File:Example.jpg|20px|super]] [[File:Example.jpg|40px|super]] [[File:Example.jpg|40px|border|super]]
<del>текст</del></u></span></p>

<p style="border:1px solid #AAA;background:#FF0;padding:0;font-size:150%;line-height:2">
<span style="background:#FFF;color:#000;text-decoration:overline"><u><del>text</del>
'''baseline:''' [[File:Example.jpg|20px|baseline]] [[File:Example.jpg|40px|baseline]] [[File:Example.jpg|40px|border|baseline]]
<del>текст</del></u></span></p>

<p style="border:1px solid #AAA;background:#FF0;padding:0;font-size:150%;line-height:2">
<span style="background:#FFF;color:#000;text-decoration:overline"><u><del>текст</del>
<sub>'''sub:'''</sub> [[File:Example.jpg|20px|sub]] [[File:Example.jpg|40px|sub]] [[File:Example.jpg|40px|border|sub]]
<del>текст</del></u></span></p>

<p style="border:1px solid #AAA;background:#FF0;padding:0;font-size:150%;line-height:2">
<span style="background:#FFF;color:#000;text-decoration:overline"><u><del>текст</del>
'''default:''' [[File:Example.jpg|20px]][[File:Example.jpg|40px]] [[File:Example.jpg|40px|border]]
<del>текст</del></u></span></p>

<p style="border:1px solid #AAA;background:#FF0;padding:0;font-size:150%;line-height:2">
<span style="background:#FFF;color:#000;text-decoration:overline"><u><del>текст</del>
'''middle:''' [[File:Example.jpg|20px|middle]] [[File:Example.jpg|40px|middle]] [[File:Example.jpg|40px|border|middle]]
<del>текст</del></u></span></p>

<p style="border:1px solid #AAA;background:#FF0;padding:0;font-size:150%;line-height:2">
<span style="background:#FFF;color:#000;text-decoration:overline"><u><del>текст</del>
'''text-bottom:''' [[File:Example.jpg|20px|text-bottom]] [[File:Example.jpg|40px|text-bottom]] [[File:Example.jpg|40px|border|text-bottom]]
<del>текст</del></u></span></p>

<p style="border:1px solid #AAA;background:#FF0;padding:0;font-size:150%;line-height:2">
<span style="background:#FFF;color:#000;text-decoration:overline"><u><del>текст</del>
'''bottom:'' [[File:Example.jpg|20px|bottom]] [[File:Example.jpg|40px|bottom]] [[File:Example.jpg|40px|border|bottom]]
<del>текст</del></u></span></p>

в результате получится следующее:

текст top: Example.jpg Example.jpg Example.jpg текст

текст text-top: Example.jpg Example.jpg Example.jpg текст

текст super: Example.jpg Example.jpg Example.jpg текст

текст baseline: Example.jpg Example.jpg Example.jpg текст

текст sub: Example.jpg Example.jpg Example.jpg текст

текст default: Example.jpg Example.jpg Example.jpg текст

текст middle: Example.jpg Example.jpg Example.jpg текст

текст text-bottom: Example.jpg Example.jpg Example.jpg текст

текст bottom: Example.jpg Example.jpg Example.jpg текст

Прекращение обтекания текстом[edit | edit source]

В некоторых случаях желательно останавливать обтекание текстом плавающего (или других встроенных не-плавающих изображений) изображения. В зависимости от разрешения экрана в браузере и обтекание текста справа от изображения может привести к тому, что заголовок раздела (например, == Мой заголовок ==) окажется справа от изображения, а не под ним, как пользователь может ожидать. Обтекание текстом может быть остановлено путем размещения <br style="clear: both" /> перед текстом, который должен начаться ниже плавающего изображения.

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

Изменение стандартной целевой ссылки[edit | edit source]

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

Предупреждение:

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

Галереи[edit | edit source]

Галерея изображений[edit | edit source]

Создать галерею уменьшенных изображений с помощью тега <gallery> довольно легко. Его синтаксис таков:

<gallery>
Image:имя_файл.расширение|подпись
Image:имя_файл.расширение|подпись
{...}
</gallery>

Заметьте, что код изображения не заключается в квадратные скобки, когда он находится внутри тега галереи.

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

Например:

<gallery>
File:Example.jpg|Пункт 1
File:Example.jpg|Ссылка на [[Help:Contents/ru|Справку]]
File:Example.jpg
File:Example.jpg
File:Example.jpg|''Курсив''
File:Example.jpg|на странице "{{PAGENAME}}"
</gallery>

будет выглядеть так:

Способы отображения[edit | edit source]

MediaWiki version: 1.22

В версии движка MediaWiki 1.22 введён экспериментальный параметр для галерей — mode. С его помощью возможно выбрать один из режимов отображения галерей:

  • traditional — галереи традиционного вида с рамкой вокруг изображений и ячейками одинаковой ширины;
  • nolines — галереи без рамки но в ячейках одинаковой ширины;
  • packed — ряды изображений, выровненных по высоте с равными промежутками. Ширина галереи может подстраиваться под текущее разрешение экрана. Подписи располагаются под изображениями;
  • packed-overlay — аналогично packed, но подписи располагаются поверх изображений в белых рамках;
  • packed-hover — аналогично packed-overlay, но подписи появляются только при наведении курсора мыши на изображение.

Примеры:

<gallery mode="packed-hover">
Image:Astronotus_ocellatus.jpg|''[[commons:Astronotus ocellatus|Astronotus ocellatus]]'' (Oscar)
Image:Salmonlarvakils.jpg|''[[commons:Salmo salar|Salmo salar]]'' (Salmon Larva)
Image:Georgia Aquarium - Giant Grouper.jpg|''[[commons:Epinephelus lanceolatus|Epinephelus lanceolatus]]'' (Giant grouper)
Image:Pterois volitans Manado-e.jpg|''[[commons:Pterois volitans|Pterois volitans]]'' (Red Lionfish)
Image:Macropodus opercularis - front (aka).jpg|''[[commons:Macropodus opercularis|Macropodus opercularis]]'' (Paradise fish)
Image:Canthigaster valentini 1.jpg|''[[commons:Canthigaster valentini|Canthigaster valentini]]'' (Valentinni's sharpnose puffer)
Image:Flughahn.jpg|[[Image:POTY ribbon 2007.svg|25px]] ''[[commons:Dactylopterus volitans|Dactylopterus volitans]]'' (Flying gurnard)
Image:Fishmarket 01.jpg|''[[commons:Semicossyphus pulcher|Semicossyphus pulcher]]'' (California Sheephead)
Image:Pseudorasbora parva(edited version).jpg|''[[commons:Category:Pseudorasbora parva|Pseudorasbora parva]]'' (Topmouth gudgeon)
Image:MC Rotfeuerfisch.jpg|''[[commons:Category:Pterois antennata|Pterois antennata]]'' (Antennata Lionfish)
Image:Cleaning station konan.jpg|''[[commons:Novaculichthys taeniourus|Novaculichthys taeniourus]]''
Image:Synchiropus splendidus 2 Luc Viatour.jpg|''[[commons:Synchiropus splendidus|Synchiropus splendidus]]'' (Mandarin fish)
File:Psetta maxima Luc Viatour.jpg|''[[commons:Psetta maxima|Psetta maxima]]'' (Turbot)
File:Australian blenny.jpg|''[[commons:Category:Ecsenius|Ecsenius axelrodi]]''
</gallery>

Даст (в режиме: packed-hover):

Другие способы отображения галерей:

mode="traditional"

mode="nolines"

mode="packed"

mode="packed-overlay"

Параметры[edit | edit source]

Тег галереи имеет несколько дополнительных параметров:

<gallery {параметры}>
{изображения}
</gallery>
  • caption={подпись}: задаёт подпись к галерее.
  • widths={ширина}px: задаёт ширину изображений.
  • heights={высота}px: задаёт (максимальную) высоту изображений.
  • perrow={целое число}: задаёт количество изображений в строке.

Пример:

Код:

<gallery widths=60px heights=60px perrow=7 caption="потрясающие подсолнухи">
File:Example.jpg
File:Example.jpg
File:Example.jpg
File:Example.jpg
File:Example.jpg
File:Example.jpg
File:Example.jpg
File:Example.jpg
File:Example.jpg
File:Example.jpg
</gallery>

Результат:

Ссылки[edit | edit source]

Ссылка на страницу описания[edit | edit source]

Если вы поместите внутри ссылки символ двоеточия (:) перед File:, изображение не будет внедрено, и получившаяся ссылка будет вести на страницу описания этого файла.

[[:File:Example.jpg]]
[[:File:Example.jpg|Подсолнухи]]

даст результат

File:Example.jpg Подсолнухи

Ссылка на другую страницу[edit | edit source]

Показанный ниже код позволяет создать изображение шириной 50px ссылка с которого ведёт на страницу MediaWiki/ru:

[[File:Wiki.png|50px|link=MediaWiki/ru]]

Wiki.png

Прямая ссылка на файл[edit | edit source]

Вы можете использовать псевдо-пространство имён «Media» для прямых ссылок на файлы, минуя их страницы описания.

[[Media:Example.jpg]]
[[Media:Example.jpg|Подсолнухи]]

даст результат

Media:Example.jpg Подсолнухи

Вы также можете использовать: 

[[Special:FilePath/Example.jpg]]

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

{{FILEPATH:Example.jpg}}

для генерации корректных внешних URL на файлы, который будет обработан следующим образом: //upload.wikimedia.org/wikipedia/mediawiki/a/a9/Example.jpg

Результаты[edit | edit source]

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


Файлы на других веб-сайтах[edit | edit source]

Вы можете ссылаться на внешние файлы, используя тот же самый синтаксис, что и для ссылок на внешние веб-страницы.

[http://url.for/some/image.png]

Или задать текст описания:

[http://url.for/some/image.png текст с описанием ссылки]

Вы также можете внедрять внешние изображения, если эта возможность включена в вашем вики-проекте (см. Manual:$wgAllowExternalImages). Для этого просто вставьте URL такого файла:

http://url.for/some/image.png
Язык: English  • العربية • català • čeština • Deutsch • Zazaki • español • suomi • français • Bahasa Indonesia • italiano • 日本語 • 한국어 • português • português do Brasil • română • русский • slovenčina • Tiếng Việt • 中文