Помощь:Фотографии

В этом руководстве объясняется, как вставлять изображения в статьи Википедии с помощью wikitext . Это один из наиболее часто задаваемых вопросов. В нем описываются параметры указания размещения, alt-текста , подписей, размеров и ссылок, а также содержатся советы о панорамах и избежании наложения изображений. Также имеется технический документ, описывающий синтаксис , и простое руководство для начинающих . Один и тот же синтаксис используется независимо от того, находится ли файл в Википедии или на Wikimedia Commons .

Если вам нужна помощь в загрузке изображения или выборе подходящего изображения для статьи, см. политику использования изображений и руководство по стилю . Изображения на большинстве веб-сайтов защищены авторским правом и не должны загружаться; см. политику в отношении авторских прав . Пожалуйста, загружайте изображение с максимально возможным разрешением, но размер файла не должен превышать 1000 мегабайт .

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

Картинка инфобокса

Если в статье уже есть инфобокс в правом верхнем углу, то обычное место для первой картинки статьи — внутри инфобокса. Руководство по синтаксису для этого см. в разделе Help:Infobox picture . В очень кратком изложении, одно препятствие, которое спотыкается у многих людей при попытке добавить изображение в шаблон инфобокса, заключается в том, что большинство внутренне предоставляют вики-код, который «оборачивает» изображение. Соответственно, вы обычно не добавляете скобки, количество пикселей и другие детали кода, о которых вы узнаете ниже, при размещении изображения в инфобоксах — только имя файла рядом с полем, помеченным| изображение =. Добавление такого постороннего кода приведет к поломке многих инфобоксов. Также имейте в виду, что некоторые инфобоксы требуют, чтобы имя файла было размещено без префикса пространства имен файла/изображения. Таким образом, и например, еслиФайл:Имя.jpgне работает, попробуйте простоИмя.jpg.

Миниатюры

Инструкции на этой странице могут не работать с VisualEditor. Если вы выбрали , вы можете использовать VisualEditor или классическое редактирование через вики-разметку (викитекст) для редактирования большинства страниц. Инструкции на этой странице, особенно о том, какие коды вводить для создания эффектов форматирования, в основном ориентированы на редактирование вики-текста. Инструкции по редактированию с помощью VisualEditor см. в Wikipedia:VisualEditor/User guide .

Существующее изображение английской Википедии или Wikimedia Commons можно вставить на страницу с базовым викитекстом [[File:...|thumb|Caption text]] . ^[a] Использование thumbсоздает миниатюру изображения, обычно отличающуюся по размеру от исходного изображения. Руководство по тексту подписи для связи с изображениями см. в Wikipedia:Manual of Style/Captions . На размещение и размер миниатюры могут влиять несколько параметров, описанных ниже.

Слева

По умолчанию миниатюра плавает справа от страницы, а текст обтекает ее. Однако в нашем первом примере указано left. Чуть ниже примера вы можете увидеть, как выглядит получившаяся картинка:

[[ Файл : Wikipedesketch.png | большой палец | левый | alt = Мультяшная сороконожка читает книги и печатает на ноутбуке. | Wikipede редактирует '' [[ Myriapoda ]] '' . ]]

Мультяшная сороконожка читает книги и печатает на ноутбуке. — Википедия редактирует *Myriapoda* .

В приведенном выше тексте указано имя файла изображения «Wikipedesketch.png», тип изображения «thumb» и выравнивание «left», альтернативный текст «Мультяшная сороконожка читает книги и печатает на ноутбуке» и подпись «Википедия редактирует Myriapoda ». Читатель Википедии может нажать на миниатюру или на небольшой значок в виде двойного прямоугольника под ней, чтобы увидеть соответствующую страницу файла, которая позволит пользователю увидеть изображение в исходном размере.

Хотя приведенный выше текст может отображаться в несколько строк для целей форматирования, фактический текст изображения находится на одной строке, поскольку он использует пробелы без каких-либо переносов строк. [[И первый |должны быть на одной строке; другие пробелы и переносы строк игнорируются, если они находятся рядом с |символами или просто внутри скобок. Некоторые части синтаксиса изображения, такие как alt=, не допускают пробелов или переносов строк, и самый простой способ сделать это правильно — опустить ненужные пробелы и переносы строк.

Альтернативный текст предназначен для слабовидящих читателей. Часто подпись или статья адекватно описывают изображение, и в этом случае вы можете написать alt=подпись или alt=см. соседний текст . Если добавляется дополнительный альтернативный текст, это должно быть краткое описание, которое соответствует политике контента; см. WP:ALT для получения дополнительной информации. В отличие от альтернативного текста, подпись может содержать разметку Wiki, например ''[[Myriapoda]]''. Текст подписи размещается под изображением.

Вот тот же пример снова, на этот раз в контексте некоторого цветного фиктивного текста lorem ipsum со звездочками (*), показывающими, где в тексте появляется синтаксис изображения:

[[ Файл : Wikipedesketch.png | большой палец | левый | alt = Мультяшная сороконожка читает книги и печатает на ноутбуке. | Wikipede редактирует '' [[ Myriapoda ]] '' . ]]

Избегайте называть изображения «слева». Размещение изображений отличается для пользователей мобильной версии Википедии и не имеет смысла для людей, которым читают страницы с помощью вспомогательного программного обеспечения. Вместо этого используйте подписи для идентификации изображений.

Справа

По умолчанию миниатюра располагается справа:

[[ Файл : Wikipedesketch.png | большой палец | alt = Мультяшная сороконожка читает книги и печатает на ноутбуке. | Википедия редактирует '' [[ Myriapoda ]] '' . ]]

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

Без плавного текста

Хотя большинство миниатюр объединены с текущим текстом и размещаются справа или слева, вы также можете разместить миниатюру без текучего текста вокруг нее. Один из способов — центрировать ее, используя centerили centre:

[[ Файл : Wikipedesketch.png | большой палец | центр | alt = Мультяшная сороконожка читает книги и печатает на ноутбуке. | Wikipede редактирует '' [[ Myriapoda ]] '' . ]]

Вы также можете разместить изображение слева, без обтекающего текста, используя none:

[[ Файл : Wikipedesketch.png | большой палец | нет | alt = Мультяшная сороконожка читает книги и печатает на ноутбуке. | Википедия редактирует '' [[ Многоножки ]] '' . ]]

Размеры миниатюр

По умолчанию миниатюры изображений в Википедии имеют ширину 220 пикселей (px), если в викитексте изображения не указан явно размер. Это ширина, определенная по умолчанию, которая используется анонимными посетителями и пользователями, которые не настроили свои предпочтения. Вы можете установить для себя другую ширину по умолчанию в разделе Мои предпочтения в разделе «Внешний вид » Файлы». Возможные варианты: 120px, 150px, 180px, 200px, 220px, 250px, 300px и 400px. Любое изображение, ширина которого меньше предпочитаемой, отображается с его фактической, более узкой шириной, без растягивания для заполнения предпочитаемой ширины.

Изображения с текстом обычно должны использовать подпись и thumbопцию (миниатюра); по умолчанию ширина изображения составляет 220 пикселей (170 пикселей, если uprightиспользуется эта опция), за исключением тех вошедших в систему пользователей, которые установили другое значение по умолчанию в своих пользовательских настройках. В общем, не определяйте размер изображения, если для этого нет веской причины. У некоторых пользователей маленькие экраны или им нужно настроить свои системы для отображения большого текста; «принудительные» большие миниатюры могут оставлять мало ширины для текста, что затрудняет чтение. Кроме того, принудительный «больший» размер изображения, скажем, 260 пикселей, на самом деле уменьшит его для тех, у кого в качестве предпочтения установлен больший размер.

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

Обычно размер следует указывать как значение относительно предпочитаемого пользователем базового размера, используя |upright=параметр, а не значения в пикселях.
Если ограничение размера уместно, более крупные изображения, как правило, не должны превышать 500 пикселей в высоту и 400 пикселей в ширину, чтобы их можно было комфортно отображать на самых маленьких дисплеях, используемых в обычных условиях.
Изображения-лиды обычно не должны быть шире 300 пикселей. Это эквивалентно использованию upright=1.35ширины миниатюры по умолчанию 220 пикселей (220 умножить на 1,35, а затем округлить до ближайшего кратного 10, что равно 300), но большие значения по умолчанию в пользовательских настройках приведут к пропорционально большим изображениям (340 пикселей, если значение по умолчанию 250 пикселей, 410 пикселей, если значение по умолчанию 300 пикселей, или 540 пикселей, если значение по умолчанию 400 пикселей).

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

Поведение по умолчанию может сделать длинную, тонкую картинку слишком большой. Например:

[[ Файл : Amun.svg | большой палец | alt = Профиль мужчины в полный рост в древнеегипетской одежде. У него красно-коричневая кожа, он носит шлем с высокими желтыми перьями. | Египетский бог Амон, изображенный до периода Амарны ]]

Вертикальные изображения

Эта uprightопция может помочь исправить это, сообщив системе макета Википедии, что изображение должно иметь меньшую ширину, чем обычно:

[[ Файл : Amun.svg | большой палец | вертикально | alt = Профиль мужчины в полный рост в древнеегипетской одежде. У него красно-коричневая кожа, он носит шлем с высокими желтыми перьями. | Египетский бог Амон, изображенный до периода Амарны ]]

Обычно эта uprightопция создает изображение, которое составляет около 75% от ширины по умолчанию. Точная ширина вычисляется путем начала с ширины миниатюры по умолчанию, умножения ее на 0,75 и округления до ближайшего кратного 10. Обычно ширина по умолчанию составляет 220 пикселей, поэтому вертикальное изображение имеет ширину 170 пикселей; изменение ширины по умолчанию в диапазоне от 120 пикселей до 400 пикселей приводит к ширине вертикального изображения в диапазоне от 90 пикселей до 300 пикселей.

Дальнейшее уменьшение вертикальных изображений

Если коэффициент вертикального перемещения 0,75 слишком велик или слишком мал, его можно указать явно. Коэффициент 1,0 использует ширину миниатюры по умолчанию, что равносильно отсутствию указания uprightпараметра thumb; коэффициент меньше или больше 1,0 создает изображение меньше или больше значения по умолчанию. Например:

[[ Файл : Amun.svg | большой палец | вертикальный = 0,56 | alt = Профиль мужчины в полный рост в древнеегипетской одежде. У него красно-коричневая кожа, он носит шлем с высокими желтыми перьями. | Египетский бог Амон, изображенный до Амарнского периода ]]

Короткие, широкие изображения

Короткие, широкие изображения иногда выигрывают от uprightфакторов больше 1,0. Факторы больше 2,5 могут создавать большие изображения, которые вызывают проблемы с некоторыми браузерами; один из способов обработки более широких изображений см. в разделе Панорамы ниже. Например:

[[ Файл : Köppen-vereinfacht.svg | большой палец | центр | вертикальный = 2.0 | alt = Карта мира. Желтовато-коричневая полоса тянется от северной Африки через центральный Китай; большая часть Австралии и части Южной Африки и западной Америки также желтовато-коричневые. Темно-зеленые цвета преобладают в северном полушарии. Более светлые зеленые цвета покрывают большую часть земель вблизи экватора. Полярные области белые, север окаймлен светло-голубым. | Макроклимат Земли. Желто-коричневые цвета представляют пустыню, темно-зеленые — влажный континентальный, а светло-зеленые — тропический лес. Светло-голубой и белый цвета представляют тундру и ледниковый покров. ]]

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

Исключением являются изображения SVG : будучи векторными изображениями , они не содержат пикселей, а содержат только инструкции о том, как рисовать изображение, которое можно увеличивать до бесконечности, а «размер изображения» в описании файла является произвольным.

Ширина в пикселях

Вы также можете отобразить изображение указанной ширины. Обычно, если вы указываете ширину в пикселях, она должна быть не менее 300px. Ширина больше 550px может вызвать проблемы с некоторыми браузерами, как указано выше.

[[ Файл : Köppen-vereinfacht.svg | большой палец | центр | 400 пикселей | alt = Карта мира. Желто-коричневая полоса тянется от северной Африки через центральный Китай; большая часть Австралии и части южной Африки и западной Америки также желтая. Темно-зеленый цвет преобладает в северном полушарии. Более светлый зеленый цвет покрывает большую часть земель вблизи экватора. Полярные области белые, север окаймлен светло-голубым. | Макроклимат Земли. Желто-коричневый цвет представляет пустыню, темно-зеленый — влажный континентальный, а светло-зеленый — тропический лес. Светло-голубой и белый цвет представляют тундру и ледяной покров. ]]

Карта мира. Желто-коричневая полоса тянется от северной Африки через центральный Китай; большая часть Австралии и части Южной Африки и западной Америки также желтовато-коричневые. Темно-зеленые цвета преобладают в северном полушарии. Более светлые зеленые цвета покрывают большую часть земель вблизи экватора. Полярные области белые, север окаймлен светло-голубым. — Макроклимат Земли. Загорелый цвет представляет пустыню, темно-зеленый — влажный континентальный, светло-зеленый — тропический лес. Голубой и белый — тундру и ледниковый покров.

Высота в пикселях

Чтобы указать точную высоту изображения, позволяя масштабу ширины соответствовать, добавьте к высоте префикс x. В следующем примере изображение изменяет размер до высоты 60 пикселей:

[[ Файл : Флаг Шотландии.svg | большой палец | центр | x60px | alt = Белый диагональный крест на синем фоне | Флаг Шотландии ]]

Флаг Шотландии

Ширина или высота в пикселях, в зависимости от того, что уменьшает изображение

Если указать и ширину, и высоту изображения, оно будет иметь тот размер, который сделает его меньше. Это приведет к тому, что изображение будет помещаться в определенную область, независимо от фактического размера изображения. Поскольку пропорции File:Flag of Scotland.svg составляют 5×3, указание ширины 120 пикселей создаст изображение размером 120×72 пикселей, а указание высоты 60 пикселей создаст изображение размером 100×60 пикселей, поэтому поле размера 120x60pxсгенерирует меньшее из двух, а именно изображение размером 100×60 пикселей:

[[ Файл : Флаг Шотландии.svg | большой палец | центр | 120x60 пикселей | alt = Белый диагональный крест на синем фоне | Флаг Шотландии ]]

Флаг Шотландии

Количество пикселей против вертикальных факторов

Несмотря на свое название, параметр «upright» теперь используется как для высоких, так и для широких изображений. Хотя количество пикселей понять проще, чем факторы upright, они хуже подстраиваются под предпочтения пользователя. Например, предположим, что изображение содержит некоторые детали и по умолчанию немного маловато, и вы хотите увеличить его примерно на 10%. Хотя upright=1.1и 240pxвыполняют эту работу одинаково хорошо для распространенного случая, когда ширина по умолчанию составляет 220 пикселей, многие пользователи, которые устанавливают ширину по умолчанию в 300 пикселей для лучшей работы с экранами с высоким разрешением, будут раздражены, 200pxпоскольку это сделает изображение на треть меньше их предпочтительного размера. Напротив, upright=1.1отобразит им изображение шириной 330 пикселей, и это, скорее всего, будет хорошо работать на их дисплеях.

Для ясности, "upright=0.75" эквивалентно "upright", а "upright=1" оставляет изображение в его размере по умолчанию (220 пикселей, если вы не вошли в систему), что эквивалентно неиспользованию "upright" вообще. Для удобства несколько преобразований следующие:

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

Собственный размер

Замена thumbна frameприводит к отображению изображения в его собственном размере, то есть в том размере, в котором оно было изначально загружено. Такое использование устарело и не должно использоваться, поскольку оно нарушает работу многих дисплеев, особенно мобильных устройств. Вместо этого, если статья будет выглядеть лучше с изображениями, измененными каким-либо образом, отличным от значения по умолчанию, используйте параметр «upright». Пользователи должны задать собственные настройки, если они хотят изменить размер изображений, а авторы статей не должны этого делать. Если у кого-то есть обоснование для использования функции рамки, пожалуйста, поделитесь им на странице обсуждения. Для исторической справки вот пример ее использования:

[[ Файл : Wikipedesketch.png | рамка | центр | alt = Мультяшная сороконожка читает книги и печатает на ноутбуке. | Википедия редактирует '' [[ Myriapoda ]] '' . ]]

Википедия редактирует Myriapoda .

Панорамы

Очень большие изображения не следует вставлять непосредственно в статьи, так как они вызывают проблемы в некоторых браузерных средах. Изображения шире 550 пикселей или около того часто лучше обрабатывать как панораму, которую можно создать с помощью шаблона {{ Wide image }} . Например:

{{ широкоформатное изображение | Хельсинки z00.jpg | 1800px | alt = Панорама города с пятью-десятиэтажными зданиями |[[ Хельсинки ]] имеет много зданий. }}

В Хельсинки много зданий.

Файлы DjVu и PDF

Томас Крейн

Это страница 2

Изображения могут быть извлечены из файлов DjVu или PDF с необязательным параметром страницы . Например:

[[ Файл : Abroad - 1882.djvu | большой палец | вправо | 150 пикселей | Томас Крейн | страница = 13 ]]

[[ Файл : Золушка (1865).pdf | большой палец | левое | 150 пикселей | Это страница 2 | страница = 2 ]]

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

Ярлык

WP:СТЕКИНГ

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

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

Попеременно слева и справа

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

Совместное выравнивание

Обычно бывает так, что две картинки логически должны быть сгруппированы вместе. Шаблон {{ multiple image }} — один из способов сделать это. Например:

Две карточки, используемые футбольными судьями

{{ multiple image  | width = 80 | footer = Две карточки, используемые футбольными судьями | image1 = Yellow card.svg | alt1 = Yellow cardouche | caption1 = Caution | image2 = Red cardouche.svg | alt2 = Red cardouche | caption2 = Ejection }}

Этот же шаблон позволяет также выравнивать изображения по вертикали:

Две карточки, используемые футбольными судьями

{{ несколько изображений  | направление = вертикальное | ширина = 80 | нижний колонтитул = Две карточки, используемые футбольными судьями | image1 = Желтая карточка.svg | alt1 = Желтый картуш | caption1 = Предупреждение | image2 = Красная карточка.svg | alt2 = Красный картуш | caption2 = Удаление }}

Галереи

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

Технически, галерея может быть создана разными способами. Одним из простых и гибких методов является синтаксис таблицы . Например:

{| style = "margin: 0 auto;" |  [[ Файл : Philipp Veit 008.jpg | thumb | upright | alt = Женщина в мантии, сидящая, с мечом на коленях | Philipp Veit, ''Germania'' , 1834–36 ]] |  [[ Файл : Image Germania (живопись).jpg | thumb | upright | alt = Женщина в мантии, стоящая, держащая меч | Philipp Veit, ''Germania'' , 1848 ]] |  [[ Файл : Niederwald Memorial 2.JPG | thumb | upright | alt = Памятник стоящей женщине в мантии, держащей в одной руке корону, а в другой — частично вложенный в ножны меч | Johannes Schilling, ''Germania'' , 1871–83 ]] |}

Другой простой способ — специализированный тег, который работает следующим образом:<gallery>

< галерея >Файл:Wiki.png|Подпись 1Файл:Wiki.png|Подпись 2</ галерея >

Что производит:

Подпись 1
Подпись 2

Вы также можете указать альтернативный текст и другие параметры рендеринга изображения, такие как номер страницы для PDF-файлов:

<галерея>
Уильям Блейк, критическое эссе (Суинберн).pdf|Книга [[ Алджернона Чарльза Суинберна ]]|alt=Страница 1 Уильяма Блейка, критического эссеУильям Блейк, критическое эссе (Суинберн).pdf|alt=Страница 2 Уильяма Блейка, критического эссе|page=2</галерея>

Что производит:

Книга Алджернона Чарльза Суинберна

Тег галереи также предлагает некоторые параметры, такие какширины,высотыирежимсреди прочего. Полная документация доступна по адресу mw:Help:Images#Gallery syntax. Например:

<gallery mode="packed-hover" heights="180">
Файл:Galerella sanguinea Zoo Praha 2011-2.jpg|''[[ Galerella sanguinea ]]'' (Стройный мангуст)Файл:Felis silvestris silvestris.jpg|''[[ Felis silvestris | Felis silvestris silvestris ]]''Файл:Шестинедельный кот (aka).jpg|''[[ Felis silvestris catus ]]'' (Молодой кот)Файл:Felis catus-кот на снегу.jpg|''[[ Felis catus ]]'' (кот на снегу)Файл:Уставший 20-летний кот.jpg|''[[ Felis silvestris catus ]]'' (Уставший 20-летний кот)Файл:Cat October 2010-1a.jpg|''[[ Felis silvestris catus ]]'' (Кот)Файл:Felis silvestris silvestris Luc Viatour.jpg|''[[ Felis silvestris silvestris ]]'' (европейская дикая кошка)Файл:June odd-eyed-cat cropped.jpg|''[[ Felis catus ]]'' (Домашняя кошка)Файл:Lynx kitten.jpg|''[[ Lynx lynx ]]'' (Молодая рысь) </gallery>

производит:

Galerella sanguinea (Стройный мангуст)
Felis silvestris silvestris
Felis silvestris catus (Молодая кошка)
Felis catus (кошка на снегу)
Felis silvestris catus (Усталый 20-летний кот)
Felis silvestris catus (кошка)
Felis silvestris silvestris (европейская дикая кошка)
Felis catus (домашняя кошка)
Lynx lynx (Молодая рысь)

Шаблон {{ Gallery }} предлагает третий метод:

{{ Галерея | название = Культурные изображения Джорджа Вашингтона | ширина = 160 | высота = 170 | выравнивание = центр | Файл:Federal Hall NYC 27.JPG | alt1 = Задняя часть статуи, обращенная к городскому зданию, фасад которого представляет собой греческие колонны, покрытые огромным флагом США | Статуя Вашингтона возле [[ Federal Hall ]] в [[ Нью-Йорке ]] , смотрящая на [[ Уолл-стрит ]] . | Файл:Mount Rushmore2.jpg | alt2 = Профиль каменного лица, выступающего из склона горы. Трое рабочих карабкаются по нему, каждый примерно на высоте верхней губы лица. | Строительство портрета Джорджа Вашингтона на [[ Горе Рашмор ]] , ок. 1932 г. | Файл:2014 ATB Quarter Obv.png | alt3 = Серебряная монета с профилем бюста Вашингтона. Он царственно смотрит влево и носит косу в колониальном стиле. «UNITED STATES OF AMERICA» вверху, «QUARTER DOLLAR» внизу, «LIBERTY» слева и «IN GOD WE TRUST» над «P» справа. Чуть ниже бюста написано «JF uc» маленькими буквами. | Вашингтон увековечен на [[ Quarter (монета США) | quarter ]] . | Файл:George Washington Presidential $1 Coin averse.png | alt4 = Золотая монета с бюстом Вашингтона, обращенным немного влево, но строго прямо на зрителя. «GEORGE WASHINGTON» вверху, «1st PRESIDENT 1789–1797» внизу и «JFM» маленькими буквами у основания бюста. | Вашингтон также увековечен на некоторых [[ dollar coin (монета США) | dollar coin ]] . }}

Культурные образы Джорджа Вашингтона

Статуя Вашингтона возле Федерал-холла в Нью-Йорке , вид на Уолл-стрит .
Строительство портрета Джорджа Вашингтона на горе Рашмор , ок. 1932 г.
В этом квартале увековечена память Вашингтона .
Вашингтон также изображен на некоторых долларовых монетах .

Принудительный перерыв

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

{{ прозрачный }}

Простые картинки

Большинство изображений в статьях — это миниатюры, но иногда более специализированные потребности требуют более точного управления. Простую картинку без форматирования можно вставить с помощью:

[[File:Wikipedesketch.png|A cartoon centipede reads books and types on a laptop.]]

На этой простой картинке текст A cartoon centipede reads books and types on a laptop.не виден как подпись. Вместо этого он отображается как текст заголовка изображения, обычно отображаемый как подсказка при наведении мыши . В миниатюре alt-текст по умолчанию пуст, но alt-текст простой картинки по умолчанию равен ее тексту заголовка, если он указан, и имени файла картинки, если нет; это значение по умолчанию можно переопределить с помощью явного параметра. Текст заголовка, как и alt-текст, будет игнорировать любую разметку Wiki.alt=Alt text

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

Примечание: Чтобы получить простое изображение с подписью, можно использовать {{ Plain image with caption }} . Подпись автоматически добавляется как заголовок изображения и alt-текст, и любая вики-разметка, используемая в нем, будет правильно отображаться в подписи, но будет автоматически удалена из alt- и title-текста. Смотрите пример здесь .

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

Обычная картинка по умолчанию соответствует собственному размеру изображения. Это можно переопределить явным размером. Например:

[[File:Wikipedesketch.png|50px|A cartoon centipede reads books and types on a laptop.]]

Параметр framelessзаставляет простое изображение по умолчанию иметь тот же размер, что и миниатюра. Как и в случае с миниатюрами, значение по умолчанию можно настроить с помощью параметра . Если вы используете общее значение по умолчанию 220 пикселей для ширины миниатюр, ширина следующего примера изображения будет 220 × 0,2 пикселей, что округляется до 40 пикселей:upright=factor

[[File:Amun.svg|frameless|upright=0.2|alt=Full-length profile of man in ancient Egyptian clothing. He has red-brown skin and wears a helmet with tall yellow plumes.|The Egyptian god Amun, portrayed before the Amarna period]]

Граница

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

[[File:Flag of Japan.svg|border|30px|White flag containing solid red circle]]

[[File:Flag of Japan.svg|30px|White flag containing solid red circle]]

Это создает " " .

Горизонтальное размещение

Как и миниатюры, простые изображения могут быть плавающими слева или справа с обтекающим их текстом; или центрированными или размещенными слева без обтекания текстом. Единственное отличие заключается в том, что rightпараметр необходим для плавающего изображения справа, тогда как плавающее право является значением по умолчанию для миниатюр. Например:

[[File:Wikipedesketch.png|right|A cartoon centipede reads books and types on a laptop.]]

Вертикальное выравнивание

Когда в тексте появляется простая картинка, она выравнивается так, чтобы ее вертикальная середина находилась примерно там, где был бы центр строчной буквы "x"; если изображение больше высоты строки, оно выступает и сверху, и снизу. Синтаксис вертикального выравнивания предоставляет несколько вариантов для настройки этого. Например, baselineвариант:

x[[File:Flag of Hungary vertical.svg|baseline|8px|Vertical version of horizontal tricolor flag (red, white, green)]]x

генерирует " xx "вместо значения по умолчанию " xx ". Доступные параметры вертикального выравнивания, рядом с выводом, который они генерируют, это , (по умолчанию), , , , , и .baselinemiddlesubsupertext-toptext-bottomtopbottom

Ссылки

Возможно, вы ищете встроенные ссылки на внешние изображения. Это не допускается; см. Wikipedia Manual of Style по встроенным ссылкам .

Обычно картинка ссылается на свою страницу изображения, которая описывает изображение, кто его создал, и ссылается на оригинальное изображение в полном разрешении. Это обычно лучше всего подходит для читателя, и часто требуется выбором загрузчиком лицензии CC-BY-SA для изображения.

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

Чтобы перейти на другую страницу, укажите ее имя в опции ссылки вместе с соответствующим заголовком, который намекает читателям, что произойдет, если они нажмут на ссылку. Этот заголовок служит как заголовком для подсказки, так и альтернативным текстом для читателей с нарушениями зрения. Например, [[File:Flag of France.svg|20px|link=France|France]]генерирует флагкоторый ссылается на статью Франция .

Чтобы сделать ссылку на внешний сайт, укажите его URL в опции ссылки вместе с соответствующим заголовком. Например, [[File:Flag of Belgium.svg|20px|link=http://www.belgium.be/en/|Belgium government portal]]генерирует флагкоторый ведет на англоязычный портал бельгийского правительства.

Чтобы перейти на другой сайт Wikimedia, используйте аббревиатуру сайта. Например, [[File:Orcus symbol.svg|20px|link=wikt:🝿]]генерирует, который ссылается на (английскую) статью Викисловаря, посвященную этому символу.

Чисто декоративное изображение, которое не несет никакой информации и ничего не делает при щелчке, можно указать с пустым атрибутом alt. Например, [[File:Flag of the United States.svg|20px|link=|alt=]]создает флаг , который является чисто декоративным. Однако чисто декоративные файлы могут быть законно использованы таким образом только в том случае, если они находятся в общественном достоянии или соответствуют WP:NFCC .

Карты изображений

Вы можете связать различные части изображения с различными местоположениями с помощью карты изображения. Например, на изображении справа нажатие на круг, примерно соответствующий левому портрету, переносит читателя к Уильяму Дженнингсу Брайану , нажатие на правый портрет переносит читателя к Артуру Сьюэллу , а нажатие в любом другом месте переносит читателя к http://projects.vassar.edu/1896/democrats.html. Это изображение генерируется с помощью следующей разметки:

<карта изображения>Файл:Bryan-Sewall.jpg|300px|right|alt=1896 Плакат предвыборной кампании Демократической партии с кандидатами Уильямом Дж. Брайаном из Небраски на пост президента и Артуром Сьюэллом из Мэна на пост вице-президентакруг 950 850 700 [[ Уильям Дженнингс Брайан | Уильям Дж. Брайан ]]круг 2950 850 700 [[ Артур Сьюэлл ]]по умолчанию [ http://projects.vassar.edu/1896/democrats.html 1896 Демократы] </imagemap>

Эта разметка карты изображения указывает, что текст заголовка (подсказки) для трех регионов — «Уильям Дж. Брайан», «Артур Сьюэлл» и «Демократы 1896 года» соответственно. Альтернативный текст для региона карты изображения всегда совпадает с текстом заголовка; альтернативный текст для всего изображения указан в первой строке разметки карты изображения. Исходные размеры базового изображения составляют 3916×1980, а координаты указаны в этих размерах, а не в масштабе 300 пикселей. Как описано в документации карты изображения, регионы можно указывать как круги, прямоугольники и произвольные многоугольники, а синий значок «i» можно перемещать или скрывать. Кроме того, изображение можно указывать как thumbили frame, что означает, что у него есть альтернативный текст и подпись обычным способом, со значком двойного прямоугольника вместо синего значка «i» .

Чтобы сделать это легко, вы можете использовать гаджет Commons , называемый ImageMapEdit , автор Дарио Д. Мюллер (ImageMapEdit_Howto). Чтобы использовать его, сначала вы должны включить ImageMapEdit (установив флажок) на странице виджетов Preferences (которая находится в конце второй группы гаджетов).

Затем под изображением Commons появляется ссылка ImageMapEdit > , которая активирует виджет.

Давайте рассмотрим пример глаза, в котором мы выделим область роговицы кругом :

Скопируйте содержимое Сгенерированного викикода в буфер обмена . С помощью Правка (источник) вставьте содержимое буфера обмена в статью (иногда шаблон, а в данном случае: в эту справку) Википедии, по мере необходимости.

<карта изображения>Файл:Eagle(owl)-eye.JPG|круг 1028 717 299 [[ Роговица ]]desc внизу слева</карта_изображения>

Добавьте в код (<imagemap> ...) изображения (уже скопированного в статье) ширину, которую вы считаете подходящей (в данном случае мы выбрали 250 пикселей) в строке имени файла, как показано:

<карта изображения>Файл:Eagle(owl)-eye.JPG|250pxкруг 1028 717 299 [[ Роговица ]]desc внизу слева</карта_изображения>

Результат будет следующим:

Попробуйте навести курсор мыши на роговицу.

ImageMap не может содержать нижний колонтитул, поэтому мы должны включить приведенный выше код в таблицу. Например:

{|class="wikitable" width="256" выравнивание=влево| <карта изображения>Файл:Eagle(owl)-eye.JPG|250pxкруг 1028 717 299 [[ Роговица ]]desc внизу слева</карта_изображения>|-| Щелкните роговицу {{ маленькую|(указанную курсором мыши) }} на изображении глаза филина.|}{{ - }}

Наложение аннотаций на изображение

Некоторые диаграммы загружаются без текста, чтобы их можно было использовать на нескольких языках; или может возникнуть желание добавить кликабельные ссылки к изображению. В таких случаях текстовые аннотации можно добавить к изображению с помощью шаблонов Шаблон:Аннотированное изображение или Шаблон:Аннотированное изображение 4 .

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

Ссылка без отображения

Допустим, вы хотите сделать ссылку на изображение, не отображая его. Вы можете сделать это, добавив двоеточие перед префиксом "File:". Вы можете перенаправить их на страницу изображения, где им сообщат, кто его загрузил, когда, каков статус авторских прав и т. д.:

[[:File:Wikipedesketch.png]]

Файл:Wikipedesketch.png

Вы можете сделать ссылку такой, какой захотите.

[[:File:Wikipedesketch.png|A cartoon centipede reads books and types on a laptop.]]

Мультяшная сороконожка читает книги и печатает на ноутбуке.

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

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

[[Media:Wikipedesketch.png]]

Медиа:Wikipedesketch.png

Это говорит Media:вместо File:. Когда пользователь нажимает на ссылку, браузер переходит прямо к изображению. Как и прежде, вы можете изменить текст, чтобы он говорил все, что угодно.

[[Media:Wikipedesketch.png|A cartoon centipede reads books and types on a laptop.]]

Мультяшная сороконожка читает книги и печатает на ноутбуке.

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

Наконец, вы можете сделать ссылку на одно изображение из маленькой иконки двойного прямоугольника миниатюры , но отобразить другое изображение с помощью " ". Это предназначено для редких случаев, когда программное обеспечение Wikipedia, которое уменьшает изображения до миниатюр, плохо справляется, и вы хотите предоставить свою собственную миниатюру. В следующем примере двойной прямоугольник ссылается на File:Anime stub 2.svg , но отображается изображение File:Anime stub.png :|thumb=Displayed image name

Собираем пазл

[[File:Anime stub 2.svg|thumb=Anime stub.png |alt=Head of cute girl, manga-style, with blue hair, big eyes and smile, and gray puzzle pieces below and around her hair |Putting the puzzle together]]

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

В одной рамке изображения можно отобразить несколько изображений :

{{ Рамка изображения | ширина = 200 | содержимое = [[ Файл : PNG прозрачность демонстрации 1.png | 100px ]][[ Файл : Белые звезды 3.svg | 100px ]] | подпись = Пример использования | ссылка = Привет, мир | выравнивание = центр }}

Пример использования

Их также можно обрезать и складывать внутри рамки:

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

{{ Рамка изображения | выравнивание = левое | граница = нет | подпись = обрезанные изображения в рамке | содержимое = {{ стек |{{ CSS кадрирование изображения | Изображение = Роса на траве Luc Viatour.jpg | bSize = 400 | cWidth = 100 | cHeight = 100 | oTop = 180 | oLeft = 60 }} |{{ CSS кадрирование изображения | Изображение = Роса на траве Luc Viatour.jpg | bSize = 400 | cWidth = 100 | cHeight = 100 | oTop = 180 | oLeft = 60 }} }} {{ стек |{{ CSS кадрирование изображения | Изображение = Роса на траве Luc Viatour.jpg | bSize = 400 | cWidth = 100 | cHeight = 100 | oTop = 180 | oLeft = 60 }} |{{ Обрезка изображения CSS | Изображение = Роса на траве Luc Viatour.jpg | bSize = 400 | cWidth = 100 | cHeight = 100 | oTop = 180 | oLeft = 60 }} } } }}

В случае, если изображение не отображается

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

Синтаксис изображения неполный или неверный.
Подпись может содержать неполные теги ссылок, особенно непарные [[s и ]] , которые интерпретируются как синтаксис изображения.
Предыдущее изображение может иметь неправильный синтаксис изображения, особенно неполный ]] в конце
Необходимо соблюдать заглавные буквы в викикоде; таким образом, если файл изображения имеет вид Image:Photo of Wikipede.JPG , вам нужно будет использовать заглавные буквы для «JPG».
Изображение занесено в черный список на MediaWiki:Bad image list . Рассмотрите возможность запроса на его удаление на MediaWiki talk:Bad image list .

Советы

При размещении или изменении размера изображений часто лучше редактировать всю страницу, а не только один раздел, чтобы избежать неожиданных совпадений с другими разделами статьи.
Прежде чем публиковать какие-либо изображения, помните, что они могут содержать скрытые данные. Эти данные могут включать комментарии, которые не отображаются, метаданные Exif и сообщения, скрытые с помощью стеганографии .
Изображения можно вращать, зеркально отображать, масштабировать и обрезать с помощью шаблонов {{ Transform-rotate }} , {{ MirrorH }} , {{ CSS image crop }} .

Смотрите также

Брошюра Фонда Викимедиа в формате PDF, знакомящая новичков с Wikimedia Commons и рассказывающая о том, как они могут внести свой вклад в развитие фонда.

MediaWiki содержит документацию по теме: Help:Images

Помощь:Файлы
Википедия:Мастер статей
Help:Section – дает указания, как расположить оглавление статьи (TOC) в потоке изображений.
{{ Внешние носители }}
Википедия:Расширенный синтаксис изображений
Wikipedia:Graphics Lab – помощь в редактировании или улучшении изображений
Википедия:Учебники по графике – как создавать собственные изображения
Wikipedia:Как создавать диаграммы для статей Википедии
Википедия:Как улучшить качество изображения
Википедия:Изображения
Wikipedia:Руководство по стилю § Изображения
Википедия:Руководство по стилю/Изображениям
Википедия:Вопросы авторских прав в СМИ
Википедия:Подготовка изображений к загрузке
Википедия:SVG помощь
Commons:Первые шаги – руководство
Commons:Подписи к файлам
Категория ресурсов Commons
Бесплатные ресурсы изображений – где найти бесплатные изображения для использования в Википедии
Книжная полка Викимедиа – больше учебных пособий, видео, раздаточных материалов

Примечания

^ File: можно заменить на Image:без каких-либо изменений; выбор между ними — исключительно вопрос редакционных предпочтений.