Изображения
Содержание
Поддерживаемые типы изображений
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:, изображение не будет внедрено, и получившаяся ссылка будет вести на страницу описания этого файла.