Справка:Иллюстрирование

Материал из Энциклопедия мировых субкультур
Перейти к: навигация, поиск
↱
  • С:И
  • С:ИЗО

В Энциклопедии мировых субкультур приветствуется размещение изображений, видео и звуков на страницах статей. Чтобы украсить статью яркой картинкой или подробной схемой, вы должны провести некоторую подготовительную работу.

Предварительно медиафайлы должны быть сохранены в Энциклопедии мировых субкультур.

Содержание


Где взять изображения

Если нужна фотография какого-либо реального объекта или явления — сфотографируйте его самостоятельно
Вы не указали тип создаваемого поля ввода.

Возможно, нужное вам изображение уже есть в нашем разделе Энциклопедии мировых субкультур: воспользуйтесь поиском по предполагаемому имени файла или просмотрите список изображений по темам.

Попробуйте найти изображение на Викискладе Википедии; обратите внимание на ссылки дополнительных инструментов поиска справа вверху.

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

Если подходящего изображения в Энциклопедии мировых субкультур не нашлось:

  • Фотографию реального объекта или явления лучше сделать самостоятельно цифровой камерой. Можно использовать и обычную плёночную камеру, а потом отсканировать снимки (ещё лучше — негативы), но это не так рационально.
  • Брать изображения из Интернета и сканировать иллюстрации из книг можно, только соблюдая критерии добросовестного использования. Если не нашлось свободных иллюстраций, то можно использовать шаблон External media. Это позволит создать в статье ссылку на внешние (размещённые не в Энциклопедии мировых субкультур) медиа-материалы, содержащие нужное изображение.

Требования к медиафайлам

Изображение, видео или звук, который вы собираетесь поместить в свою статью, должно соответствовать ряду требований:

  • Соблюдение авторского права: никогда не помещайте в Энциклопедию мировых субкультур медиафайлы, если это не разрешено их правообладателями.
  • Используйте правильный формат медиафайлов (см. commons:Commons:Media for cleanup/ru):
  • Для каждого медиафайла имеется страница с его описанием, которую вы обязаны заполнить. Поэтому приготовьте в обязательном порядке данные об источнике, если автор медиафайла не вы, а также о лицензии.

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

Загрузка файла в Энциклопедию мировых субкультур

Последовательность действий описана на странице Загрузить файл. В названии файлов различается написание ПРОПИСНЫМИ и строчными буквами. При загрузке нового изображения под тем же названием старое изображение сохраняется в истории правок, так же, как текст статей. Файл под явно неверным названием можно переименовать.

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

Описание изображения

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

Для описания изображения рекомендуется использовать специальный шаблон {{Изображение}}. Формат использования шаблона с примером представления информации о лицензии:

{{Изображение
| Описание       = <!-- Описание -->
| Источник       = <!-- Источник -->
| Время создания = <!-- Время создания -->
| Автор          = <!-- Автор -->
}}

{{CC-BY-SA-3.0}}

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

Рекомендуемый формат описания

Ниже приводится рекомендуемый формат описания изображения, реализованный в шаблоне {{Изображение}}:

Описание название изображённого объекта, (в случае репродукции — название оригинального произведения), дополнительные сведения об изображении, информация о местонахождении
Источник информация о том, откуда взято изображение (http://)
Время создания любые сведения о времени создания изображения
Автор или правообладатель имя автора (художника, скульптора) и/или фотографа

Если источником изображения является иноязычная Энциклопедия мировых субкультур — обязательно следует давать ссылку на исходный файл, а также копировать сведения, составляющие описание изображения.

Включение в категории

Изображения, загруженные локально в русскую Энциклопедию мировых субкультур, желательно включать в специальные категории, входящие в иерархию категорий Категория:Изображения:Классификация по темам. Названия таких категорий должны обязательно начинаться с префикса "Изображения.

Вставка файла в статью

Вставка без изменения размеров

Чтобы вставить загруженное изображение в статью, достаточно указать ссылку на него: [[Файл:Имя файла]].

«По умолчанию» изображение будет воспроизводиться слева в полную величину, а текст начинаться ниже его. Если вы хотите дать только ссылку на изображение, не приводя его на странице, то поставьте двоеточие перед словом «Файл»: [[:Файл:Имя файла]]. Щелчок на такую надпись загружает страницу самого изображения. Вот, попробуйте: Файл:Broom icon.png.

Замещающий текст

Некоторые читатели Энциклопедии мировых субкультур отключают функцию показа изображений. В качестве замены (вместо изображений) для таких читателей отображается специальный текст — пояснение к изображению, его вписывают в конце после вертикальной чёрточки: [[Файл:Имя файла|Замещающий текст для изображений]].

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

Оформление

Пояснительная подпись

Пояснительная подпись

Чтобы сделать поясняющую подпись, используется атрибут «мини»:

[[Файл:Broom icon.png|мини|Пояснительная подпись]]

Он заключает изображение в рамку и смещает изображение вправо. В области «Пояснительная подпись» можно применять html- и вики-разметку (например, отцентрировать подпись, заключив её в шаблон {{center|ваш текст}}). Пояснительная подпись одновременно выполняет вышеописанные функции замещающего текста.

Уменьшение размеров

Атрибуты «мини», «миниатюра» (или «thumb», «thumbnail»), вставленные между именем файла и пояснительной подписью, уменьшают ширину изображения (в зависимости от настроек пользователя — от 120px до 400px; высота изменяется пропорционально), прижимают его вправо и помещают в рамку:

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

Для получения изображения заданной ширины (высота изменяется пропорционально), запишите её в пикселах (в формате ЧИСЛОрх). При этом не следует злоупотреблять чрезмерно большими значениями параметра. Этот атрибут можно использовать как отдельно, так и совместно с атрибутом «мини» — тогда «мини» добавляет рамку и подпись, но не влияет на размер:

[[Файл:Broom icon.png|100px|Пояснительная подпись]]

Пояснительная подпись

Или

Пояснительная подпись
[[Файл:Broom icon.png|мини|100px|Пояснительная подпись]]

Если задать оба параметра, но соотношение сторон у изображения иное, чем соотношение заданных цифр — изображение будет вписано в прямоугольник соответствующего размера, то есть будет взято то значение, при котором размер изображения будет наименьшим.

Alonso (Renault) qualifying at USGP 2005.jpg Dortmund Florianturm nachts IMGP8456.jpg
[[файл:Alonso_(Renault)_qualifying_at_USGP_2005.jpg|200x200px]] [[файл:Dortmund Florianturm nachts IMGP8456.jpg|200x200px]]

Не забывайте о соразмерности изображения и текста. Если статья небольшая, то можно подобрать высоту изображения так, чтобы текст полностью охватывал его. В длинной статье не стоит делать изображения чрезмерно маленькими, иначе они «утонут» в тексте.

Автоматическое масштабирование высоких и широких изображений

Upright=0.5
без «px»-, но с параметром «upright»
без «px»

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

[[Файл:Название-изображения.jpg|мини|upright|без „px“-, но с параметром „upright“]]

Коэффициент в параметре upright можно изменить, если для очень высоких изображений 0,75 недостаточно:

[[Файл:Название-изображения.jpg|мини|upright=0.5|без „px“-, но с параметром „upright=0.5“]]

Таким же способом можно масштабировать очень широкие изображения, например, панорамы. С коэффициентом upright > 1 они отображаются шире обычного. Пропорции при этом сохраняются.

[[Файл:Panorama.jpg|мини|upright=1.8|Панорама, изображение 180 % стандартной ширины.]]

Ширина изображений округляется вверх до 10 пикселей.

Такое автоматическое масштабирование предпочтительнее закреплённой с помощью px ширины.

Выбор страницы из многостраничного файла

Если файл многостраничный, то нужную для отображения страницу из него можно выбрать через параметр page. Примеры:

Файл:Alice in Wonderland.djvu Файл:Alice in Wonderland.djvu Файл:Alice in Wonderland.djvu Файл:Alice in Wonderland.djvu

[[Файл:Alice in Wonderland.djvu|page=1|100px]] 
[[Файл:Alice in Wonderland.djvu|page=7|100px]] 
[[Файл:Alice in Wonderland.djvu|page=70|100px]] 
[[Файл:Alice in Wonderland.djvu|thumb|200px|Алиса в стране чудес, страница 9|page=9]]

Выбор кадра предпросмотра (для видео)

При встраивании файла видео OGV или WEBM в статью, по умолчанию отображается кадр, соответствующий середине видео. Зачастую предлагаемый по умолчанию кадр оказывается неудачным или просто не самым лучшим для иллюстрации, поэтому для выбора более подходящего для отображения кадра следует использовать параметр thumbtime, равный времени от начала видео в секундах, которому соответствует нужный кадр. Время кадра предпросмотра указывается с точностью до секунды и может быть задано как в виде целого числа секунд, так и в формате число_минут : число_секунд. Пример:

Файл:10 minute timer.webm

[[Файл:10 minute timer.webm|200пкс|thumbtime=4:05]]

На видео отображается таймер с посекундным обратным отсчётом от 10:00 до 0:00. Чтобы выбрать кадр, на котором отображается время 5:55, следует просмотреть время от начала видео до нужного кадра (4 минуты 5 секунд или 245 секунд) и задать его в видео. Запись thumbtime=245 вместо thumbtime=4:05 приведёт к отображению того же кадра предпросмотра.

Расположение на странице

Справа

Описание

Кроме рассмотренного выше атрибута «мини», прижать изображение вправо можно атрибутом «справа» («right»). Пример:

[[Файл:Broom icon.png|справа|100пкс]]

В отличие от изображения с атрибутом «мини», в данном случае изображение не оказывается заключённым в рамку, и замещающий текст не указывается в видимой подписи. Однако он всё равно используется в качестве всплывающей подсказки (после наведения курсора мыши на изображение), а также показывается вместо картинки для тех читателей, которые отключили отображение изображений в своём браузере. Поэтому рекомендуется указывать замещающий текст после атрибута «справа», за вертикальной чёрточкой. Пример:

[[Файл:Broom icon.png|справа|100пкс|Описание]]
Двух и более изображений
Способ 1
Файл 1
Файл 2
Файл 3

Исходный код:

<div class="tright" style="clear:none">[[Файл:Broom icon.png|мини|Файл 1]]</div>
<div class="tright" style="clear:none">[[Файл:Broom icon.png|мини|Файл 2]]</div>
<div class="tright" style="clear:none">[[Файл:Broom icon.png|мини|Файл 3]]</div>


Способ 2 (таблица)

Используется таблица

Файл 1
Файл 2

Исходный код:

{|align="right" cellpadding="0" cellspacing="0" style="margin-left:1em"
 |-valign="top"
 |[[Файл:Landschafts Duisburg-Nord - Hochofen 5 - Cowper.jpg|мини|100пкс|Файл 1]]
 |[[Файл:Dortmund Florianturm nachts IMGP8456.jpg|мини|100пкс|Файл 2]]
 |}


Выравнивание по вертикали задаётся атрибутом valign, принимающим значения top (верх), bottom (низ) или center (центр).

Файл 1
Файл 2

Исходный код:

{|align="right" cellpadding="0" cellspacing="0" style="margin-left:1em"
 |-valign="bottom"
 |[[Файл:Landschafts Duisburg-Nord - Hochofen 5 - Cowper.jpg|мини|100пкс|Файл 1]]
 |[[Файл:Dortmund Florianturm nachts IMGP8456.jpg|мини|100пкс|Файл 2]]
 |}


Способ 3 (таблица + галерея)

Таблица + галерея

{| align="right" style="background:#f8f9fa; border:1px solid #c8ccd1; font-size:90%; margin-left:1em" cellspacing=0 cellpadding=0
|-
|<gallery mode="packed" heights="140px">
  Example.jpg|Фото 1
  Example.jpg|Фото 2
</gallery>
|}

Способ 4

Способ 1 иногда не выполняет свою задачу в том плане, что если выше находятся ещё какие-либо картинки, то изображение 2 съезжает к следующему верхнему изображению. Чтобы закрепить второе (или второе с третьим) изображение к первой (самой правой) картинке, которое имеет обычный формат викитекста, ниже него необходимо поместить таблицу (как в способе 2):

Изображение 1
Изображение 2
Изображение 3
Изображение 4
[[Файл:Example.jpg|мини|Изображение 1]]
[[Файл:Example.jpg|мини|Изображение 2]]
{|align="right"
 |-valign="bottom"
 |[[Файл:Landschafts Duisburg-Nord - Hochofen 5 - Cowper.jpg|мини|100пкс|Изображение 3]]
 |[[Файл:Dortmund Florianturm nachts IMGP8456.jpg|мини|100пкс|Изображение 4]]
|}


Слева

описание

Чтобы прижать изображение к левому краю страницы, используйте атрибут «слева» (или «left», «none») :

[[Файл:Broom icon.png|слева]]

Это работает в том числе и для изображений с атрибутом «мини». Пример:

[[Файл:Broom icon.png|мини|слева|100пкс|описание]]

Текст, следующий за таким изображением, обтекает его справа.

Двух и более изображений
Способ 1
Файл 1
Файл 2
Файл 3

Исходный код:

<div class="tleft" style="clear:none">[[Файл:Broom icon.png|мини|Файл 1]]</div>
<div class="tleft" style="clear:none">[[Файл:Broom icon.png|мини|Файл 2]]</div>
<div class="tleft" style="clear:none">[[Файл:Broom icon.png|мини|Файл 3]]</div>


Способ 2 (таблица)

Используется таблица

Файл 1
Файл 2

Исходный код:

{|align="left" cellpadding="0" cellspacing="0" style="margin-right:1em"
 |-valign="top"
 |[[Файл:Example.jpg|мини|Файл 1]]
 |[[Файл:Example.jpg|мини|Файл 2]]
 |}


Способ 3 (таблица + галерея)

Таблица + галерея

{| align="left" style="background:#f8f9fa; border:1px solid #c8ccd1; font-size:90%; margin-right:1em" cellspacing=0 cellpadding=0
|-
|<gallery mode="packed" heights="140px">
  Example.jpg|Фото 1
  Example.jpg|Фото 2
</gallery>
|}
Способ 4

См. Способ 4 в разделе «Справа, Двух и более изображений».

В центре

Используется атрибут центр (или center):

[[Файл:Broom icon.png|мини|центр|100пкс|Пояснительная подпись]]
Пояснительная подпись

Текст, следующий за таким изображением, не обтекает его ни с одной из сторон, а начинается ниже нижнего края изображения.

Двух и более изображений

Используется Галерея, реализуемая тегом <gallery>.

Если возможностей тега не хватает, можно использовать и самодельную таблицу:

Файл 1
Файл 2

Исходный код:

{|align="center"
 |-valign="top"
 |[[Файл:Example.jpg|мини|Файл 1]]
 |[[Файл:Example.jpg|мини|Файл 2]]
 |}

Окончание обтекания

Для пометки окончания обтекающего изображение текста используйте шаблон {{Clear}}. Текст, расположенный после этого шаблона, будет начинаться с новой строки — и будет располагаться ниже нижнего края любого из изображений, расположенных раньше.

Галереи

Для вставки нескольких изображений в статью (например, изображений картин в статье о художнике), применяется специальный служебный тег <gallery>, который группирует изображения в галерею.

В простейшем случае используется следующий синтаксис.

<gallery>
 Example.jpg|1
 Example.jpg|2
</gallery>

Выравнивание по центру:

<gallery class="center">
 Example.jpg|1
 Example.jpg|2
</gallery>

Убрать рамки можно, если добавить параметр mode="packed". Пример:

<gallery mode="packed" heights="160px" caption="Подпись">
Файл:Landschafts Duisburg-Nord - Hochofen 5 - Cowper.jpg|Изображение 1
Файл:Landschaftspark Duisburg Nord.jpg|Изображение 2
Файл:Dortmund Florianturm nachts IMGP8456.jpg|Изображение 3
Файл:Landschaftspark Duisburg-Nord - Hochoefen 1 und 2 vom Sinterplatz.jpg|Изображение 4
</gallery>

Кроме изображений, в галерею также можно встроить видео с указанием кадра предпросмотра. Для этого в описании файла видео в галерее следует указать параметр thumbtime в секундах, как и в случае с одиночным видео. Пример:

<gallery mode="packed" heights="160px">
Файл:Soyuz TMA-11M Launch.webm|thumbtime=14|Видео с отображаемым кадром на 14 секунде
Файл:Soyuz TMA-11M Launch.webm|thumbtime=42|То же самое видео с отображаемым кадром на 42 секунде
</gallery>
Форматирование галерей

Есть следующие параметры, регулирующие форматирование галереи:

  • perrow — количество элементов в строке (не работает в режиме packed)
  • widths — размер (каждой) картинки по горизонтали (не работает в режиме packed)
  • heights — размер (каждой) картинки по вертикали
  • showfilename — с любым значением включает отображение имен файлов для каждого изображения[1].

Примеры:

 <gallery perrow=2 widths="300px" heights="300px">
 Файл:NASA-Apollo8-Dec24-Earthrise.jpg
 Файл:Mercury in color - Prockter07 centered.jpg
 Файл:Portrait of Jupiter from Cassini.jpg
 Файл:Apollo 11 bootprint.jpg
 </gallery>
 <gallery perrow=4 widths="160px" heights="160px">
 Файл:NASA-Apollo8-Dec24-Earthrise.jpg
 Файл:Mercury in color - Prockter07 centered.jpg
 Файл:Portrait of Jupiter from Cassini.jpg
 Файл:Apollo 11 bootprint.jpg
 </gallery>

Если возможностей тега gallery не хватает, можно использовать шаблон {{Галерея файлов}}.

Изображения внутри таблиц

Комбинируя таблицы и изображения, можно представлять информацию, например, в таком виде:

Города Германии
Берлин
Ратуша г. Берлина
Вернигероде
Замок г. Вернигероде зимой

Исходный текст для этого примера таков:

{| style="border:1px solid black; border-collapse:collapse;"
!colspan="4"|Города Германии
|-
|Берлин|| [[Файл:Berliner Rathaus gross.jpeg|мини|none|110px|Ратуша г. Берлина]] 
|Вернигероде|| [[Файл:WernigerodeCastleWinter.jpg|мини|none|100px|Замок г. Венигероде зимой]]
|}

Шаблон «Кратное изображение»

При необходимости объединения изображений в галерею с общей подписью, либо в галерею, расположенную вертикально, можно использовать шаблон {{кратное изображение}}. Например, код

{{кратное изображение
 | изобр1=Adoxa_moschatellina_210406.jpg
 | изобр2=Adoxa_moschatellina_210406a.jpg
 | изобр3=adoxa_moschatellina_blatt.jpeg
 | подпись=[[Адокса мускусная]] (''Adoxa moschatellina'')
 | фон_подписи=#BBDD99
 | цвет фона=#BBDD99
 | зона_подписи=center
 | ширина=160
}}

даст нам следующий результат:

Адокса мускусная (Adoxa moschatellina)

Оформление ознакомительного рисунка

Многие статьи Энциклопедии мировых субкультур содержат один рисунок (ознакомительный), иллюстрирующий главную мысль статьи. Рекомендуется именно этим изображением и начинать статью. Такое изображение должно обязательно иметь атрибут мини и пояснительную подпись. Пример:
[[Файл:Водовзводная башня.jpg|мини|Пояснительная подпись]]

Размеры изображений

Поскольку разрешение экрана у всех разное, каждый читатель Энциклопедии мировых субкультур может в личных настройках выбрать подходящий ему размер мини в пределах от 120 до 300 пикселей. Редактируя статью, по возможности не задавайте размеры изображений; вместо этого полагайтесь на собственный выбор читателя. Впрочем, задание специальных размеров рисунка может оказаться оправданным в некоторых специальных случаях. Например, если важные мелкие детали изображения трудно или невозможно различить при уменьшении, тогда его размер придётся специально сделать бо́льшим. Если высота изображения сильно превосходит ширину (или наоборот), можно задать подходящий масштаб с помощью параметра upright. Нежелательно вставлять изображения шириной более 800 пикселей — лучше вставить миниатюру, которую читатель может развернуть на весь экран.

Параметры на русском

Для лучшего понимания вики-текста рекомендуется использовать написание параметров на русском языке.

Размещение портретов

Если лицо на портрете обращено не прямо к читателю, то его обращают по направлению к тексту статьи:

  • если человек изображён анфас, или если мы имеем дело с групповой фотографией, то изображение можно поместить и слева, и справа от текста,
  • но если человек изображён в профиль или вполоборота, то следует помещать изображение так, чтобы он не казался отвернувшимся от статьи:
    • изображённые глядящими направо от читателя — размещаются слева от текста,
    • изображённые глядящими налево от читателя — размещаются справа от текста.

Аналогичное правило действует в отношении животных.

Размещение изображений движущихся объектов

Если движущийся объект (всадник, телега, автомобиль, летательный аппарат, брошенный предмет) изображён движущимся не прямо к читателю или от читателя, то иллюстрация размещается так, чтобы направление движения объекта было обращено к тексту статьи:

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

Нагромождение изображений

Статья может стать трудночитаемой и выглядеть неряшливо, если на странице расположено слишком много изображений при сравнительно малом объёме текста. По этой причине старайтесь включать в небольшую статью наиболее важные иллюстрации и лишь по мере её увеличения подключать дополнительные, либо включать дополнительные изображения в структурированные галереи.

Примечания

Служебные страницы

Поиск свободных иллюстраций

  • Free Image Search Tool — ищет Википедии, Викискладу, Flickr, WikiTravel, GIMP-SAVVY, everystockphoto, Geograph (UK).
  • Compfight — поиск по Flick] (отметьте Only Search Creative Commons)
  • YouTube. Можно использовать видеоролики, лицензированные СС-BY (обсуждение на форуме). Стандартная лицензия youtube не разрешает этого делать. Есть специальная опция, позволяющая искать только видеозаписи под лицензией Creative Commons. Для этого необходимо в строке поиска ввести запрос, после этого нажать кнопку «Фильтры» и в выпадающем меню в разделе «Особенности» выбрать «Лицензия Creative Commons». В описании видеороликов в поле лицензия должно быть указано Лицензия Creative Commons — Attribution (разрешено повторное использование). Скачать видео с сервиса или сделать скриншот можно с помощью сторонних утилит или плагинов для браузера, также можно сделать скриншот из видео кнопкой PrintScreen.

PNG-конвертеры