Википедия:Изображения

From Virtonomics (online economic game) Wiki
Jump to: navigation, search
Написание статей Написание статей
Техническая справка
Общие правила

Список правил

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

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

Contents


Если нужна фотография какого-либо реального объекта или явления, сфотографируйте его самостоятельно

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

Возможно, что нужное Image в Википедии уже есть. Для этого можете воспользоваться функцией «Найти».

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

Если подходящего изображения не нашлось:

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

Требования к изображениям

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

  • Соблюдение авторского права: никогда не помещайте в Википедию изображения, если это не разрешено их правообладателями.
  • Используйте правильный формат изображений:
    • для векторных изображений предпочтительней применение формата SVG;
    • для неподвижных растровых изображений с преобладанием плавных цветовых переходов (фотографии, репродукции художественных произведений) применяйте формат JPEG;
    • для неподвижных растровых изображений с резкими границами между цветными областями (схемы, карты, скриншоты программ, изображения символов и т. д.) применяйте формат PNG;
    • для подвижных (анимированных) растровых изображений применяйте формат GIF;
    • если ваши изображения имеют другие форматы, то конвертируйте их в рекомендуемые.
  • Загружаемые изображения должны иметь максимально высокое разрешение, что обеспечит высокое качество печати. Максимальный размер файла изображения, допускаемый MediaWiki, — 32 Мбайт, поэтому не уменьшайте их перед загрузкой на сервер! Лучше это сделать с помощью команд разметки Wikipedia непосредственно при вставке в статью. Старайтесь, чтобы размеры уменьшенной копии изображения, используемой в статье, не превышали 25 кбайт (максимум 50 кбайт).
  • Желательно загружать Image без подписи, чтобы использовать его и в других языковых разделах. Подпись вставляется с помощью wiki-разметки очень просто.

Загрузка файла изображения в Википедию

Загружать файлы (как на Викисклад, так и в локальную базу) могут только зарегистрированные участники.При загрузке учитывайте некоторые особенности Википедии:

  • для переименования изображения требуется новая загрузка файла. Старая версия должна быть стёрта администратором;
  • при загрузке изображения более высокого качества под тем же названием старое Image не стирается, а сохраняется в «Истории», как и любой файл в Википедии;
  • в названии файлов Википедия различает написание ПРОПИСНЫМИ и строчными буквами.

Вставка изображения в статью

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

Чтобы вставить загруженное Image в статью, достаточно указать ссылку на него: [[Image:Файл]].
Синтаксис ссылок на изображения одинаков как для изображений c Викисклада, так и для изображений, загруженных в местный проект.
Алгоритм при этом таков: если есть местное Image, то показывается именно оно; если же в локальной базе нет изображения с таким именем, то берётся соответствующий файл на Викискладе.

Стоп

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

Альтернативный текст

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

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

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

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

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

[[Image:240px-Stop_hand_nuvola_svg.png|frame|Пояснительная подпись]]

Он заключает Image в рамку и смещает Image вправо. В области «Пояснительная подпись» можно применять wiki-разметку. Пояснительная подпись одновременно выполняет вышеописанные функции альтернативного текста.

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

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

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

[[Image:180px-Coat_of_Arms_of_Moscow.png‎|thumb|Пояснительная подпись]]

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

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

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

[[Image:180px-Coat_of_Arms_of_Moscow.png‎|100px|Альтернативный текст для изображений]]

Или

[[Image:180px-Coat_of_Arms_of_Moscow.png‎|thumb|100px|Пояснительная подпись]]

Можно вписать Image в прямоугольник заданного размера, указав его ширину и высоту:

[[Image:180px-Coat_of_Arms_of_Moscow.png‎|thumb|200x100px|Пояснительная подпись]]

Отношение сторон изображения (ширины к высоте) при этом не изменяется. Иными словами, когда пропорции изображения не совпадают с пропорциями заданного прямоугольника, тогда либо высота, либо ширина уменьшенного изображения окажется меньше заданной для прямоугольника. Поэтому, если необходимо задать именно высоту изображения (и дать ему пропорционально растянуться по ширине), то для этого достаточно сделать ширину описанного прямоугольника заведомо большей, нежели высота : 30000x200px, например.

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

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

Смещение вправо

Герб Москвы

Кроме рассмотренных выше атрибутов «frame» и «thumb», прижать Image вправо можно атрибутом «right». Пример:

[[Image:180px-Coat_of_Arms_of_Moscow.png‎|100px|right]]

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

[[Image:180px-Coat_of_Arms_of_Moscow.png‎|100px|right|Герб Москвы]]

Смещение влево

Герб Москвы

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

[[Image:180px-Coat_of_Arms_of_Moscow.png‎|left]]

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

[[Image:180px-Coat_of_Arms_of_Moscow.png‎|100px|thumb|left|Герб Москвы]]

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


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

Для пометки окончания обтекающего Image текста используйте специальный HTML-код:

<br clear="both" />

или шаблон {{-}}.

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

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

Для расположения изображения в центре страницы следует использовать атрибут «center». Пример:

[[Image:180px-Coat_of_Arms_of_Moscow.png‎|100px|thumb|center|Пояснительная подпись]]
Пояснительная подпись

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

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

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

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

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

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

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

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

[[Image:Panorama.jpg|thumb|upright=1.8|Панорама, Image 180 % стандартной ширины.]]

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

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

Дополнительные возможности

Галереи

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

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

<gallery>
Image:Cubes.png
Image:Cubes.png|Подпись
Image:Cubes.png|Подпись со [[Заглавная страница|ссылкой]]
</gallery>

Пример более изощрённого синтаксиса.

<gallery caption="Можно добавлять заголовки">
Также можно вставлять текст,
но если в тексте будет [[ссылка]], строка игнорируется
Image:180px-Coat_of_Arms_of_Moscow.png|Герб Москвы
Image:95px-St_Basils_Cathedral-500px.jpg|Собор Василия Блаженного
Image:90px-Dormition_Kremlin.jpg|Успенский собор
</gallery>

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

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

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

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

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

Ссылки и надписи поверх изображений

Существует возможность создавать надписи и ссылки поверх изображений. Пользоваться этой возможностью не рекомендуется, так как в некоторых браузерах такие изображения могут показываться некорректно. Примером использования данной возможности может служить карта городов Германии, в которых проходил Чемпионат мира по футболу 2006:

300px-Germany WC.png

Берлин
Дортмунд
Франкфурт
Гельзенкирхен
Гамбург
Ганновер
Кайзерслаутерн
Кёльн
Лейпциг
Мюнхен
Нюрнберг
Штуттгарт

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

<div style="position: relative; width: 300px;">
[[Image:300px-Germany WC.png|300px|]]
{{Image label|x=0.83 |y=0.39 |scale=300|text=[[Берлин]]}}
{{Image label|x=0.23 |y=0.58 |scale=300|text=[[Дортмунд]]}}
{{Image label|x=0.335|y=0.77 |scale=300|text=[[Франкфурт]]}}
{{Image label|x=0.19 |y=0.50 |scale=300|text=[[Гельзенкирхен]]}}
{{Image label|x=0.485|y=0.225|scale=300|text=[[Гамбург]]}}
{{Image label|x=0.46 |y=0.41 |scale=300|text=[[Ганновер]]}}
{{Image label|x=0.21 |y=0.92 |scale=300|text=[[Кайзерслаутерн]]}}
{{Image label|x=0.15 |y=0.65 |scale=300|text=[[Кёльн]]}}
{{Image label|x=0.73 |y=0.58 |scale=300|text=[[Лейпциг]]}}
{{Image label|x=0.65 |y=1.09 |scale=300|text=[[Мюнхен]]}}
{{Image label|x=0.61 |y=0.86 |scale=300|text=[[Нюрнберг]]}}
{{Image label|x=0.39 |y=1.03 |scale=300|text=[[Штуттгарт]]}}
</div>


Рекомендации

Изменение личных настроек размера thumb

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

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

Рекомендуется именно этим Imageм и начинать статью. Такое Image должно обязательно иметь атрибут thumb и пояснительную подпись. Пример:
[[Image:Водовзводная башня.jpg|thumb|Пояснительная подпись]]

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

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

Зависимость положения иллюстраций от направления лиц и движения объектов

Уместное размещение изображений (слева или справа от текста) почти всегда зависит от положения лица на иллюстрации (если это портрет), или от направления движения объекта (если изображается движущийся объект).

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

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

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

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

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

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

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

Недопустимость зеркального отображения иллюстраций

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

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

  • Особенности лица, не обладающие зеркальной симметрией. (Пример: на правой или на левой щеке у Отто Скорцени располагается шрам от уха до подбородка?)
  • Начертание текста. (Не все владеют, подобно Леонардо да Винчи, навыками чтения зеркально отображённого текста; и если зеркально отобразить Image самолёта, то многие ли окажутся способными прочесть надпись на его фюзеляже?)
  • Расположение наград и знаков отличия на мундирах.
  • Географическое положение деталей пейзажа относительно направления тени (или относительно другой линии, географическое направление которой самоочевидно).
  • Направление развития спиралевидной раковины моллюсков (по часовой стрелке, или против неё).
  • Этикет расположения столовых приборов в ладонях при приёме пищи.
  • Изменение направления мужской или женской застежки на одежде.

Поэтому следует любой ценой избегать зеркального отображения иллюстраций.

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

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

Инструменты для поиска свободных иллюстраций

  • Free Image Search Tool — ищет по другим языковым разделам Википедии, Викискладу, Flickr, WikiTravel, GIMP-SAVVY, everystockphoto,
  • Mayflower — инструмент для поиска изображений на Викискладе
  • Compfight — поиск по Flickr (отметьте Only Search Creative Commons)

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