Викимо:Руководство по использованию изображений

Материал из Викиэнциклопедия Московской областей

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

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

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

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

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


Отображение одного изображения[править | править код]

Синтаксис[править | править код]

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

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

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

  • Параметр формата: один из 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= (без значения) — Отображение изображения без каких-либо ссылок, например, [[File:Example.jpg|20px|link=]] отобразится как Example.jpg.
    Обратите внимание, что параметр link не может быть использован в сочетании с thumb или thumbnail, так как thumb всегда ссылается на большую версию изображения.
    Вдобавок, параметр link не может быть использован в сочетании с frame.
  • Другие конкретные параметры:
    • alt={альтернативный текст} — Определяет альтернативный текст (отображается на HTML-атрибут alt="..." генерируемого кода <image />) изображения, который будут выведен, если указанное изображение не может быть загружено и встроенные, или, если необходимо использовать альтернативный текст описания (например, при использовании шрифта Брайля).

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


Размер и рамка[править | править код]

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

  • О том, как отображается, если его размер не указан, см. раздел «Формат» выше.
  • Если формат не указан, или указан только border, размер может быть уменьшен и расширен с любым заданным размером.
  • В примерах ниже, оригинальный размер изображения составляет 400 × 267 пикселей.
  • Изображение с frame всегда игнорирует указанный размер, исходное изображение будет уменьшено, если оно превышает максимально допустимый размер определенный в пользовательских настройках.
  • Размер изображения с thumb и frameless может быть уменьшен, но не может быть увеличен за пределы первоначального размера изображения.

Горизонтальное выравнивание[править | править код]

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

Прекращение обтекания текстом[править | править код]

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

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

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

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

Галереи[править | править код]

Галерея изображений[править | править код]

Создать галерею уменьшенных изображений с помощью тега <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>

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


Параметры[править | править код]

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

<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>

Результат:

Ссылки[править | править код]

Ссылка на страницу описания[править | править код]

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

[[:Файл:MediaWiki:Image sample]]
[[:Файл:MediaWiki:Image sample|Подсолнухи]]

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

[[:Файл:MediaWiki:Image sample]] [[:Файл:MediaWiki:Image sample|Подсолнухи]]

Внешние ссылки[править | править код]

Данная страница основана на адаптированном варианте руководства по использованию изображений в Mediawiki. Более подробную информацию об использовании изображений Вы можете получить на оригинальной странице, которая постоянно обновляется разработчиками этого движка.