На этой странице приведены инструкции по редактированию английской Википедии . Это общепринятый стандарт, которому редакторы должны стараться следовать, хотя с ним лучше всего обращаться со здравым смыслом , и в некоторых случаях могут применяться исключения . Любое существенное изменение этой страницы должно отражать консенсус . В случае сомнений сначала обсудите на странице обсуждения . |
Это руководство по редактированию документирует синтаксис, используемый для вставки изображений и других мультимедийных файлов на страницы Википедии. Один и тот же синтаксис используется независимо от того, из Википедии или Викисклада находится файл . Новым редакторам рекомендуется также ознакомиться с учебным пособием по изображениям и простым руководством для начинающих .
Краткий синтаксис
Вкратце, синтаксис отображения изображения таков:[[File:Name|Type|Border|Location|Alignment|Size|link=Link|alt=Alt|page=Page|lang=Langtag|Caption]]
Plain type
означает, что вы всегда печатаете именно то, что видите.Bolded italics
означает переменную.
Требуется только имя . Большинство изображений должны использовать " " и не должны указывать размер. Остальные данные не являются обязательными и могут быть размещены в любом порядке.[[File:Name|thumb|alt=Alt|Caption]]
- Тип
- "
thumb
" (или "thumbnail
"; за любым может следовать " "), " " (или " ") или " ". Отображает изображение с определенным форматированием (см. Ниже).=filename
frame
framed
frameless
- Граница
- "
border
". Обведите изображение небольшой рамкой. - Место расположения
- "
right
", "left
", "center
" или "none
". Определите горизонтальное расположение изображения на странице. По умолчаниюright
для эскизов и изображений в рамке установлено значение "". - Выравнивание
- "
baseline
", "middle
", "sub
", "super
", "text-top
", "text-bottom
", "top
" или "bottom
". Выровняйте изображение по вертикали относительно смежного текста. По умолчанию это "middle
". - Размер
- "
upright
" или " ". Масштабируйте миниатюру от ее размера по умолчанию на заданный коэффициент (по умолчанию 0,75), округляя результат до ближайшего кратного 10 пикселей. Параметр " " должен использоваться вместе с параметром " " или " ". В качестве альтернативы и только в случае крайней необходимости пользовательские предпочтения могут не приниматься во внимание, а размер изображения фиксироваться путем указания размера в пикселях: « Ширина » или « Высота » или « Ширина- высота ». Масштабируйте изображение так, чтобы оно не превышало заданную ширину или высоту, сохраняя его соотношение сторон. Увеличение масштаба (т.е. растягивание изображения до большего размера) отключено, когда изображение помещено в рамку.upright=factor
upright
thumb
frameless
px
x
px
x
px
- Связь
- Свяжите изображение с другим ресурсом или ни с чем.
- Alt
- Укажите замещающий текст для изображения. Это предназначено для читателей с ослабленным зрением. Смотрите WP: ALT, чтобы узнать, как это обычно должно отличаться от подписи.
- Страница
- Укажите страницу, отличную от 1, для использования в качестве эскиза в многостраничных файлах.
- Langtag
- Укажите langtag IETF для
switch
-переведенных файлов SVG. Некоторые файлы SVG многоязычны; этот параметр указывает, какой язык использовать. Langtag должен быть полностью в нижнем регистре (например,zh-hans
а неzh-Hans
). По умолчанию используется текущий язык Википедии в пространстве имен статей илиen
в других пространствах имен. Смотрите .{{Translate}}
- Подпись
- Укажите подпись к изображению. Это видно, если используется атрибут "thumb", но может отображаться при наведении курсора мыши в других случаях.
Подробный синтаксис
Синтаксис изображения начинается с " [[
", содержит компоненты, разделенные " |
", и заканчивается " ]]
". " [[
" И первый " |
" (или, если " |
", завершающий " ]]
") должны находиться в одной строке; другие пробелы и разрывы строк игнорируются, если они находятся рядом с |
символами " " или внутри скобок. Пробелы или разрывы строк не допускаются непосредственно перед " =
" в следующих параметрах и могут иметь нежелательные побочные эффекты, если они появляются сразу после " =
". Не завершайте код |]]
; это будет восприниматься как пустой заголовок и переопределить любой реальный заголовок.
Тип
Один из этих вариантов может быть определен для управления масштабированием изображения и / или наличием границы. Для параметров, которые автоматически масштабируют изображение, обычно это 220 пикселей; вошедшие в систему пользователи могут изменить это (в «Размер эскиза» в Предпочтения → Внешний вид → Файлы ). Это важно для пользователей с (например) ограниченным зрением. Если он слишком большой или маленький, можно использовать вертикальный атрибут . Указание фиксированного размера в пикселях отменяет все это, но не подходит для пользователей, которым требуется изображение большего размера.
thumb
(илиthumbnail
)- Автоматически масштабируйте изображение и обведите его рамкой. Показать заголовок, если он указан. Разместите изображение справа, если это не переопределено атрибутом местоположения . С операндом, например "
thumb=Example.png
", операнд называет изображение, которое используется в качестве эскиза, игнорируя любые спецификации размера. frame
- Сохраните исходный размер изображения и обведите его рамкой. Покажите любую подпись под изображением. Разместите изображение справа, если это не переопределено атрибутом местоположения.
frameless
- Автоматически масштабируйте изображение вверх или вниз. Поместите его в текст, если он не переопределен атрибутом местоположения.
- Ничего не указано
- Сохраните исходный размер изображения и не добавляйте границу вокруг изображения. Не показывать подпись. Если альтернативный текст не запрашивается специально, используйте запрошенный заголовок как альтернативный текст. Эта опция почти всегда используется в шаблонах.
Граница
border
- Создайте однопиксельную рамку вокруг изображения. Это влияет только на изображения без рамки (без
|thumb
и|frame
), поскольку изображения в рамке всегда имеют границы.
Место расположения
Один из этих параметров может быть указан для управления положением изображения. Примеры того, как все это работает, см. В разделе Примеры параметра местоположения .
right
- Разместите изображение в правой части страницы. Текст статьи, следующий за изображением, обтекает изображение. Это значение по умолчанию, когда используется
thumb
илиframe
. left
- Разместите изображение в левой части страницы. Текст статьи, следующий за изображением, обтекает изображение, но могут возникать проблемы с форматированием списков и текста с отступом (см. § Взаимодействие между плавающими влево изображениями и списками ).
center
- Поместите изображение в центр страницы. Текст статьи, следующий за изображением, помещается под изображением.
none
- Разместите изображение в левой части страницы. Текст статьи, следующий за изображением, помещается под изображением.
- Ничего не указано, и
thumb
ниframe
- Изображение помещается в текст, как это.
Вертикальное выравнивание
Одна из этих опций может быть дополнительно указана для управления вертикальным выравниванием изображения относительно смежного текста.
Эти параметры вертикального выравнивания применяются только к обычным изображениям, которые не вызывают разрывов и не перемещаются (то есть они не работают с изображениями, для которых требуется обтекание текста. Чтобы текст обтекал изображение, поместите изображение перед текст и используйте thumb
параметр).
В следующем списке, объяснение каждого опциона предшествует какой Файл: Флаг Венгрии vertical.svg выглядит как при выравнивании с помощью перечисленных опции, используя разметку
в [[File:Flag of Hungary vertical.svg|option|frameless|upright=0.1|link=|alt=]]
middle
:
(Это значение по умолчанию.) Совместите вертикальную середину изображения с базовой линией текста плюс половину высоты текста по оси x , чтобы изображение было центрировано по вертикали вокруг строчной буквы «x» в тексте.
baseline
:
Выровняйте нижнюю часть изображения по базовой линии текста.
sub
:
Выровняйте нижнюю часть изображения по тому же уровню, что и нижняя часть нижнего индекса, например, нижняя часть «2» в «X 2 ».
super
:
Выровняйте нижнюю часть изображения по тому же уровню, что и нижний верхний индекс, например, нижняя часть «2» в «X 2 ».
text-top
:
Выровняйте верх изображения по верхнему краю текста. Это часто немного выше, чем верхняя часть заглавной буквы, из-за восходящих элементов в таких буквах, как строчная «h».
text-bottom
:
Выровняйте нижнюю часть изображения по нижней части текста. Это несколько ниже базового уровня, из - за подстрочные в письмах , как строчный «у».
top
:
Выровняйте верх изображения по верхнему краю строки, содержащей текст. Обычно это немного выше, чем верх текста, чтобы освободить пространство между строками текста.
bottom
:
Выровняйте нижнюю часть изображения по нижней части строки, содержащей текст. Обычно это немного ниже нижней части текста.
Размер
Для управления размером изображения можно указать любой из этих параметров или ни один из них. В случае изображений с подписями, если изображение уже меньше запрошенного размера, изображение сохраняет свой исходный размер (не увеличивается). В случае изображений без подписей изображение будет увеличено или уменьшено до требуемого размера. При использовании типа «рамка» изменение размера отключено .
Ширину эскиза по умолчанию можно установить в настройках, поэтому указывать в пикселях не рекомендуется , чтобы уважать предпочтения пользователей, что может быть важно для доступности. Конечно, могут быть сделаны исключения, но, upright
если возможно, постарайтесь использовать или значение по умолчанию.
Детали реализации |
---|
Указание размера не просто изменяет видимый размер изображения с помощью HTML; он фактически генерирует версию изображения с измененным размером "на лету" и соответствующим образом ссылается на нее. Это происходит независимо от того, указываете вы размер вместе с «thumb». Это означает, что всю работу по изменению размера изображения выполняет сервер, а не веб-браузер пользователя. Если всю работу выполняет сервер, это означает более быструю загрузку страниц. Это также означает, что изображения большего размера могут храниться на сервере без замедления работы браузера (особенно на телефонных линиях с коммутируемым доступом). Передаются только данные о реальном размере страницы. Исключение составляют анимированные изображения в формате GIF. Анимированные изображения в формате GIF сервером не обрабатываются. Если указан меньший размер, предоставляется исходное полноразмерное анимированное изображение в формате GIF. Возможность последующего масштабирования анимированного изображения GIF для соответствия выделенному пространству зависит от возможностей принимающего браузера. Изменение размера анимированного изображения в формате GIF значительно снизит его качество без сокращения времени загрузки. Когда есть два или более варианта «размера» одного и того же типа, действителен только последний. Однако, если вертикальный и абсолютный размер используются вместе, абсолютный размер всегда имеет приоритет, независимо от того, где он отображается в параметрах. |
- (ничего не указано)
- Для миниатюр используйте размер, указанный в настройках для вошедших в систему пользователей, и размер, определяемый разрешением для пользователей, которые не вошли в систему. Для не-миниатюр используйте собственный размер изображения.
upright
илиupright=
фактор- Отрегулируйте размер миниатюры, чтобы фактор время по умолчанию размера эскиза, округляя результат до ближайшего числа , кратного 10. Например, «
upright=1.5
» делает изображение больше, что полезно для карт или схем , которые должны быть больше , чтобы быть читаемыми. Параметр "upright=1
" возвращает тот же размер, что и ширина эскиза, а "upright=0.75
" функционально идентичен только "upright
". Если вы установите « Фактор» равным соотношению сторон изображения (ширина, деленная на высоту), результат будет эквивалентен масштабированию высоты, чтобы она была равна нормальной ширине эскиза. - Параметр
upright
работает только с параметромthumb
илиframeless
(см. Тип ). - Ширина
px
- ( Например
100px
) Масштабируйте изображение, чтобы оно было указанным числом пикселей по ширине, и масштабируйте высоту, чтобы сохранить исходное соотношение сторон. x
Высотаpx
- ( Например ,
x150px
) Масштабируйте изображение, чтобы оно было указанным числом пикселей в высоту, и масштабируйте ширину, чтобы сохранить исходное соотношение сторон. - Ширина
x
Высотаpx
- ( Например
100x150px
) Масштабируйте изображение так, чтобы оно не было шире и не превышало указанное количество пикселей. Изображение сохранит исходное соотношение сторон.
Связь
|link=Page
- Обычно при нажатии на изображение читатель попадает на страницу описания изображения . Параметр ссылки позволяет читателю перейти на другую страницу, например, на более полное изображение, из которого был вырезан эскиз, или на полный документ, эскиз которого был отдельной страницей (или кадрирование одной страницы). Не заключайте название страницы в квадратные скобки. Если страница является URL-адресом, читатель будет выведен за пределы проекта; обычно это не делается в пространстве статьи.
|link=
(один)- Отключает ссылку, поэтому нажатие на изображение ничего не дает.
|link=
влияет только на то, что происходит при нажатии на само изображение ; |thumb
изображения содержат небольшой прямоугольник-прямоугольник в области заголовка, и щелчок по нему всегда приводит к странице описания изображения. За исключением изображений, находящихся в общественном достоянии, читатель всегда должен иметь возможность добраться до страницы описания изображения, поэтому его |link=
следует использовать только с |thumb
изображениями.
|link=
нельзя использовать с |frame
.
Чтобы отключить все ссылки и описание чисто декоративного изображения - чтобы оно игнорировалось программами чтения с экрана - используйте " |link=
|alt=
" без аргументов для любого параметра.
Для управления альтернативным текстом , заголовком ссылки и заголовком изображения можно указать ноль или более из этих параметров . Заголовки могут содержать встроенную разметку вики, например ссылки или форматирование. См. Википедия: Подписи для обсуждения соответствующего текста подписи. См. Википедия: Альтернативный текст для изображений для обсуждения соответствующего замещающего текста. Internet Explorer отображает заголовок ссылки в виде всплывающей подсказки, но другие браузеры не могут.
alt=
Alt- Используйте Alt в качестве замещающего текста для изображения.
- Подпись
- (последний вариант, который не распознается как какая-либо другая часть синтаксиса изображения): то, как этот текст используется, зависит от типа изображения. Если шрифт имеет видимую подпись («
thumbnail
», «thumb
», «frame
» или «framed
»), этот текст отображается как заголовок под изображением. В противном случае (если тип изображения не указан или равен "frameless
"), этот текст используется для заголовка ссылки при условии, что ссылка не была подавлена с помощью "|link=
", а также для альтернативного текста при условии, что явныйalt=
Alt не был предоставлен.
Фактический замещающий текст для отображаемого изображения будет одним из следующих в порядке предпочтения:
- Явно запрошенный Alt , если есть;
- Явно просил титр , если тип изображения не имеет видимые надписи;
- Пустая строка, если есть явно просил Caption и тип изображения имеет видимый заголовок.
- Имя файла изображения, если нет явно запрошенных Alt или Caption . Это никогда не бывает удовлетворительным вариантом.
Можно указать текст заголовка ссылки только для изображений без видимой подписи (как описано выше). Однако, поскольку не все браузеры отображают этот текст и его игнорируют программы чтения с экрана, в этом нет особого смысла.
Примечание: alt
поддерживается только для изображений. Аудио и видео файлы должны использовать синхронизированный текст .
Учебный класс
class=
- Используется для вставки любых HTML-классов для изображения. Это имеет эффект только для некоторых определенных классов, перечисленных в Википедии: Каталог классов CSS , или некоторых классов, созданных TemplateStyles .
Страница
Обычно для создания эскиза используется страница 1 из файла PDF или DjVu. Другая страница может быть использована с параметром |page=
: [[File:IMSLP01578-Ravel - Bolero Full Score Durand 1929 .pdf|thumb|page=2|''Boléro'': page 2 from the score]]
:
Примеры
Использование основного синтаксиса
Самый простой пример использует синтаксис [[File:Westminstpalace.jpg|Alt text]]
. Это не масштабирует изображение и не позволяет тексту обтекать его. Обычно это не подходит для статьи.
Он отображается встроенным, а указанный текст используется как атрибут alt изображения (альтернативный текст для программ, которые не могут отображать изображения, например программы чтения с экрана ) и как атрибут заголовка (дополнительный текст, часто отображается как всплывающая подсказка при наведении курсора мыши. изображение). См. Википедия: Подписи для обсуждения соответствующего текста подписи. См. Википедия: Альтернативный текст для изображений для обсуждения соответствующего замещающего текста.
Выше изображение Темзы было помещено в отдельный абзац. Это не обязательно; изображения могут быть встроены в текст, как показано ниже.
текст текст текст текст текст текст[[File: Westminstpalace.jpg | 150px | alt = Большая башня с часами и другие здания вдоль великой реки. | Вестминстерский дворец]]текст текст текст текст текст[[File: tst.png | 100px | alt = Крошечный глобус | Это глобус.]]текст текст текст текст
дает
текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст
Для отображения загруженного изображения с подписью используйте [[File:Westminstpalace.jpg|frame|none|alt=Alt text|Caption text]]
.
Выравнивание миниатюр по размеру текста
Это наиболее знакомый читателям стиль. Как показано на изображении в качестве примера, изображение оформлено в рамку, имеет соответствующий размер и имеет возможность обтекания текстом. Подпись правильно интегрирована.
Важной частью этого является thumb
параметр: (как показано слева). Подробнее об этих параметрах см. В предыдущих разделах.[[File:Westminstpalace.jpg|thumb|upright=0.4|left|alt=A large clock tower and other buildings line a great river.|The Palace of Westminster]]
Примеры параметра местоположения приведены ниже:
[[File:Westminstpalace.jpg|thumb|alt=A large clock tower and other buildings line a great river.|right|upright=0.35]]
[[File:Westminstpalace.jpg|thumb|alt=A large clock tower and other buildings line a great river.|left|upright=0.35]]
Изображение центрируется, и ...
[[File:Westminstpalace.jpg|thumb|alt=A large clock tower and other buildings line a great river.|center|upright=0.35]]
Изображение помещается слева, и ...
[[File:Westminstpalace.jpg|thumb|alt=A large clock tower and other buildings line a great river.|none|upright=0.35]]
Проблема множества плавающих объектов
В HTML / CSS есть плавающая проблема, которая не позволяет некоторым изображениям (или другим плавающим объектам) парить над другими. Это происходит только если:
- на одной стороне страницы есть несколько плавающих объектов
- плавающий объект на другой стороне страницы идет после других в исходном коде
Первый плавающий объект на последней стороне страницы не будет плавать над последним плавающим объектом на первой (см. Примеры ниже). Решения включают в себя чередование левого и правого выравнивания изображений или других плавающих объектов (не показаны); установка значения "none" для выравнивания одного, которое не будет парить над другими (как показано "вживую" в таблице населения здесь ); и использование тега галереи для большого количества изображений в одном разделе. Согласно MOS: ACCESS # FLOAT изображения следует вставлять так, чтобы их разметка находилась в правильном разделе, даже если это может привести к их перемещению в следующий раздел.
Проблемный код:
== Раздел 1 == [[Файл: Westminstpalace.jpg | thumb | 70px | right | Рисунок 1.1 ('' 'right' '')]] [[Файл: Westminstpalace.jpg | thumb | 70px | right | Рисунок 1.2 ( '' 'right' '')]] [[Файл: Westminstpalace.jpg | thumb | 70px | right | Рисунок 1.3 ('' 'right' '')]] [[File: Westminstpalace.jpg | thumb | 70px | right | | Рисунок 1.4 ('' 'справа' '')]]Lorem ipsum dolor sit amet, conctetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.== Раздел 2 == [[Файл: Westminstpalace.jpg | thumb | 70px | left | Рисунок 2.1 ('' 'left' '')]]Lorem ipsum dolor sit amet, conctetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, conctetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, conctetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Рисунок 1.1.
Рисунок 1.2.
Рисунок 1.3.
Рисунок 1.4.
Дополнительные сведения о теге галереи см. В разделе Справка: тег галереи .
Использование "вертикально"
Этот upright
параметр работает в сочетании с параметром thumbnail
или thumb
для изменения размера изображения примерно до 75% от ширины плоскости thumbnail
. Это полезно для отображения изображений в «портретной» ориентации , поскольку такие высокие и узкие изображения имеют тенденцию выглядеть слишком большими при масштабировании до той же ширины, что и изображения в «альбомной» ориентации. Параметр upright
масштабируется больше или меньше в зависимости от разрешения экрана пользователя. Относительный размер можно определить с помощью множителя, например . Если x = 1, изображение имеет стандартную ширину эскиза. Например , (показано слева) и (показано справа).upright=x
[[File:Westminstpalace.jpg|thumbnail|upright|left|alt=A large clock tower and other buildings line a great river.|The "<code>upright</code>" option is about 75% of thumbnail width.]]
[[File:Westminstpalace.jpg|thumb|upright=1.5|right|alt=A large clock tower and other buildings line a great river.|The "<code>upright=1.5</code>" option]]
Использование рамки
При использовании этого параметра встроенное изображение отображается с его фактическим размером, заключенным в рамку, независимо от атрибута «большой палец» или «размер», а заголовок, если таковой имеется, виден в кадре. Без вариантов left
, center
и none
, изображение , как правило , на праве: [[File:Westminstpalace.jpg|frame|thumbnail|50px|alt=A large clock tower and other buildings line a great river.|The Palace of Westminster]]
. (Обратите внимание, что размер изображения не изменяется до 50 пикселей, потому что используется «рамка».)
Без каких-либо параметров, кроме sizepx
и alternate (caption) text
, встроенное изображение отображается встроенным.
Использование выравнивания «нет» эскизов в таблицах
Этот параметр none
можно использовать для создания миниатюр без выравнивания по левому или правому краю. Это, вероятно, наиболее полезно для таблиц . Это пример:
Вестминстерский дворец | [[File:Westminstpalace.jpg|thumb|none|100px|alt=A large clock tower and other buildings line a great river.|From the Thames]] | |
Букингемский дворец | [[File:Buckingham Palace 2003.jpg|thumb|none|100px|alt=Grand city building below beautiful blue sky and clouds|Queen's home]] |
Вы можете поместить ссылки в текст подписи, как показано на этом изображении:
[[File:Westminstpalace.jpg|right|thumbnail|alt=A large clock tower and other buildings line a great river.|This is the [[Palace of Westminster]] in London]]
Просто убедитесь, что количество открывающих и закрывающих квадратных скобок правильное. Один лишний или отсутствующий будет означать, что вся строка синтаксиса изображения не будет работать.
Возможны дополнительные параметры форматирования подписи; все нормальное форматирование должно работать.
[[File: Westminstpalace.jpg | right | thumbnail | alt = Большая башня с часами и другие здания вдоль великой реки. | < DIV стиль = "выравнивания текста: центр" > Это < промежуток стиль = "цвет: зеленый" > </ диапазон > < бр /> [[Вестминстерский дворец]] < бр /> '' 'в < пролет style = "color: red" > Лондон </ span > '' ' </ div > ]]
Взаимодействие между плавающими влево изображениями и списками
Маркеры и числа в списке иногда могут перекрывать плавающие влево изображения, а строки с отступом могут отображаться некорректно рядом с плавающими влево изображениями. Например:
Разметка | Отображается как |
---|---|
|
|
[[Файл: Westminstpalace.jpg | left | thumb | 100px]] Первая линия:Вторая линия:: Третья линия::: Четвертая строка | Первая линия
|
Шаблон {{ flowlist }} позволяет спискам держаться подальше от этих плавающих влево объектов:
[[Файл: Westminstpalace.jpg | left | thumb | 100px]]{{ flowlist }} <ol> <li> элемент списка A1 <ol> <li> элемент списка B1 </li> <li> элемент списка B2 </li> </ol> продолжающийся элемент списка A1 </li> < li> элемент списка A2 </li> </ol>
{{ endflowlist }}{{ flowlist }}Первая линия:Вторая линия:: Третья линия::: Четвертая строка{{ endflowlist }}
Отображается как:
- элемент списка A1
- элемент списка B1
- элемент списка B2
- элемент списка A2
Первая линия
- Вторая линия
- Третья линия
- Четвертая линия
- Третья линия
Этот метод не будет работать внутри таблицы, и если ваш список длиннее, чем плавающий элемент, то список не будет обтекать изображение, как обычно, а вместо этого будет одним блоком, оставляя пустое пространство под плавающим элементом.
Наложение аннотаций на изображение
В некоторых случаях может потребоваться добавить к изображению интерактивные аннотации. Для этой цели существуют шаблоны Template: Annotated image и Template: Annotated image 4 .
Эти шаблоны позволяют включать вики-текст (например, обычный текст, вики-ссылки, разрешенный код HTML, ссылки и другие шаблоны) в само изображение. Их также можно использовать для обрезки изображения, чтобы сфокусироваться на его определенной части, или, в качестве альтернативы, для расширения белой области вокруг изображения для лучшего размещения викитекста.
Также есть шаблон {{ Overlay }}:
1 2 3 4 5 6 7 7 | ||||||||||||||||
|
Здесь связан только элемент 7.
Отмена режима плавающего изображения
После того, как изображение плавает рядом с текстом, можно разместить дополнительный текст под ним и снова использовать всю ширину с помощью следующей разметки. Это блокирует появление изображения рядом с материалом после этой разметки, возможно, по эстетическим причинам или из-за изменения темы.
<br style="clear:both" />
Для устаревших align="right"
(и т. Д.) Плавающих этого недостаточно; устаревшие браузеры игнорировали встроенный CSS. Для отмены плавающего режима при любых условиях работает следующая разметка (действительный переходный XHTML 1.0):
<br clear="all" />
Тот же код может быть выдан с помощью шаблона {{ clear }} или {{ Clr }} или {{ - }} в определенных пространствах имен ( en , meta ).
VR-изображения
Чтобы отображать фотографии VR (также известные как 360-градусные панорамы или фотосферы), используйте {{ PanoViewer }}.
Ссылка на изображение без его отображения
Если вы не хотите показывать или отображать изображение, а просто хотите создать ссылку на страницу описания изображения, используйте начальное двоеточие перед «Файл:» во внутренней ссылке вики, например: [[:File:STS-32 crew.jpg|STS-32 crew]]
что дает: Экипаж СТС-32 .
Звуковые файлы
Часто звуковые файлы представлены на страницах Википедии с помощью {{ Listen }} или связанных с ним шаблонов. Однако можно также представить аудиофайл без использования какого-либо шаблона. Подобный синтаксис изображений можно использовать для включения аудио- или видеофайлов на страницы.
Код | Выход | |
---|---|---|
1. | [[File:Accordion chords-01.ogg]] | |
2. | [[File:Accordion chords-01.ogg|frameless|upright=1.3]] |
Обратите внимание, что ни в одном из этих примеров нет ссылок на Wikipedia: Media help , а в примере 2 нет ссылок для навигации на сам файл. Следовательно, всякий раз, когда используется этот метод, шаблон {{ Inline audio }} должен отображаться на этой странице, а представление кнопок воспроизведения должно сопровождаться интерактивными ссылками на сам звуковой файл. Примеры:
Код | Выход | |
---|---|---|
1. | [[File:Accordion chords-01.ogg|frameless|upright=0.4|left]] [[:File:Accordion chords-01.ogg|Accordion chords]] | Аккордеонные аккорды |
2. | [[:File:Accordion chords-01.ogg|Accordion chords]] [[File:Accordion chords-01.ogg|90px|right]] | Аккордеонные аккорды |
3. | [[:File:Accordion chords-01.ogg|Accordion chords]] [[File:Accordion chords-01.ogg|90px]] | Аккордеонные аккорды |
Обратите внимание, что вертикальное выравнивание кнопки воспроизведения не работает, а также невозможно представить кнопку воспроизведения внутри текста; следовательно, наиболее приятная компоновка достигается в примерах 1 или 3.
Также есть параметр, позволяющий настроить проигрыватель на запуск в любое время, кроме 0:00.
Код | Выход | |
---|---|---|
1. | [[File:Accordion chords-01.ogg|start=0:05]] |
MIDI
С июня 2019 года файлы MIDI можно воспроизводить так же, как и другие звуковые файлы. См .: Помощь: Оценка .
[[Файл: Бетховен соч. 33 нет. 1. середина | большой палец | [[ Багатели, соч. 33 (Бетховен) | "Багатели", соч. 33 ]], нет. 1]]
Видео файлы
Для отображения загруженного видео с субтитрами используйте [[File:First flights in aviation history.ogg|frame|none|Caption text]]
.
Исходное неподвижное изображение
thumbtime=Time
". Используйте кадр из видео в заданное время в качестве исходного неподвижного изображения. Время - это либо количество секунд, либо часы, минуты и секунды, разделенные двоеточиями. Без параметра thumbtime будет отображаться кадр из средней точки видео. используется по умолчанию. Например, с использованием того же видеофайла, что и ранее:
Воспроизвести медиа |
Воспроизвести медиа |
Воспроизвести медиа |
Фрагменты временных медиа
Этот синтаксис позволяет воспроизвести сегмент видеопотока или установить время начала. Наведите указатель мыши на плеер, чтобы увидеть время начала, указанное как 5 секунд, нажмите кнопку воспроизведения и обратите внимание, что воспроизведение прекращается через 7 секунд.
[[File:Weeding.ogv|thumb|upright=1.3|start=5|end=7|Starts at 5 seconds and ends playback at 7 seconds]]
Примечание. Это пока не поддерживается Safari и Internet Explorer.
Отображение небольших видеороликов большего размера
Чтобы отобразить видео, размер которого больше загруженного, используйте " |thumb
" и " ". Это может быть полезно, если исходное видео очень маленькое, но показывает некоторые важные, но мелкие детали, но учтите, что масштабирование может создавать неожиданные артефакты масштабирования. Например, код|numberpx
[[File:cal16x16check_vdnocnoafr1len2.avi.q10.ogv|inline|left]] [[File:cal16x16check_vdnocnoafr1len2.avi.q10.ogv|right|thumb|128px]]
- отображает видео шириной 16 пикселей в исходном размере слева и в восемь раз шире справа (квадраты должны быть полностью черными или полностью белыми, а края должны быть резкими - любая размытость или не совсем белый цвет, скорее всего, вызваны браузером или рендеринг сервера Викимедиа):
Превью в галерею
Параметр thumbtime также можно использовать внутри галереи (либо с тегами <gallery>, либо с шаблоном {{ Gallery }}):
- Воспроизвести медиа
Мужчина в костюме с галстуком и шляпой на 21 секунде.
- Воспроизвести медиа
Моноплан замечен на 23 секунде.
Вот викикод, который его создал:
<галерея>Файл: Первые полеты в истории авиации history.ogg | thumbtime = 21 | Мужчина в костюме и шляпе на 21 секунде.Файл: Первые полеты в истории авиации history.ogg | thumbtime = 0: 23 | Моноплан замечен на 23 секунде.</gallery>
Смотрите также
- Википедия: изображения - для обзора изображений в Википедии.
- Википедия: учебник по изображениям
- Wikimedia Commons ( главная страница Commons ), бесплатное хранилище мультимедиа , которое вы можете использовать непосредственно в Википедии и других проектах Викимедиа . Вы можете загружать новые изображения или использовать сохраненные.
- Commons: Commons: Video - план видео на Commons; использование, игра, политика, поиск, преобразование и загрузка
- Википедия: Создание и использование медиафайлов - руководство, старое, но все еще полезное
- Википедия: Политика использования изображений
- Википедия: Разметка изображений с помощью HTML - Как добавлять изображения в статьи, старая школа. Устаревший, но интересный.
- Википедия: учебник по поиску изображений
- meta: Справка: изображения и другие загруженные файлы
- mw: Extension: PagedTiffHandler -
lossy
параметр для файлов tiff