Изображения: различия между версиями

Материал из SurWiki
Перейти к навигации Перейти к поиску
Строка 10: Строка 10:
 
== Загрузка файла изображения ==
 
== Загрузка файла изображения ==
  
Загружать файлы могут только зарегистрированные участники. Последовательность действий описана на странице [[Загрузить файл]]. При загрузке учитывайте некоторые особенности вики-сайта:
+
Загружать файлы могут только зарегистрированные участники. Последовательность действий описана на странице Загрузить файл. При загрузке учитывайте некоторые особенности вики-сайта:
  
 
* для переименования изображения требуется новая загрузка файла (старая версия должна быть стёрта администратором);
 
* для переименования изображения требуется новая загрузка файла (старая версия должна быть стёрта администратором);
Строка 20: Строка 20:
 
== Размещение изображения и пояснительные подписи ==
 
== Размещение изображения и пояснительные подписи ==
  
Чтобы вставить загруженное изображение в статью, достаточно указать ссылку на него: <code><nowiki>'''[[Файл:Имя_файла]]'''</nowiki></code>. Изображение будет воспроизводиться слева в полную величину, а текст начинаться ниже его.
+
Чтобы вставить загруженное изображение в статью, достаточно указать ссылку на него: '''<code><nowiki>[[Файл:Имя_файла]]</nowiki></code>'''. Изображение будет воспроизводиться слева в полную величину, а текст начинаться ниже его.
  
Если вы хотите дать только ссылку на изображение, не воспроизводя его на странице, то поставьте двоеточие перед словом «Изображение»: <code><nowiki>'''[[:Файл: Имя_файла]]'''</nowiki></code>. Щелчок на такую надпись загружает страницу самого изображения. Как и у всякой ссылки Вы можете заменить текст ссылки на любой другой:<code><nowiki>'''[[:Файл:Имя_файла|Текст ссылки]]'''</nowiki></code>.  
+
Если вы хотите дать только ссылку на изображение, не воспроизводя его на странице, то поставьте двоеточие перед словом «Файл»: '''<code><nowiki>[[:Файл: Имя_файла]]</nowiki></code>'''. Щелчок на такую надпись загружает страницу самого изображения. Как и у всякой ссылки Вы можете заменить текст ссылки на любой другой:'''<code><nowiki>[[:Файл:Имя_файла|Текст ссылки]]</nowiki></code>'''.  
  
Чтобы сделать поясняющую подпись, используется атрибут frame: <code><nowiki>'''[[Файл: Имя_файла|frame|Поясняющая подпись]]'''</nowiki></code>. Он заключает изображение в рамку и смещает изображение вправо, а текст начинается слева от него. В пояснительной подписи можно применять wiki-разметку. Пояснительная подпись одновременно выполняет функции альтернативного текста (текст, всплывающий при наведении курсора мыши на изображение).
+
Чтобы сделать поясняющую подпись, используется атрибут frame: '''<code><nowiki>[[Файл: Имя_файла|frame|Поясняющая подпись]]</nowiki></code>'''. Он заключает изображение в рамку и смещает изображение вправо, а текст начинается слева от него. В пояснительной подписи можно применять wiki-разметку. Пояснительная подпись одновременно выполняет функции альтернативного текста (текст, всплывающий при наведении курсора мыши на изображение).
  
 
== Уменьшение размеров изображения ==
 
== Уменьшение размеров изображения ==
Строка 32: Строка 32:
 
Кроме того, справа от пояснительной подписи появляется специальный значок: щёлкнув по нему, можно перейти на страницу изображения и посмотреть его в натуральную величину. Текст располагается слева от значка.
 
Кроме того, справа от пояснительной подписи появляется специальный значок: щёлкнув по нему, можно перейти на страницу изображения и посмотреть его в натуральную величину. Текст располагается слева от значка.
  
Для получения изображения заданной ширины (высота изменяется пропорционально), запишите её в пикселах, например: <code><nowiki>'''[[Файл:Имя_файла|200px|thumb|left|описание]]'''</nowiki></code> для вставки уменьшенной до 200 пикселей по ширине версии файла слева от текста с выводом под ним указанного описания
+
Для получения изображения заданной ширины (высота изменяется пропорционально), запишите её в пикселах, например: '''<code><nowiki>[[Файл:Имя_файла|200px|thumb|left|описание]]</nowiki></code>''' для вставки уменьшенной до 200 пикселей по ширине версии файла слева от текста с выводом под ним указанного описания
  
  
 
== Смещения изображения ==
 
== Смещения изображения ==
  
Вы можете размещать изображение справа: <code><nowiki>'''[[Файл:Имя_файла|100px|right|описание]]'''</nowiki></code>
+
Вы можете размещать изображение справа: '''<code><nowiki>[[Файл:Имя_файла|100px|right|описание]]</nowiki></code>'''
  
Вы можете размещать изображение по центру: <code><nowiki>'''[[Файл:Имя_файла|100px|center|описание]]'''</nowiki></code>
+
Вы можете размещать изображение по центру: '''<code><nowiki>[[Файл:Имя_файла|100px|center|описание]]</nowiki></code>'''
  
Вы можете размещать изображение слева:<code><nowiki>'''[[Файл:Имя_файла|100px|left|описание]]'''</nowiki></code>
+
Вы можете размещать изображение слева: '''<code><nowiki>[[Файл:Имя_файла|100px|left|описание]]</nowiki></code>'''
  
  
 
== Окончание обтекания текстом изображения ==
 
== Окончание обтекания текстом изображения ==
  
Для пометки окончания обтекающего изображение текста используйте специальный HTML-код: <code><nowiki>'''<br clear="all"/>'''</nowiki></code>
+
Для пометки окончания обтекающего изображение текста используйте специальный HTML-код: '''<code><nowiki><br clear="all"/></nowiki></code>'''
  
 
Текст, расположенный после этого кода, будет начинаться с новой строки и будет располагаться ниже нижнего края любого из изображений, расположенных прежде этого кода в статье.
 
Текст, расположенный после этого кода, будет начинаться с новой строки и будет располагаться ниже нижнего края любого из изображений, расположенных прежде этого кода в статье.
Строка 52: Строка 52:
 
== Галереи ==
 
== Галереи ==
  
Для вставки нескольких изображений в статью, применяется специальный служебный тег <code><nowiki> '''<gallery>:
+
Для вставки нескольких изображений в статью, применяется специальный служебный тег '''<code><nowiki> <gallery>:
  
 
<gallery>
 
<gallery>
 
  Файл:Имя_файла|Описание
 
  Файл:Имя_файла|Описание
 
  Файл:Имя_файла|Описание
 
  Файл:Имя_файла|Описание
</gallery>'''
+
</gallery>
</nowiki></code>
+
</nowiki></code>'''
  
 
== Рекомендации по размещению изображений ==
 
== Рекомендации по размещению изображений ==
Строка 70: Строка 70:
 
Не рекомендуется зеркально отображать иллюстрации. Зеркальное отображение искажает многие факты, запечатлённые на иллюстрациях:
 
Не рекомендуется зеркально отображать иллюстрации. Зеркальное отображение искажает многие факты, запечатлённые на иллюстрациях:
  
    * особенности лица, не обладающие зеркальной симметрией;
+
* особенности лица, не обладающие зеркальной симметрией;
    * начертание текста;
+
* начертание текста;
    * расположение наград и знаков отличия на мундирах;
+
* расположение наград и знаков отличия на мундирах;
    * географическое положение деталей пейзажа относительно направления тени (или относительно другой линии, географическое направление которой самоочевидно);
+
* географическое положение деталей пейзажа относительно направления тени (или относительно другой линии, географическое направление которой самоочевидно);
    * направление развития спиралевидной раковины моллюсков (по часовой стрелке, или против неё);
+
* направление развития спиралевидной раковины моллюсков (по часовой стрелке, или против неё);
    * этикет расположения столовых приборов;
+
* этикет расположения столовых приборов;
    * и тому подобное.
+
* и тому подобное.

Версия 12:31, 30 октября 2010

Рекомендуемый формат изображений:

  • для векторных изображений применяйте формат SVG;
  • для неподвижных растровых изображений с преобладанием плавных цветовых переходов (фотографии, репродукции) применяйте JPEG;
  • для неподвижных растровых изображений с резкими границами между цветными областями (схемы, карты, скриншоты программ, изображения символов и так далее) применяйте формат PNG;
  • для подвижных анимированных растровых изображений применяйте GIF.

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

Загрузка файла изображения

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

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

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

Размещение изображения и пояснительные подписи

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

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

Чтобы сделать поясняющую подпись, используется атрибут frame: [[Файл: Имя_файла|frame|Поясняющая подпись]]. Он заключает изображение в рамку и смещает изображение вправо, а текст начинается слева от него. В пояснительной подписи можно применять wiki-разметку. Пояснительная подпись одновременно выполняет функции альтернативного текста (текст, всплывающий при наведении курсора мыши на изображение).

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

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

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

Для получения изображения заданной ширины (высота изменяется пропорционально), запишите её в пикселах, например: [[Файл:Имя_файла|200px|thumb|left|описание]] для вставки уменьшенной до 200 пикселей по ширине версии файла слева от текста с выводом под ним указанного описания


Смещения изображения

Вы можете размещать изображение справа: [[Файл:Имя_файла|100px|right|описание]]

Вы можете размещать изображение по центру: [[Файл:Имя_файла|100px|center|описание]]

Вы можете размещать изображение слева: [[Файл:Имя_файла|100px|left|описание]]


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

Для пометки окончания обтекающего изображение текста используйте специальный HTML-код: <br clear="all"/>

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

Галереи

Для вставки нескольких изображений в статью, применяется специальный служебный тег <gallery>: <gallery> Файл:Имя_файла|Описание Файл:Имя_файла|Описание </gallery>

Рекомендации по размещению изображений

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

Если лицо на портрете обращено не прямо к читателю, то его обращают по направлению к тексту статьи. Аналогичное правило действует в отношении животных и других предметов «с носом» :)

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

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

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