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



Материал из ТеплоВики - энциклопедия отоплении

Перейти к: навигация, поиск

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

Предварительно изображения должны быть сохранены либо в ТеплоВики как файл.

Содержание

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

Возможно, нужное изображение уже есть в нашем разделе ТеплоВики: воспользуйтесь поиском по предполагаемому имени файла. Для этого в левом меню выберите "Загрузить файл" и в первой строке перейдите по ссылке "Список загруженных файлов", в котором есть окошко поиска по названию.

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

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

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

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

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

Загрузка файла в Википедию

Загружать файлы в Википедию могут только участники, зарегистрированные как минимум 14 дней назад и сделавшие как минимум 20 правок. За это время новые участники имеют возможность лучше ознакомиться с правилами загрузки и не совершать распространённых ошибок. Опытным участникам, по каким-то причинам не удовлетворяющим этим критериям, например активным в других проектах Фонда, администраторы могут присвоить флаг «загружающего» вручную.

«Свободные» изображения (находящиеся в общественном достоянии или сделанные вами) рекомендуется загружать на Викисклад, чтобы их можно было использовать сразу во всех проектах Фонда Викимедиа.

Последовательность действий описана на странице Загрузить файл. При загрузке учитывайте некоторые особенности Википедии:

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

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

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

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

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

{{GFDL}}
{{CC-BY-SA-3.0}}
{{PermissionOTRS-ID|0000000000000000}}

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

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

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

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

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

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

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

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

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

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

Уборка

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

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

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

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

Об особенностях такого текста вы можете почитать в статье Alternative text for images(англ.).


Текст заголовка

Рамка

Для того чтобы обрамить какое-либо изображение, удобно использовать атрибут «border». Таким образом, например, легко решается проблема изображения флагов с белыми полями, сливающимися с фоном страницы.

[[Файл:Flag of Vologda Oblast.png|border|Флаг Вологодской области]]

Флаг Вологодской области

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

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

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

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

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

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

Файл:Coat of Arms of Moscow.png
Пояснительная подпись

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

[[Файл:Coat of Arms of Moscow.png|thumb|Пояснительная подпись]]

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

Файл:Coat of Arms of Moscow.png
Пояснительная подпись

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

[[Файл:Coat of Arms of Moscow.png|100px|Альтернативный текст для изображений]]

Или

[[Файл:Coat of Arms of Moscow.png|thumb|100px|Пояснительная подпись]]

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

[[Файл:Coat of Arms of Moscow.png|thumb|200x100px|Пояснительная подпись]]

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

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

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

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

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

[[Файл:Coat of Arms of Moscow.png|right|100px]]

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

[[Файл:Coat of Arms of Moscow.png|right|100px|Герб Москвы]]


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

Для размещения двух и более изображений справа в одну горизонтальную линию используется тег

<div class="tright" style="clear:none">файл</div>

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

[[Файл:Wiki.png|thumb|Файл 1]]
<div class="tright" style="clear:none">[[Файл:Wiki.png|thumb|Файл 2]]</div>
<div class="tright" style="clear:none">[[Файл:Wiki.png|thumb|Файл 3]]</div>


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

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

[[Файл:Coat of Arms of Moscow.png|left]]

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

[[Файл:Coat of Arms of Moscow.png|thumb|left|100px|Герб Москвы]]

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

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

Для размещения двух и более изображений слева в одну горизонтальную линию используется тег

<div class="tleft" style="clear:none">файл</div>

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

<div class="tleft" style="clear:none">[[Файл:Wiki.png|thumb|Файл 1]]</div>
<div class="tleft" style="clear:none">[[Файл:Wiki.png|thumb|Файл 2]]</div>
<div class="tleft" style="clear:none">[[Файл:Wiki.png|thumb|Файл 3]]</div>


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

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

<br clear="both" />

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

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

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

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

[[Файл:Coat of Arms of Moscow.png|thumb|center|100px|Пояснительная подпись]]
Файл:Coat of Arms of Moscow.png
Пояснительная подпись

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

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

Файл:Landschafts Duisburg-Nord - Hochofen 5 - Cowper.jpg
без «px»-, но с параметром «upright»

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

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

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

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

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

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

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

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

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

Галереи

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

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

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

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

<gallery caption="Можно добавлять заголовки">
Также можно вставлять текст,
но если в тексте будет [[ссылка]], строка игнорируется
Файл:Coat of Arms of Moscow.png|Герб Москвы
Файл:St Basils Cathedral-500px.jpg|Собор Василия Блаженного
Файл:Dormition (Kremlin).JPG|Успенский собор
</gallery>
Форматирование галерей

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

Примеры:

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

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

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

Города Германии
Берлин
Файл:Berliner Rathaus gross.jpeg
Ратуша г. Берлина
Вернигероде
Файл:WernigerodeCastleWinter.jpg
Замок г. Вернигероде зимой

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

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

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

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

Файл:Germany WC.png Шаблон:Image label Шаблон:Image label Шаблон:Image label Шаблон:Image label Шаблон:Image label Шаблон:Image label Шаблон:Image label Шаблон:Image label Шаблон:Image label Шаблон:Image label Шаблон:Image label Шаблон:Image label

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

<div style="position: relative; width: 300px;">
[[Файл:Germany WC.png|300px|]]
{{Image label|x=0.83 |y=0.39 |scale=300|text=[[Берлин]]}}
{{Image label|x=0.23 |y=0.565|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.23 |y=0.87 |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=0.98 |scale=300|text=[[Штуттгарт]]}}
</div>

Imagemap

Параметры
desc Определяет положение ссылки на описание изображения. Возможные варианты: top-right, bottom-right, bottom-left, top-left или none. Помещает голубой значок «i» со ссылкой на страницу описания изображения в выбранный угол. По умолчанию значение параметра bottom-right. Чтобы скрыть ссылку на описание, выберите значение none.
rect Прямоугольник. Параметры — координаты левого верхнего и правого нижнего углов, за ними следует ссылка в квадратных скобках.
circle Круг. Первые два параметра — координаты центра, третий — радиус, за ними следует ссылка в квадратных скобках.
poly Многоугольник. Параметры — координаты углов, за ними следует ссылка в квадратных скобках. Многоугольники должны быть заданы прежде всех других фигур!
default Определяет ссылку по умолчанию в тех местах, где не заданы другие регионы.


Пример

(нажмите на экран, клавиатуру, женщину или знак копирайта)

Ошибка: неверное или отсутствующее изображение

<imagemap>
Файл:Foo.jpg|200px|какая-то картинка
poly 131 45 213 41 210 110 127 109 [[Монитор (дисплей)]]
poly 104 126 105 171 269 162 267 124 [[Клавиатура]]
rect 15 95 94 176   [[Женщина]]
# Комментарий. Эта строчка игнорируется
circle 57 57 20    [[Авторское право]]
desc bottom-left
</imagemap>
См. также

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

Файл:Wiki help thumb resize.jpg
Изменение личных настроек размера thumb

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

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

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

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

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

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

Файл:Pin-up blue.png
Пример: эта девушка размещена неудачно (спиной к статье)

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

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

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

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

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

Файл:Alonso (Renault) qualifying at USGP 2005.jpg
Пример: этот болид размещён удачно (носом к тексту статьи).

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

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

Файл:Плохой пример.jpg
Пример: название какой авиакомпании написано на фюзеляже самолёта?

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

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

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

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

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

См. также

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

Инструменты

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

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

Ссылки

Личные инструменты
Пространства имён
Варианты
Действия
Навигация
Инструкции
Инструменты
Печать/экспорт