Изображения — различия между версиями

Текущая версия на 17:28, 8 августа 2018

Поддерживаемые типы изображений

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

• .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 — Изменяет размер изображения в соответствии с разумными размерами, в зависимости от предпочтений пользователя (подходит для изображений, высота которых больше ширины).

Пример: 200px - изображение будет размеров в 200px.

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

Стандартный максимальный размер зависит от формата, и внутренних размеров изображения (в зависимости от его медиа-типа).

Параметр горизонтального выравнивания: один из left, right, center, none;

• Управляют горизонтальным выравниванием (встроенными/блочными или плавающими стилями) изображения в тексте (по умолчанию пусто).

Параметр вертикального выравнивания: один из baseline, sub, super, top, text-top, middle, bottom, text-bottom;

• Управляют вертикальным выравниванием без плавающих встроенных изображений в тексте, до или после изображения, и в том же блоке (по умолчанию middle).

Пример: center - изображение будет выровнено по центру.

Параметр ссылки:

• link={цель} — Позволяет изменять цель (к произвольной странице или URL) генерируемых ссылок, доступных для отображаемых изображений.

Пример: Файл:Цветок.jpg - при нажатии на изображение, вас перекинет на статью Цветы.

Обратите внимание, что параметр link не может быть использован в сочетании с thumb или thumbnail, так как thumb всегда ссылается на большую версию изображения.

Вдобавок, параметр link не может быть использован в сочетании с frame.

Другие конкретные параметры:

• alt={альтернативный текст} — Определяет альтернативный текст изображения, который будут выведен, если указанное изображение не может быть загружено или если необходимо использовать альтернативный текст описания.

Пример: Файл:Цветок.jpg - если изображение не отображается, вы увидите слово Цветок.

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

• Подпись - подпись - при наведении на рисунок будет выводиться слово подпись.
• Рамка - подпись - даёт в результате тонкую серую рамку.
• Врезка - подпись - обеспечивает поля, рамку и отображение подписи под изображением.
• Миниатюра - подпись - то же, что врезка, но с уменьшенным изображением.
• Без врезки - подпись - то же, что миниатюра, но с шириной, установленной в персональных настройках, без полей и без выравнивания по правому краю.
• Без врезки, но с рамкой - подпись
• Внутренняя ссылка - подпись
• Внешняя ссылка - Файл:Example.jpg
• Без ссылки - подпись - без ссылки (внешней или на страницу описания)

Галерея изображений

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

<gallery>
Файл:имя_файл.расширение|подпись
Файл:имя_файл.расширение|подпись
</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>

Ссылки

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

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