Справка:Изображения - История изменений

BraDD: /* См. также */

2011-08-01T16:05:24Z

‎См. также

BraDD: /* Подпись */

2011-08-01T15:32:35Z

‎Подпись

BraDD: /* Галерея */

2011-08-01T15:26:33Z

‎Галерея

BraDD: /* Размер */

2011-08-01T15:23:55Z

‎Размер

BraDD: /* Размер */

2011-08-01T15:23:21Z

‎Размер

BraDD: /* Положение */

2011-08-01T15:21:09Z

‎Положение

BraDD: Новая страница: «== Синтаксис == Изображения вставляются с помощью конструкции '''[[Файл:Имя файла.расшир...»

2011-08-01T15:09:59Z

Новая страница: «== Синтаксис == Изображения вставляются с помощью конструкции '''<nowiki>[[Файл:Имя файла.расшир...»

Новая страница

== Синтаксис ==
Изображения вставляются с помощью конструкции '''<nowiki>[[Файл:Имя файла.расширение]]</nowiki>''' с дополнительными необязательными параметрами. Чтобы изображение можно было вставить, оно должно быть загружено в вики. В навигационной панели слева есть ссылка для загрузки файлов. Полный синтаксис для вставки изображения таков:

[[Файл:{имя изображения с расширением}|{тип}|{положение}
|{размер}|{upright}|{граница}|{подпись}]]

;Тип: может принимать значения '''thumb''' или '''frame'''. Влияет на форматирование изображения (см. ниже).
;Положение: может принимать значения '''right''', '''left''', '''center''' или '''none'''. Определяет положение изображения на странице. Когда задан тип '''thumb''' или '''frame''', по умолчанию этот параметр принимает значение '''right'''.
;Размер:в форме '''{ширина}px''' или '''{ширина}x{высота}px''', масштабирует изображение, чтобы оно не превышало указанных пределов, сохраняя отношение сторон.
;Upright:используется с изображениями, чья высота больше ширины. Масштабирование происходит с учётом не только ширины, но и высоты изображения.
;Border:добавляет узкую серую границу вокруг изображения.
;Подпись:любой элемент, который не может быть интерпретирован как один из вышеперечисленных вариантов, выводится как подпись к картинке.

== Имя изображения ==

Имя изображения - это '''не''' полный путь с http:// и т. д. Это только название самого файла с расширением, причём знаки подчёркивания можно заменить пробелами и наоборот. На странице описания изображения имя показано в заголовке после "Файл: ". Регистр символов имеет значение.

== Тип ==
Если не указан тип, изображение вставляется прямо в текст, без рамок и подписей. Подпись становится текстом подсказки при наведении на изображение.

Пример: [[Файл:Icon folder green.png|Зелёная папка]] <tt><nowiki>[[Файл:Icon folder green.png|Зелёная папка]]</nowiki></tt>

[[Файл:Icon folder green.png|thumb|Зелёная папка]] Параметр '''thumb''' или '''thumbbnail''' масштабирует изображение и располагает его справа от статьи, если не указано иного. Подпись отображается снизу вместе с иконкой "увеличить". <tt><nowiki>[[Файл:Icon folder green.png|thumb|Зелёная папка]]</nowiki></tt> - располагайте этот текст перед абзацем, рядом с которым должно появиться изображение.

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

[[Файл:Icon folder green.png|frame|Зелёная папка]] Оператор '''frame''' добавляет рамку с подписью, но игнорирует все установки размера. Также не показывается иконка "увеличить". <tt><nowiki>[[Файл:Icon folder green.png|frame|Зелёная папка]]</nowiki></tt>

 Используйте тэг <tt> </tt>, чтобы прекратить обтекание текстом картинки (последующий текст расположится под изображением).

== Положение ==

Как было сказано, может принимать значения '''right''', '''left''', '''center''' или '''none'''. Например, '''left''' работает следующим образом:

<nowiki>[[Файл:Icon OTI.gif|left]][[Файл:Icon OTI.gif|left]]</nowiki>
Два выровненных по левому краю изображения подряд.
Каждое находит себе крайнее левое положение.
<nowiki>[[Файл:Icon OTI.gif|left]]</nowiki>
Изображения не располагаются друг за другом на одной строке.

[[Файл:Icon OTI.gif|left]][[Файл:Icon OTI.gif|left]]
Два выровненных по левому краю изображения подряд.
Каждое находит себе крайнее левое положение.
[[Файл:Icon OTI.gif|left]] Изображения не располагаются друг за другом на одной строке.

Сравните с расположением изображений без указания '''left''':

<nowiki>[[Файл:Icon OTI.gif]][[Файл:Icon OTI.gif]]</nowiki>
Изображения располагаются в тексте
<nowiki>[[Файл:Icon OTI.gif]]</nowiki>
и не обтекаются справа.

[[Файл:Icon OTI.gif]][[Файл:Icon OTI.gif]]
Изображения располагаются в тексте
[[Файл:Icon OTI.gif]] и не обтекаются справа.

Если же указать подряд '''left''' и '''right''', то оба изображения найдут себе требуемое место в одной строке.

<nowiki>[[Файл:Icon OTI.gif|left]][[Файл:Icon OTI.gif|right]]</nowiki>
Изображения не подрались за место.

[[Файл:Icon OTI.gif|left]][[Файл:Icon OTI.gif|right]]
Изображения не подрались за место.

А вот так работают <tt><nowiki>[[Файл:Icon OTI.gif|thumb|left]]</nowiki></tt> и <tt><nowiki>[[Файл:Icon OTI.gif|frame|left]]</nowiki></tt>:

[[Файл:Icon OTI.gif|thumb|left]] Миниатюра, расположенная слева.
 
[[Файл:Icon OTI.gif|frame|left]] Изображение в рамке, расположенное слева.
 

Если указать положение '''none''', изображение будет помещено слева, а текст - под ним (в отличие от обтекания справа, как в случае '''left''').

<nowiki>[[Файл:Icon OTI.gif|none]]</nowiki>
Изображение вытесняет всё вниз.

[[Файл:Icon OTI.gif|none]]
Изображение вытесняет всё вниз.

== Размер ==

Изображения можно растягивать и сжимать, указывая размер с суффиксом '''px'''. Можно указать только ширину, а можно оба измерения. В последнем случае будет сохранено отношение сторон и изменение размера произойдёт таким образом, чтобы изображение поместилось в указанные ограничения.

Таким образом, <tt><nowiki>[[Файл:Icon OTI.gif|35px|ОТИ]]</nowiki></tt> даст [[Файл:Icon OTI.gif|35px|ОТИ]], а <tt><nowiki>[[Файл:Icon OTI.gif|220x50px|ОТИ]]</nowiki></tt> даст [[Файл:Icon OTI.gif|120x50px|ОТИ]].

== Подпись ==

Настойчиво рекомендуется добавлять к изображениям подписи. Даже если это располагающееся в тексте изображение, подпись будет показываться в качестве всплывающей подсказки. Не ставьте вертикальную линию (<nowiki>|</nowiki>) перед закрывающими скобками, потому как тогда подпись не отображается.

Подпись может содержать ссылки.

<nowiki>[[Файл:Optictelecom logo.png|thumb
|Корпоративный портал [http://intranet.optictelecom.ru]]]</nowiki>
Вот так это выглядит.

[[Файл:Optictelecom logo.png|thumb|Корпоративный портал [http://intranet.optictelecom.ru]]]
Вот так это выглядит.
 

== Галерея ==

Тэг '''<tt><gallery></tt>''' позволяет расположить миниатюры нескольких изображений в нескольких колонках. Ширина у всех изображений устанавливается одинаковой. Каждый элемент галереи оформляется в виде <tt>Файл:имя изображения</tt> или <tt>Файл:имя изображения|подпись</tt>. Можно также указывать только подпись - она заменит изображение.

Пример:

<nowiki><gallery caption="Пример галереи" widths="50px" heights="30px" perrow="4">
Файл:Icon folder blue.png|[[Нормативные документы]], синяя папка
Файл:Icon folder orange.png
Файл:Icon folder green.png|Развитие
Здесь не нашли изображение
Файл:Optictelecom logo.png|Логотип компании
</gallery></nowiki>

<gallery caption="Пример галереи" widths="48px" heights="48px" perrow="4">
Файл:Icon folder blue.png|[[Нормативные документы]], синяя папка
Файл:Icon folder orange.png
Файл:Icon folder green.png|Развитие
Здесь не нашли изображение
Файл:Optictelecom logo.png|Логотип компании
</gallery>

== См. также ==
[[Справка:Справка#Редактирование статей|Справка по редактированию]]

← Предыдущая		Версия 16:05, 1 августа 2011
Строка 123:		Строка 123:

	== См. также ==		== См. также ==
−	[[Справка:~~Справка~~#Редактирование статей\|Справка по редактированию]]	+	[[Справка:Содержание#Редактирование статей\|Справка по редактированию]]

@@ Строка 84: / Строка 84: @@
 Изображения можно растягивать и сжимать, указывая размер с суффиксом '''px'''. Можно указать только ширину, а можно оба измерения. В последнем случае будет сохранено отношение сторон и изменение размера произойдёт таким образом, чтобы изображение поместилось в указанные ограничения.
-Таким образом, <tt><nowiki>[[Файл:Flower.png|25px|ОТИ]]</nowiki></tt> даст [[Файл:Flower.png|25px|ОТИ]], а <tt><nowiki>[[Файл:Flower.png|220x50px|ОТИ]]</nowiki></tt> даст [[Файл:Flower.png|120x50px|ОТИ]].
+Таким образом, <tt><nowiki>[[Файл:Flower.png|25px|Цветок]]</nowiki></tt> даст [[Файл:Flower.png|25px|Цветок]], а <tt><nowiki>[[Файл:Flower.png|220x50px|Цветок]]</nowiki></tt> даст [[Файл:Flower.png|120x50px|Цветок]].
 == Подпись ==

@@ Строка 92: / Строка 92: @@
 Подпись может содержать ссылки.
-  <nowiki>[[Файл:Optictelecom logo.png|thumb
+  <nowiki>[[Файл:Имя файла.jpg|thumb
-|Корпоративный портал [http://intranet.optictelecom.ru]]]</nowiki>
+|Опора линии электропередачи [http://ru.wikipedia.org/wiki/Опора_линии_электропередачи]]]</nowiki>
   Вот так это выглядит.
-[[Файл:Optictelecom logo.png|thumb|Корпоративный портал [http://intranet.optictelecom.ru]]]
+[[Файл:Имя файла.jpg|thumb|Опора линии электропередачи [http://ru.wikipedia.org/wiki/Опора_линии_электропередачи]]]
 Вот так это выглядит.
 <br clear="all"/>

@@ Строка 111: / Строка 111: @@
   Файл:Icon folder green.png|Развитие
   Здесь не нашли изображение
-  Файл:Optictelecom logo.png|Логотип компании
+  Файл:Icon wiki element.png|Элемент вики
   &lt;/gallery&gt;</nowiki>
@@ Строка 119: / Строка 119: @@
 Файл:Icon folder green.png|Развитие
 Здесь не нашли изображение
-Файл:Optictelecom logo.png|Логотип компании
+Файл:Icon wiki element.png|Элемент вики
 </gallery>
 == См. также ==
 [[Справка:Справка#Редактирование статей|Справка по редактированию]]

@@ Строка 33: / Строка 33: @@
 Как было сказано, может принимать значения '''right''', '''left''', '''center''' или '''none'''. Например, '''left''' работает следующим образом:
-  <nowiki>[[Файл:Icon OTI.gif|left]][[Файл:Icon OTI.gif|left]]</nowiki>
+  <nowiki>[[Файл:Flower.png|left]][[Файл:Flower.png|left]]</nowiki>
   Два выровненных по левому краю изображения подряд.
   Каждое находит себе крайнее левое положение.
-  <nowiki>[[Файл:Icon OTI.gif|left]]</nowiki>
+  <nowiki>[[Файл:Flower.png|left]]</nowiki>
   Изображения не располагаются друг за другом на одной строке.
-[[Файл:Icon OTI.gif|left]][[Файл:Icon OTI.gif|left]]
+[[Файл:Flower.png|left]][[Файл:Flower.png|left]]
 Два выровненных по левому краю изображения подряд.
 Каждое находит себе крайнее левое положение.
-[[Файл:Icon OTI.gif|left]] Изображения не располагаются друг за другом на одной строке.
+[[Файл:Flower.png|left]] Изображения не располагаются друг за другом на одной строке.
 Сравните с расположением изображений без указания '''left''':
-  <nowiki>[[Файл:Icon OTI.gif]][[Файл:Icon OTI.gif]]</nowiki>
+  <nowiki>[[Файл:Flower.png]][[Файл:Flower.png]]</nowiki>
   Изображения располагаются в тексте
-  <nowiki>[[Файл:Icon OTI.gif]]</nowiki>
+  <nowiki>[[Файл:Flower.png]]</nowiki>
   и не обтекаются справа.
-[[Файл:Icon OTI.gif]][[Файл:Icon OTI.gif]]
+[[Файл:Flower.png]][[Файл:Flower.png]]
 Изображения располагаются в тексте
-[[Файл:Icon OTI.gif]] и не обтекаются справа.
+[[Файл:Flower.png]] и не обтекаются справа.
 Если же указать подряд '''left''' и '''right''', то оба изображения найдут себе требуемое место в одной строке.
-  <nowiki>[[Файл:Icon OTI.gif|left]][[Файл:Icon OTI.gif|right]]</nowiki>
+  <nowiki>[[Файл:Flower.png|left]][[Файл:Flower.png|right]]</nowiki>
   Изображения не подрались за место.
-[[Файл:Icon OTI.gif|left]][[Файл:Icon OTI.gif|right]]
+[[Файл:Flower.png|left]][[Файл:Flower.png|right]]
 Изображения не подрались за место.
-А вот так работают <tt><nowiki>[[Файл:Icon OTI.gif|thumb|left]]</nowiki></tt> и <tt><nowiki>[[Файл:Icon OTI.gif|frame|left]]</nowiki></tt>:
+А вот так работают <tt><nowiki>[[Файл:Flower.png|thumb|left]]</nowiki></tt> и <tt><nowiki>[[Файл:Flower.png|frame|left]]</nowiki></tt>:
-[[Файл:Icon OTI.gif|thumb|left]] Миниатюра, расположенная слева.
+[[Файл:Flower.png|thumb|left]] Миниатюра, расположенная слева.
 <br clear="all"/>
-[[Файл:Icon OTI.gif|frame|left]] Изображение в рамке, расположенное слева.
+[[Файл:Flower.png|frame|left]] Изображение в рамке, расположенное слева.
 <br clear="all"/>
 Если указать положение '''none''', изображение будет помещено слева, а текст - под ним (в отличие от обтекания справа, как в случае '''left''').
-  <nowiki>[[Файл:Icon OTI.gif|none]]</nowiki>
+  <nowiki>[[Файл:Flower.png|none]]</nowiki>
   Изображение вытесняет всё вниз.
-[[Файл:Icon OTI.gif|none]]
+[[Файл:Flower.png|none]]
 Изображение вытесняет всё вниз.