Версия для слабовидящих

Вставка медиа-файла — различия между версиями

Материал из Ярославский педагогический университет
Перейти к: навигация, поиск
(Создана новая страница размером {{Руководства}} Чтобы украсить статью яркой картинкой или подробной схемой, ...)
 
(Только ссылка на изображение)
 
(не показаны 30 промежуточные версии 2 участников)
Строка 1: Строка 1:
 
{{Руководства}}
 
{{Руководства}}
Чтобы украсить статью яркой картинкой или подробной схемой, вы должны провести некоторые подготовительные работы.
+
Прежде чем поместить на страницу изображение или ссылку на медиа-файл, его следует загрузить.
 
+
== Подписи к иллюстрациям ==
+
Как правило, все помещаемые в статью иллюстрации следует снабжать кратким информативным пояснением — подписями. Однако подпись не должна дословно дублировать часть текста статьи.
+
 
+
В состав подписи могут входить следующие элементы:
+
* условное обозначение иллюстрации — слово ''Рис.'';
+
* номер иллюстрации;
+
* название иллюстрации (тема);
+
* расшифровка обозначений — легенда и (или) экспликация;
+
* комментарии.
+
 
+
Естественно, что в подавляющем большинстве случаев состав подписи будет ограничен двумя-тремя элементами, или даже одним.
+
 
+
Примеры подписей к иллюстрациям:
+
* '''616.''' Артерии головы и шеи; ''справа (полусхематично)''
+
* '''Рис. 10.7.''' Установка для зонной плавки:
+
: <small>''1'' — нагреватели; ''2'' — зоны расплава</small>
+
* '''Рис. 10.23.''' Конические зубчатые колёса:
+
: <small>''а'' — с прямыми; ''б'' — с косыми; ''в'' — с круговыми зубьями</small>
+
* Структурная формула холестерина
+
 
+
'''Обратите внимание''', в конце подписи ставить никаких знаков препинания не нужно. Части подписи обычно разделяются точкой, а элементы одной части — запятой. Условное обозначение и номер выделяются полужирным, а экспликация набирается с новой строки шрифтом меньшего размера.
+
 
+
== Требования к изображениям ==
+
Изображение, которое вы собираетесь поместить в свою статью, должно соответствовать ряду требований:
+
* Соблюдение авторского права: '''никогда не помещайте изображения, если это не разрешено их правообладателями'''.
+
* Используйте правильный формат изображений:
+
** для векторных изображений применяйте формат SVG;
+
** для неподвижных растровых изображений с преобладанием плавных цветовых переходов (фотографии, репродукции художественных произведений) применяйте формат JPEG;
+
** для неподвижных [растровых изображений с резкими границами между цветными областями (схемы, карты, скриншоты программ, изображения символов и т. д.) применяйте формат PNG;
+
** для подвижных (анимированных) растровых изображений применяйте формат GIF;
+
** если ваши изображения имеют другие форматы, то конвертируйте их в рекомендуемые.
+
* Для каждого изображения имеется страница с его описанием, которую вы обязаны заполнить. Поэтому приготовьте в обязательном порядке данные об '''источнике''' (в случае, если автор изображения не вы) и '''лицензии'''.
+
  
 
== Загрузка файла ==
 
== Загрузка файла ==
 
Загружать файлы могут только зарегистрированные участники.
 
Загружать файлы могут только зарегистрированные участники.
  
Последовательность действий описана на странице [[Special: Upload|Загрузить файл]]. При загрузке учитывайте некоторые особенности MediaWiki:
+
Последовательность действий описана на странице [[Special: Upload|Загрузить файл]]. При загрузке учитывайте некоторые особенности [http://ru.wikipedia.org/wiki/MediaWiki MediaWiki]:
* в названии файлов MediaWiki различает написание ПРОПИСНЫМИ и строчными буквами;
+
* в названии файлов [http://ru.wikipedia.org/wiki/MediaWiki MediaWiki] различает написание ПРОПИСНЫМИ и строчными буквами;
 
* при загрузке изображения более высокого качества под тем же названием старое изображение не стирается, а сохраняется в «истории»;
 
* при загрузке изображения более высокого качества под тем же названием старое изображение не стирается, а сохраняется в «истории»;
* для переименования изображения требуется новая загрузка файла. Старая версия должна быть стёрта администратором.
+
* при загрузке нового изображения под тем же названием старое изображение сохраняется в истории правок, так же, как текст статей. Если вы считаете нужным удалить старую версию изображения или изображение полностью, обратитесь к администраторам.
 +
* при загрузке текстовых файлов, переводите их в формат .pdf, если они не предназначаются для правки пользователями сайта.
  
 
Загрузка файлов отражается в [[Служебная:Log/upload|журнале загрузки файлов]]. Просмотреть ранее загруженные файлы можно [[Служебная:Imagelist|в списке]] или [[Special:NewFiles|в галерее]] загруженных изображений<!-- , либо через категории, входящие в [[:Категория:Файлы]]-->.
 
Загрузка файлов отражается в [[Служебная:Log/upload|журнале загрузки файлов]]. Просмотреть ранее загруженные файлы можно [[Служебная:Imagelist|в списке]] или [[Special:NewFiles|в галерее]] загруженных изображений<!-- , либо через категории, входящие в [[:Категория:Файлы]]-->.
  
== Описание изображения ==
+
== Вставка файла в статью ==
После загрузки файла изображения появится ссылка на страницу '''описания''' этого изображения, где рекомендуется записать название, источник, откуда взято изображение (например, URL страницы сайта), а также, желательно, фамилию фотографа и/или автора (художника, скульптора и т. п.) изображенного произведения. Такое описание поможет другим пользователям использовать в своих статьях это изображение.
+
Для вставки текстовых файлов (.pdf, .doc, .odt и т.д.) на страницу сайта ЯГПУ используйте тег '''<nowiki>[[Медиа:Имя файла с расширением|Описание ссылки]]</nowiki>'''. Изображения, которые хранятся на сайте ЯГПУ, предоставляются с помощью префикса пространства имён <code>Файл:</code>
  
Для описания изображения рекомендуется использовать специальный шаблон {{tl|Изображение}}.
+
Ниже написана инструкция по иллюстрированию.  
<pre>
+
{{Изображение
+
| Описание      = <!-- Описание -->
+
| Источник      = <!-- Источник -->
+
| Время создания = <!-- Время создания -->
+
| Автор          = <!-- Автор -->
+
}}
+
</pre>
+
Для удобства последующей правки, лучше оставить комментарий из приведенного выше формата, а собственно текст описания помещать в соответствующую секцию (строку) шаблона сразу после комментария или перед ним — это впоследствии облегчит другим участникам правку шаблона. Если Вы не можете заполнить какую-либо позицию шаблона — просто оставьте в ней текст комментария.
+
 
+
<!-- === Рекомендуемый формат описания ===
+
Ниже приводится рекомендуемый формат описания изображения, реализованный в шаблоне {{tl|Изображение}}:
+
{{Изображение
+
| Описание      = ''название изображенного объекта, (в случае репродукции — название оригинального произведения), дополнительные сведения об изображении, информация о местонахождении''
+
| Источник      = ''информация о том, откуда взято изображение'' (http://)
+
| Время создания = ''любые сведения о времени создания изображения''
+
| Автор          = ''имя автора (художника, скульптора) и/или фотографа''
+
}}
+
-->
+
 
+
<!-- === Включение в категории ===
+
Также желательно включать загруженные изображения в специальные категории, входящие в иерархию категорий [[:Категория:Изображения по темам]]. Названия таких категорий должны обязательно начинаться с префикса «Изображения:» — например, [[:Категория:Изображения:Персоналии]].-->
+
 
+
== Вставка файла в статью ==
+
  
 
=== Вставка без изменения размеров ===
 
=== Вставка без изменения размеров ===
Чтобы вставить загруженное изображение в статью, достаточно указать ссылку на него: '''<nowiki>[[Файл:Имя файла]]</nowiki>'''.
+
Чтобы вставить загруженное изображение в статью, достаточно указать ссылку на него: '''<nowiki>[[Файл:Имя файла с расширением]]</nowiki>'''. При редактировании страницы этот тег помогает вставить кнопка «встроенное изображение».
  
«По умолчанию» изображение будет воспроизводиться слева в полную величину, а текст начинаться ниже его. Если вы хотите дать только ссылку на изображение, не приводя его на странице, то поставьте двоеточие перед словом «Файл»: '''<nowiki>[[:Файл:Имя файла]]</nowiki>'''. Щелчок на такую надпись загружает страницу самого изображения.
+
=== Только ссылка на изображение ===
 +
«По умолчанию» изображение будет воспроизводиться слева в полную величину, а текст начинаться ниже его. Если вы хотите дать только ссылку на изображение, не приводя его на странице, то поставьте двоеточие перед словом «Файл»: '''<nowiki>[[:Файл:Имя файла с расширением|текст ссылки]]</nowiki>'''. Щелчок на такую надпись загружает страницу самого изображения.
  
 
=== Альтернативный текст ===
 
=== Альтернативный текст ===
Некоторые читатели отключают функцию показа изображений. В качестве альтернативы (вместо изображений) для таких читателей отображается специальный текст — '''пояснение к изображению''', его вписывают в конце после вертикальной чёрточки: '''<nowiki>[[Файл:Имя файла|Альтернативный текст для изображений]]</nowiki>'''.
+
Некоторые читатели отключают функцию показа изображений. В качестве альтернативы (вместо изображений) для таких читателей отображается специальный текст — '''пояснение к изображению''', его вписывают в конце после вертикальной чёрточки: '''<nowiki>[[Файл:Имя файла с расширением|Альтернативный текст для изображений]]</nowiki>'''.
  
 
Кроме этого, даже при включённом отображении изображений, альтернативный текст будет показываться в виде всплывающей подсказки при наведении курсора мыши на изображение.
 
Кроме этого, даже при включённом отображении изображений, альтернативный текст будет показываться в виде всплывающей подсказки при наведении курсора мыши на изображение.
Строка 119: Строка 64:
 
  <nowiki>[[Файл:Logo yspu.jpg|right|100px]]</nowiki>
 
  <nowiki>[[Файл:Logo yspu.jpg|right|100px]]</nowiki>
  
В отличие от изображения с атрибутом «frame» или «thumb», в данном случае изображение не оказывается заключённым в рамку, и альтернативный текст не указывается в видимой подписи. Однако он всё равно используется в качестве всплывающей подсказки (после наведения курсора мыши на изображение), а также показывается вместо картинки для тех читателей, которые отключили отображение изображений в своём [[браузер]]е. Поэтому рекомендуется указывать альтернативный текст после атрибута «right», за вертикальной чёрточкой. Пример:
+
В отличие от изображения с атрибутом «frame» или «thumb», в данном случае изображение не оказывается заключённым в рамку, и альтернативный текст не указывается в видимой подписи. Однако он всё равно используется в качестве всплывающей подсказки (после наведения курсора мыши на изображение), а также показывается вместо картинки для тех читателей, которые отключили отображение изображений в своём браузере. Поэтому рекомендуется указывать альтернативный текст после атрибута «right», за вертикальной чёрточкой. Пример:
 
  <nowiki>[[Файл:Logo yspu.jpg|right|100px|Лого ЯГПУ]]</nowiki>
 
  <nowiki>[[Файл:Logo yspu.jpg|right|100px|Лого ЯГПУ]]</nowiki>
 
<br clear="both" />
 
<br clear="both" />
 
 
  
 
==== Смещение влево ====
 
==== Смещение влево ====
Строка 134: Строка 77:
 
Текст, следующий за таким изображением, обтекает его справа.
 
Текст, следующий за таким изображением, обтекает его справа.
 
<br clear="both" />
 
<br clear="both" />
 
 
  
 
==== Окончание обтекания ====
 
==== Окончание обтекания ====
Строка 172: Строка 113:
 
Такое автоматическое масштабирование предпочтительнее закреплённой с помощью <tt>px</tt> ширины.
 
Такое автоматическое масштабирование предпочтительнее закреплённой с помощью <tt>px</tt> ширины.
 
<br style="clear:both" />
 
<br style="clear:both" />
 +
 +
<!-- == Подписи к иллюстрациям ==
 +
Как правило, все помещаемые в статью иллюстрации следует снабжать кратким информативным пояснением — подписями. Однако подпись не должна дословно дублировать часть текста статьи.
 +
 +
В состав подписи могут входить следующие элементы:
 +
* условное обозначение иллюстрации — слово ''Рис.'';
 +
* номер иллюстрации;
 +
* название иллюстрации (тема);
 +
* расшифровка обозначений — легенда и (или) экспликация;
 +
* комментарии.
 +
 +
Естественно, что в подавляющем большинстве случаев состав подписи будет ограничен двумя-тремя элементами, или даже одним.
 +
 +
Примеры подписей к иллюстрациям:
 +
* '''616.''' Артерии головы и шеи; ''справа (полусхематично)''
 +
* '''Рис. 10.7.''' Установка для зонной плавки:
 +
: <small>''1'' — нагреватели; ''2'' — зоны расплава</small>
 +
* '''Рис. 10.23.''' Конические зубчатые колёса:
 +
: <small>''а'' — с прямыми; ''б'' — с косыми; ''в'' — с круговыми зубьями</small>
 +
* Структурная формула холестерина
 +
 +
'''Обратите внимание''', в конце подписи ставить никаких знаков препинания не нужно. Части подписи обычно разделяются точкой, а элементы одной части — запятой. Условное обозначение и номер выделяются полужирным, а экспликация набирается с новой строки шрифтом меньшего размера.-->
 +
 +
== Требования к изображениям ==
 +
Изображение, которое вы собираетесь поместить в свою статью, должно соответствовать ряду требований:
 +
* Соблюдение авторского права: '''никогда не помещайте изображения, если это не разрешено их правообладателями'''.
 +
* Используйте правильный формат изображений:
 +
** для векторных изображений применяйте формат SVG;
 +
** для неподвижных растровых изображений с преобладанием плавных цветовых переходов (фотографии, репродукции художественных произведений) применяйте формат JPEG;
 +
** для неподвижных [растровых изображений с резкими границами между цветными областями (схемы, карты, скриншоты программ, изображения символов и т. д.) применяйте формат PNG;
 +
** для подвижных (анимированных) растровых изображений применяйте формат GIF;
 +
** если ваши изображения имеют другие форматы, то конвертируйте их в рекомендуемые.
 +
* Для каждого изображения имеется страница с его описанием, которую вы обязаны заполнить. Поэтому приготовьте в обязательном порядке данные об '''источнике''' (в случае, если автор изображения не вы) и '''лицензии'''.
 +
 +
<!--
 +
== Описание изображения ==
 +
После загрузки файла изображения появится ссылка на страницу '''описания''' этого изображения, где рекомендуется записать название, источник, откуда взято изображение (например, URL страницы сайта), а также, желательно, фамилию фотографа и/или автора (художника, скульптора и т. п.) изображенного произведения. Такое описание поможет другим пользователям использовать в своих статьях это изображение.
 +
 +
Для описания изображения рекомендуется использовать специальный шаблон {{tl|Изображение}}.
 +
<pre>
 +
{{Изображение
 +
| Описание      = <!-- Описание -->
 +
| Источник      = <!-- Источник -->
 +
| Время создания = <!-- Время создания -->
 +
| Автор          = <!-- Автор -->
 +
}}
 +
</pre>
 +
Для удобства последующей правки, лучше оставить комментарий из приведенного выше формата, а собственно текст описания помещать в соответствующую секцию (строку) шаблона сразу после комментария или перед ним — это впоследствии облегчит другим участникам правку шаблона. Если Вы не можете заполнить какую-либо позицию шаблона — просто оставьте в ней текст комментария.
 +
-->
 +
<!--
 +
=== Рекомендуемый формат описания ===
 +
Ниже приводится рекомендуемый формат описания изображения, реализованный в шаблоне {{tl|Изображение}}:
 +
{{Изображение
 +
| Описание      = ''название изображенного объекта, (в случае репродукции — название оригинального произведения), дополнительные сведения об изображении, информация о местонахождении''
 +
| Источник      = ''информация о том, откуда взято изображение'' (http://)
 +
| Время создания = ''любые сведения о времени создания изображения''
 +
| Автор          = ''имя автора (художника, скульптора) и/или фотографа''
 +
}}
 +
-->
 +
<!-- === Включение в категории ===
 +
Также желательно включать загруженные изображения в специальные категории, входящие в иерархию категорий [[:Категория:Изображения по темам]]. Названия таких категорий должны обязательно начинаться с префикса «Изображения:» — например, [[:Категория:Изображения:Персоналии]].-->
 +
 +
== Изменение стандартной целевой ссылки ==
 +
В следующей таблице показано, как изменить цель ссылки (которая по умолчанию является страницой описания изображения), или как её удалить. Изменение ссылки не изменяет формат, описанный в предыдущих разделах.
 +
 +
{| class="wikitable"
 +
|-
 +
!Описание||Формат||Результат
 +
|-
 +
|внутренняя ссылка||<pre>... текст текст текст
 +
[[File:Logo yspu.jpg|link=Добро_пожаловать_на_сайт_ЯГПУ|подпись]]
 +
текст текст текст ...</pre>||... текст текст текст
 +
[[File:Logo yspu.jpg|link=Добро_пожаловать_на_сайт_ЯГПУ|подпись]]
 +
текст текст текст ...
 +
|-
 +
|внешняя ссылка||<pre>... текст текст текст
 +
[[File:Logo yspu.jpg|link=http://wikipedia.org|подпись]]
 +
текст текст текст ...</pre>||... текст текст текст
 +
[[File:Logo yspu.jpg|link=http://wikipedia.org|подпись]]
 +
текст текст текст ...
 +
|-
 +
|без ссылки (внешней или страницы файла)||<pre>... текст текст текст
 +
[[File:Logo yspu.jpg|link=|подпись]]
 +
текст текст текст ...</pre>||... текст текст текст
 +
[[File:Logo yspu.jpg|link=|подпись]]
 +
текст текст текст ...
 +
|}
 +
 +
== Отображение части изображения ==
 +
{|
 +
|-
 +
| [[Файл:Logo yspu.jpg|150px]]
 +
|<div style="overflow:hidden;">
 +
<div style="margin:-30px 0px -40px 0px;">
 +
[[Файл:Logo yspu.jpg|150px]]
 +
</div>
 +
</div>
 +
|-
 +
| Оригинал
 +
| Технически обрезанная
 +
|}
 +
 +
Исходный текст для этого примера:
 +
<pre><nowiki>
 +
<div style="overflow:hidden;">
 +
<div style="margin:-6px 0px -50px 0px;">
 +
[[Файл:Logo yspu.jpg|150px]]
 +
</div>
 +
</div>
 +
</nowiki>
 +
</pre>
 +
Скрывается прокрутка и поочерёдно задаётся отступ от верхнего, правого, нижнего и левого края.
  
 
== Дополнительные возможности ==
 
== Дополнительные возможности ==
Строка 189: Строка 242:
 
Файл:Logo yspu.jpg
 
Файл:Logo yspu.jpg
 
Файл:Logo yspu.jpg|Подпись
 
Файл:Logo yspu.jpg|Подпись
Файл:Logo yspu.jpg|Подпись со [[Заглавная страница|ссылкой]]
+
Файл:Logo yspu.jpg|Подпись со [[Добро_пожаловать_на_сайт_ЯГПУ|ссылкой]]
 
</gallery>
 
</gallery>
 
Пример более изощрённого синтаксиса.
 
Пример более изощрённого синтаксиса.
Строка 245: Строка 298:
 
</gallery>
 
</gallery>
  
 +
=====Параметры=====
 +
Тег галереи имеет несколько дополнительных параметров:
 +
<pre><gallery {параметры}>
 +
{изображения}
 +
</gallery></pre>
  
 
+
* <code>caption={подпись}</code>: задаёт подпись к галерее.
 
+
* <code>widths={ширина}px</code>: задаёт ширину изображений.
 +
* <code>heights={высота}px</code>: задаёт (максимальную) высоту изображений.
 +
* <code>perrow={целое число}</code>: задаёт количество изображений в строке.
  
 
== Рекомендации ==
 
== Рекомендации ==
 
 
=== Нагромождение изображений ===
 
=== Нагромождение изображений ===
 
Статья может стать трудночитаемой и выглядеть неряшливо, если на странице расположено слишком много изображений при сравнительно малом объёме текста. По этой причине старайтесь включать в небольшую статью наиболее важные иллюстрации и лишь по мере её увеличения подключать дополнительные, либо включать дополнительные изображения в структурированные [[#Галереи|галереи]].
 
Статья может стать трудночитаемой и выглядеть неряшливо, если на странице расположено слишком много изображений при сравнительно малом объёме текста. По этой причине старайтесь включать в небольшую статью наиболее важные иллюстрации и лишь по мере её увеличения подключать дополнительные, либо включать дополнительные изображения в структурированные [[#Галереи|галереи]].
Строка 268: Строка 327:
  
 
* [http://ru.wikipedia.org/wiki/Википедия:Иллюстрирование Википедия]
 
* [http://ru.wikipedia.org/wiki/Википедия:Иллюстрирование Википедия]
 +
 +
<!------категории------->
 +
[[категория:Образовательные ресурсы]]

Текущая версия на 15:09, 22 июля 2014

Написание статей Написание статей
Техническая справка
Внешняя справка

Прежде чем поместить на страницу изображение или ссылку на медиа-файл, его следует загрузить.

Загрузка файла

Загружать файлы могут только зарегистрированные участники.

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

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

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

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

Для вставки текстовых файлов (.pdf, .doc, .odt и т.д.) на страницу сайта ЯГПУ используйте тег [[Медиа:Имя файла с расширением|Описание ссылки]]. Изображения, которые хранятся на сайте ЯГПУ, предоставляются с помощью префикса пространства имён Файл:

Ниже написана инструкция по иллюстрированию.

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

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

Только ссылка на изображение

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

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

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

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

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

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

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

[[Файл:Logo yspu.jpg|frame|Пояснительная подпись]]

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

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

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

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

[[Файл:Logo yspu.jpg|thumb|Пояснительная подпись]]

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

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

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

[[Файл:Logo yspu.jpg|100px|Альтернативный текст для изображений]]

Или

[[Файл:Logo yspu.jpg|thumb|100px|Пояснительная подпись]]

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

[[Файл:Logo yspu.jpg|thumb|200x100px|Пояснительная подпись]]

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

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

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

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

Лого

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

[[Файл:Logo yspu.jpg|right|100px]]

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

[[Файл:Logo yspu.jpg|right|100px|Лого ЯГПУ]]


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

Лого ЯГПУ

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

[[Файл:Logo yspu.jpg|left]]

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

[[Файл:Logo yspu.jpg|thumb|left|100px|Лого ЯГПУ]]

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

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

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

<br clear="both" />

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

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

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

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

[[Файл:Logo yspu.jpg|thumb|center|100px|Пояснительная подпись]]
Пояснительная подпись

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

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

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

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

[[Файл:Logo yspu.jpg|thumb|upright|без „px“-, но с параметром „upright“]]

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

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

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

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

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

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


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

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

  • Соблюдение авторского права: никогда не помещайте изображения, если это не разрешено их правообладателями.
  • Используйте правильный формат изображений:
    • для векторных изображений применяйте формат SVG;
    • для неподвижных растровых изображений с преобладанием плавных цветовых переходов (фотографии, репродукции художественных произведений) применяйте формат JPEG;
    • для неподвижных [растровых изображений с резкими границами между цветными областями (схемы, карты, скриншоты программ, изображения символов и т. д.) применяйте формат PNG;
    • для подвижных (анимированных) растровых изображений применяйте формат GIF;
    • если ваши изображения имеют другие форматы, то конвертируйте их в рекомендуемые.
  • Для каждого изображения имеется страница с его описанием, которую вы обязаны заполнить. Поэтому приготовьте в обязательном порядке данные об источнике (в случае, если автор изображения не вы) и лицензии.

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

Изменение стандартной целевой ссылки

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

Описание Формат Результат
внутренняя ссылка
... текст текст текст
[[File:Logo yspu.jpg|link=Добро_пожаловать_на_сайт_ЯГПУ|подпись]]
текст текст текст ...
... текст текст текст

подпись текст текст текст ...

внешняя ссылка
... текст текст текст
[[File:Logo yspu.jpg|link=http://wikipedia.org|подпись]]
текст текст текст ...
... текст текст текст

подпись текст текст текст ...

без ссылки (внешней или страницы файла)
... текст текст текст
[[File:Logo yspu.jpg|link=|подпись]]
текст текст текст ...
... текст текст текст

подпись текст текст текст ...

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

Logo yspu.jpg

Logo yspu.jpg

Оригинал Технически обрезанная

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

<div style="overflow:hidden;">
<div style="margin:-6px 0px -50px 0px;">
[[Файл:Logo yspu.jpg|150px]]
</div>
</div> 

Скрывается прокрутка и поочерёдно задаётся отступ от верхнего, правого, нижнего и левого края.

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

Галереи

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

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

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

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

<gallery caption="Можно добавлять заголовки">
Также можно вставлять текст,
но если в тексте будет [[ссылка]], строка игнорируется
Файл:Logo yspu.jpg|Лого
Файл:Logo yspu.jpg|Лого
Файл:Logo yspu.jpg|Лого
</gallery>
Форматирование галерей

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

  • perrow — количество элементов в строке
  • widths — размер (каждой) картинки по горизонтали
  • heights — размер (каждой) картинки по вертикали

Примеры:

 <gallery perrow=2 widths="300px" heights="300px">
 Файл:Logo yspu.jpg
 Файл:Logo yspu.jpg
 Файл:Logo yspu.jpg
 Файл:Logo yspu.jpg
 </gallery>
 <gallery perrow=4 widths="160px" heights="160px">
 Файл:Logo yspu.jpg
 Файл:Logo yspu.jpg
 Файл:Logo yspu.jpg
 Файл:Logo yspu.jpg
 </gallery>
Параметры

Тег галереи имеет несколько дополнительных параметров:

<gallery {параметры}>
{изображения}
</gallery>
  • caption={подпись}: задаёт подпись к галерее.
  • widths={ширина}px: задаёт ширину изображений.
  • heights={высота}px: задаёт (максимальную) высоту изображений.
  • perrow={целое число}: задаёт количество изображений в строке.

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

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

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

См. также

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

Ссылки