Справка:Изображения

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

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

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

Изображение информационного окна

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

Миниатюры

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

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

Слева

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

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

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

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

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

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

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

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

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

Справа

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

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

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

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

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

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

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

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

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

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

Изображения рядом с текстом обычно должны иметь подпись и 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 являются исключением: будучи векторными изображениями , они не имеют пикселей, есть только инструкции о том, как нарисовать изображение, которое можно бесконечно масштабировать, а «размер изображения» в описании файла является произвольным.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Исходный размер

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

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

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

Панорамы

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

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

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

Файлы DjVu и PDF

Томас Крейн

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

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

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

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

Как избежать накоплений

Ярлык

WP:СТАКИРОВАНИЕ

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

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

Чередование левого и правого

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

Совместное согласование

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

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

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

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

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

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

Галереи

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

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

{| стиль = "поле: 0 авто;" |  [[ Файл : Филипп Вейт 008.jpg | большой палец | вертикальный | alt = Сидящая женщина в мантии с мечом на коленях | Филипп Вейт, «Германия» , 1834–36 ]] |  [[ Файл : Изображение Германии (живопись).jpg | большой палец | вертикальный | alt = Женщина в мантии стоит и держит меч | Филипп Вейт, «Германия» , 1848 г. ]] |  [[ Файл : Мемориал Нидервальда 2.JPG | большой палец | вертикальный | alt = Памятник стоящей женщине в мантии, держащей корону в одной руке и частично вложенный в ножны меч в другой | Йоханнес Шиллинг, «Германия» , 1871–83 ]] |}

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

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

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

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

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

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

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

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

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

<gallery mode="packed-hover" heights="180">
Файл:Galerella sanguinea Zoo Praha 2011-2.jpg|''[[ Galerella sanguinea ]]'' (Стройный мангуст)Файл:Felis silvestris silvestris.jpg|''[[ Felis silvestris | Felis silvestris silvestris ]]''Файл:Шестинедельный кот (он же).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 ]]'' (европейская дикая кошка)Файл:Джун Od-Eyed-Cat Cropped.jpg|''[[ Felis catus ]]'' (Домашняя кошка)Файл:Рысь котенка.jpg|''[[ Рысь рысь ]]'' (Молодая рысь) </gallery>

производит:

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

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

{{ Галерея | title = Культурные изображения Джорджа Вашингтона | ширина = 160 | высота = 170 | выровнять = по центру | Файл: Федеральный зал Нью-Йорка 27.JPG | alt1 = Задняя часть статуи обращена к городскому зданию, фасад которого представляет собой греческие колонны, покрытые огромным флагом США | Статуя Вашингтона возле [[ Федерального зала ]] в [[ Нью-Йорке ]] с видом на [[ Уолл-стрит ]] . | Файл:Гора Рашмор2.jpg | alt2 = Профиль каменного лица, выступающего из склона горы. По нему карабкаются трое рабочих, каждый примерно на высоте верхней губы лица. | Строительство портрета Джорджа Вашингтона на [[ горе Рашмор ]] , ок. 1932 год . | Файл:Квартал АТБ 2014 Obv.png | alt3 = Серебряная монета с профилем бюста Вашингтона. Он царственно смотрит влево и носит косу в колониальном стиле. «СОЕДИНЕННЫЕ ШТАТЫ АМЕРИКИ» находится вверху, «ЧЕТВЕРТЬ ДОЛЛАРА» внизу, «СВОБОДА» слева и «В БОГА МЫ ДОВЕРЯЕМ» над буквой «P» справа. Чуть ниже бюста крошечными буквами написано «JF uc». | Память о Вашингтоне изображена на [[ Четвертачке (монета США) | четверть ]] . | Файл:Президентская монета номиналом 1 доллар Джорджа Вашингтона, лицевая сторона.png | alt4 = Золотая монета с бюстом Вашингтона, обращенным немного влево, но строго смотрящим прямо на зрителя. «ДЖОРДЖ ВАШИНГТОН» вверху, «1-й ПРЕЗИДЕНТ 1789–1797» внизу и «JFM» мелкими буквами у основания бюста. | Вашингтон также отмечен на некоторых [[ долларовых монетах (США) | долларовые монеты ]] . }}

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

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

Принуждение к перерыву

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

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

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

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

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

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

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

Примечание. Чтобы получить простое изображение с подписью, можно использовать {{ Простое изображение с подписью }}. Заголовок автоматически добавляется в качестве заголовка и замещающего текста изображения, и любая использованная в нем вики-разметка будет правильно отображаться в заголовке, но будет автоматически удалена из замещающего и замещающего текста. См. пример здесь .

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

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

[[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

генерирует " хx » вместо стандартного « x»x ". Доступные параметры вертикального выравнивания рядом с выходными данными, которые они генерируют: , (по умолчанию), , , , , и .baselinemiddlesubsupertext-toptext-bottomtopbottom

Ссылки

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

Обычно изображение ссылается на страницу с изображением, которая описывает изображение, его создателя и ссылается на исходное изображение в полном разрешении. Обычно это лучше для читателя и часто требуется, если пользователь выбирает лицензию 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]]генерирует флагкоторый ссылается на англоязычный портал правительства Бельгии.

Чтобы создать ссылку на другой сайт Викимедиа, используйте аббревиатуру сайта. Например, [[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 (установив флажок) на странице виджетов «Настройки» (которая находится в конце второй группы гаджетов).

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

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

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

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

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

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

Результатом будет:

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

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

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

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

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

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

Связывание без отображения

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

[[: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.]]

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

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

Наконец, вы можете создать ссылку на одно изображение с помощью маленького значка в виде двойного прямоугольника на миниатюре , но отобразить другое изображение с помощью « ». Это предназначено для тех редких случаев, когда программное обеспечение Википедии, преобразующее изображения в миниатюры, плохо справляется со своей задачей, и вы хотите предоставить собственную миниатюру. В следующем примере двойной прямоугольник ссылается на 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 | content = [[ Файл : демонстрация прозрачности PNG 1.png | 100px ]][[ Файл : White Stars 3.svg | 100 пикселей ]] | подпись = Пример использования | ссылка = Привет, мир | выровнять = по центру }}

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

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

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

{{ Рамка изображения | выровнять = слева | граница = нет | caption = Обрезанные изображения в рамке | content = {{ стек |{{ обрезка изображения CSS | Изображение = Роса на траве Люк Viatour.jpg | бРазмер = 400 | cWidth = 100 | сВысота = 100 | оТоп = 180 | oLeft = 60 }} |{{ обрезка изображения CSS | Изображение = Роса на траве Люк Viatour.jpg | бРазмер = 400 | cWidth = 100 | сВысота = 100 | оТоп = 180 | oLeft = 60 }} }} {{ стек |{{ обрезка изображения CSS | Изображение = Роса на траве Люк Viatour.jpg | бРазмер = 400 | cWidth = 100 | сВысота = 100 | оТоп = 180 | oLeft = 60 }} |{{ обрезка изображения CSS | Изображение = Роса на траве Люк Viatour.jpg | бРазмер = 400 | cWidth = 100 | сВысота = 100 | оТоп = 180 | oLeft = 60 }} }} }}

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

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

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

Советы

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

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

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

В MediaWiki есть документация, относящаяся к: Help:Images.

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

Примечания

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