Из Википедии, бесплатной энциклопедии
Перейти к навигации Перейти к поиску

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

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

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

Добавление первой картинки

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

Миниатюры

Типичное изображение можно вставить с линией, [[File:...|thumb|...]]как показано ниже. ( Image:может быть заменен File:без изменения эффекта; выбор между ними является исключительно вопросом редакционных предпочтений.) Использование thumbгенерирует эскиз , изображение, размер которого обычно отличается от размера исходного изображения. Несколько параметров могут повлиять на размещение и размер эскиза.

Слева

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

[[File:Wikipedesketch.png|thumb|left|alt=A cartoon centipede reads books and types on a laptop.|The Wikipede edits ''[[Myriapoda]]''.]]
Википед редактирует Myriapoda .

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

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

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

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

[[File:Wikipedesketch.png|thumb|left|alt=A cartoon centipede reads books and types on a laptop.|The Wikipede edits ''[[Myriapoda]]''.]]

Lorem ipsum dolor sit amet, conctetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud упражнение ullamco labouris nisi ut aliquip ex ea Commodo Concequat. Duis aute irure dolor в репрехендерит в сладострастном velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, загорелся in culpa qui officia deserunt mollit anim id est Laborum. *

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

*Lorem ipsum dolor sit amet, conctetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud упражнение ullamco labouris nisi ut aliquip ex ea Commodo Concequat. Duis aute irure dolor в репрехендерит в сладострастном velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, загорелся in culpa qui officia deserunt mollit anim id est Laborum. Curabitur pretium tincidunt lacus. Nulla gravida orci a odio. Нуллам вариус, турпис и коммодофаретра, эст эрос бибендум элит, неклюктус магна фелис ​​соллисудин маурис. Целое число в mauris eu nibh euismod gravida. Duis ac tellus et risus vulputate vehicle. Donec lobortis risus a elit. Etiam tempor. Ut ullamcorper, ligula eu tempor congue, eros est euismod turpis, id tincidunt sapien risus a quam.Maecenas fermentum conquat mi. Donec fermentum. Pellentesque malesuada nulla a mi. Duis sapien sem, aliquet nec, commo eget, conquat quis, neque. Aliquam faucibus, elit ut dictum aliquet, felis nisl adipiscing sapien, sed malesuada diam lacus eget erat. Cras mollis scelerisque nunc. Nullam arcu. Аликвам консекват. Curabitur augue lorem, dapibus quis, laoreet et, pretium ac, nisi. Aenean magna nisl, mollis quis, molestie eu, feugiat in, orci. In hac Habitasse platea dictumst.ниси. Aenean magna nisl, mollis quis, molestie eu, feugiat in, orci. In hac Habitasse platea dictumst.ниси. Aenean magna nisl, mollis quis, molestie eu, feugiat in, orci. In hac Habitasse platea dictumst.

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

Справа

Расположение эскиза по умолчанию - справа:

[[File:Wikipedesketch.png|thumb|alt=A cartoon centipede reads books and types on a laptop.|The Wikipede edits ''[[Myriapoda]]''.]]

Lorem ipsum dolor sit amet, conctetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud упражнение ullamco labouris nisi ut aliquip ex ea Commodo Concequat. Duis aute irure dolor в репрехендерит в сладострастном velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, загорелся in culpa qui officia deserunt mollit anim id est Laborum. *

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

*Lorem ipsum dolor sit amet, conctetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud упражнение ullamco labouris nisi ut aliquip ex ea Commodo Concequat. Duis aute irure dolor в репрехендерит в сладострастном velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, загорелся in culpa qui officia deserunt mollit anim id est Laborum. Curabitur pretium tincidunt lacus. Nulla gravida orci a odio. Нуллам вариус, турпис и коммодофаретра, эст эрос бибендум элит, неклюктус магна фелис ​​соллисудин маурис. Целое число в mauris eu nibh euismod gravida. Duis ac tellus et risus vulputate vehicle. Donec lobortis risus a elit. Etiam tempor. Ut ullamcorper, ligula eu tempor congue, eros est euismod turpis, id tincidunt sapien risus a quam.Maecenas fermentum conquat mi. Donec fermentum. Pellentesque malesuada nulla a mi. Duis sapien sem, aliquet nec, commo eget, conquat quis, neque. Aliquam faucibus, elit ut dictum aliquet, felis nisl adipiscing sapien, sed malesuada diam lacus eget erat. Cras mollis scelerisque nunc. Nullam arcu. Аликвам консекват. Curabitur augue lorem, dapibus quis, laoreet et, pretium ac, nisi. Aenean magna nisl, mollis quis, molestie eu, feugiat in, orci. In hac Habitasse platea dictumst.ниси. Aenean magna nisl, mollis quis, molestie eu, feugiat in, orci. In hac Habitasse platea dictumst.ниси. Aenean magna nisl, mollis quis, molestie eu, feugiat in, orci. In hac Habitasse platea dictumst.

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

Без обтекаемого текста

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

[[File:Wikipedesketch.png|thumb|center|alt=A cartoon centipede reads books and types on a laptop.|The Wikipede edits ''[[Myriapoda]]''.]]

Lorem ipsum dolor sit amet, conctetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud упражнение ullamco labouris nisi ut aliquip ex ea Commodo Concequat. Duis aute irure dolor в репрехендерит в сладострастном velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, загорелся in culpa qui officia deserunt mollit anim id est Laborum. *

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

* Lorem ipsum dolor sit amet, conctetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud упражнение ullamco labouris nisi ut aliquip ex ea Commodo Concequat. Duis aute irure dolor в репрехендерит в сладострастном velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, загорелся in culpa qui officia deserunt mollit anim id est Laborum.

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

[[File:Wikipedesketch.png|thumb|none|alt=A cartoon centipede reads books and types on a laptop.|The Wikipede edits ''[[Myriapoda]]''.]]

Lorem ipsum dolor sit amet, conctetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud упражнение ullamco labouris nisi ut aliquip ex ea Commodo Concequat. Duis aute irure dolor в репрехендерит в сладострастном velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, загорелся in culpa qui officia deserunt mollit anim id est Laborum. *

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

* Lorem ipsum dolor sit amet, conctetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud упражнение ullamco labouris nisi ut aliquip ex ea Commodo Concequat. Duis aute irure dolor в репрехендерит в сладострастном velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, загорелся in culpa qui officia deserunt mollit anim id est Laborum.

Размеры эскизов

Обычно эскиз имеет ширину 220 пикселей ( пикселей ). Эта ширина используется типичными читателями, которые не вошли в систему или не изменили свои предпочтения. Вы можете установить для себя другую ширину по умолчанию в Моих настройках в разделе «Внешний вид: Файлы». Возможные варианты: 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-файлы можно безопасно изменять без потери качества.

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

[[File:Amun.svg|thumb|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]]

Lorem ipsum dolor sit amet, conctetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud упражнение ullamco labouris nisi ut aliquip ex ea Commodo Concequat. Duis aute irure dolor в репрехендерит в сладострастном velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, загорелся in culpa qui officia deserunt mollit anim id est Laborum. *

Египетский бог Амон, изображенный до периода Амарны.

*

Lorem ipsum dolor sit amet, conctetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud упражнение ullamco labouris nisi ut aliquip ex ea Commodo Concequat. Duis aute irure dolor в репрехендерит в сладострастном velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, загорелся in culpa qui officia deserunt mollit anim id est Laborum.

Curabitur pretium tincidunt lacus. Nulla gravida orci a odio. Нуллам вариус, турпис и коммодофаретра, эст эрос бибендум элит, неклюктус магна фелис ​​соллиситудин маурис. Целое число в mauris eu nibh euismod gravida. Duis ac tellus et risus vulputate vehicle. Donec lobortis risus a elit. Etiam tempor. Ut ullamcorper, ligula eu tempor congue, eros est euismod turpis, id tincidunt sapien risus a quam. Maecenas fermentum conquat mi. Donec fermentum. Pellentesque malesuada nulla a mi. Duis sapien sem, aliquet nec, commo eget, conquat quis, neque. Aliquam faucibus, elit ut dictum aliquet, felis nisl adipiscing sapien, sed malesuada diam lacus eget erat. Cras mollis scelerisque nunc. Nullam arcu. Аликвам консекват. Curabitur augue lorem, dapibus quis, laoreet et, pretium ac, nisi. Aenean magna nisl, mollis quis, molestie eu, feugiat in, orci.In hac Habitasse platea dictumst.

Fusce convallis, mauris imperdiet gravida bibendum, nisl turpis suscipit mauris, sed placerat ipsum urna sed risus. In convallis tellus a mauris. Curabitur non elit ut libero tristique sodales. Маурис лакус. Donec mattis semper leo. In hac Habitasse platea dictumst. Vivamus facilisis diam at odio. Mauris dictum, nisi eget conquat elementum, lacus ligula molestie metus, non feugiat orci magna ac sem. Donec turpis. Donec vitae metus. Morbi tristique neque eu mauris. Quisque gravida ipsum non sapien. Proin turpis lacus, scelerisque vitae, elementum at, lobortis ac, quam. Aliquam dictum eleifend risus. In hac Habitasse platea dictumst. Etiam sit amet diam. Suspendisse odio. Suspendisse nunc. In semper bibendum libero.

Proin nonummy, lacus eget pulvinar lacinia, pede felis dignissim leo, vitae tristique magna lacus sit amet eros. Nullam ornare. Praesent odio ligula, dapibus sed, tincidunt eget, dictum ac, nibh. Nam quis lacus. Nunc eleifend molestie velit. Morbi lobortis quam eu velit. Donec euismod vestibulum massa. Donec non lectus. Aliquam Commodo Lacus sit amet nulla. Cras dignissim elit et augue. Nullam non diam. Pellentesque обитатель morbi tristique senectus et netus et malesuada fames ac turpis egestas. In hac Habitasse platea dictumst. Aenean vestibulum. Sed lobortis elit quis lectus. Nunc sed lacus at augue bibendum dapibus.

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

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

[[File:Amun.svg|thumb|upright|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]]

Lorem ipsum dolor sit amet, conctetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud упражнение ullamco labouris nisi ut aliquip ex ea Commodo Concequat. Duis aute irure dolor в репрехендерит в сладострастном velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, загорелся in culpa qui officia deserunt mollit anim id est Laborum. *

Египетский бог Амон, изображенный до периода Амарны.

*

Lorem ipsum dolor sit amet, conctetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud упражнение ullamco labouris nisi ut aliquip ex ea Commodo Concequat. Duis aute irure dolor в репрехендерит в сладострастном velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, загорелся in culpa qui officia deserunt mollit anim id est Laborum.

Curabitur pretium tincidunt lacus. Nulla gravida orci a odio. Нуллам вариус, турпис и коммодофаретра, эст эрос бибендум элит, неклюктус магна фелис ​​соллиситудин маурис. Целое число в mauris eu nibh euismod gravida. Duis ac tellus et risus vulputate vehicle. Donec lobortis risus a elit. Etiam tempor. Ut ullamcorper, ligula eu tempor congue, eros est euismod turpis, id tincidunt sapien risus a quam. Maecenas fermentum conquat mi. Donec fermentum. Pellentesque malesuada nulla a mi. Duis sapien sem, aliquet nec, commo eget, conquat quis, neque. Aliquam faucibus, elit ut dictum aliquet, felis nisl adipiscing sapien, sed malesuada diam lacus eget erat. Cras mollis scelerisque nunc. Nullam arcu. Аликвам консекват. Curabitur augue lorem, dapibus quis, laoreet et, pretium ac, nisi. Aenean magna nisl, mollis quis, molestie eu, feugiat in, orci.In hac Habitasse platea dictumst.

Fusce convallis, mauris imperdiet gravida bibendum, nisl turpis suscipit mauris, sed placerat ipsum urna sed risus. In convallis tellus a mauris. Curabitur non elit ut libero tristique sodales. Маурис лакус. Donec mattis semper leo. In hac Habitasse platea dictumst. Vivamus facilisis diam at odio. Mauris dictum, nisi eget conquat elementum, lacus ligula molestie metus, non feugiat orci magna ac sem. Donec turpis. Donec vitae metus. Morbi tristique neque eu mauris. Quisque gravida ipsum non sapien. Proin turpis lacus, scelerisque vitae, elementum at, lobortis ac, quam. Aliquam dictum eleifend risus. In hac Habitasse platea dictumst. Etiam sit amet diam. Suspendisse odio. Suspendisse nunc. In semper bibendum libero.

Proin nonummy, lacus eget pulvinar lacinia, pede felis dignissim leo, vitae tristique magna lacus sit amet eros. Nullam ornare. Praesent odio ligula, dapibus sed, tincidunt eget, dictum ac, nibh. Nam quis lacus. Nunc eleifend molestie velit. Morbi lobortis quam eu velit. Donec euismod vestibulum massa. Donec non lectus. Aliquam Commodo Lacus sit amet nulla. Cras dignissim elit et augue. Nullam non diam. Pellentesque обитатель morbi tristique senectus et netus et malesuada fames ac turpis egestas. In hac Habitasse platea dictumst. Aenean vestibulum. Sed lobortis elit quis lectus. Nunc sed lacus at augue bibendum dapibus.

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

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

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

[[File:Amun.svg|thumb|upright=0.56|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]]

Lorem ipsum dolor sit amet, conctetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud упражнение ullamco labouris nisi ut aliquip ex ea Commodo Concequat. Duis aute irure dolor в репрехендерит в сладострастном velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, загорелся in culpa qui officia deserunt mollit anim id est Laborum. *

Египетский бог Амон, изображенный до периода Амарны.

*

Lorem ipsum dolor sit amet, conctetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud упражнение ullamco labouris nisi ut aliquip ex ea Commodo Concequat. Duis aute irure dolor в репрехендерит в сладострастном velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, загорелся in culpa qui officia deserunt mollit anim id est Laborum.

Curabitur pretium tincidunt lacus. Nulla gravida orci a odio. Нуллам вариус, турпис и коммодофаретра, эст эрос бибендум элит, неклюктус магна фелис ​​соллиситудин маурис. Целое число в mauris eu nibh euismod gravida. Duis ac tellus et risus vulputate vehicle. Donec lobortis risus a elit. Etiam tempor. Ut ullamcorper, ligula eu tempor congue, eros est euismod turpis, id tincidunt sapien risus a quam. Maecenas fermentum conquat mi. Donec fermentum. Pellentesque malesuada nulla a mi. Duis sapien sem, aliquet nec, commo eget, conquat quis, neque. Aliquam faucibus, elit ut dictum aliquet, felis nisl adipiscing sapien, sed malesuada diam lacus eget erat. Cras mollis scelerisque nunc. Nullam arcu. Аликвам консекват. Curabitur augue lorem, dapibus quis, laoreet et, pretium ac, nisi. Aenean magna nisl, mollis quis, molestie eu, feugiat in, orci.In hac Habitasse platea dictumst.

Fusce convallis, mauris imperdiet gravida bibendum, nisl turpis suscipit mauris, sed placerat ipsum urna sed risus. In convallis tellus a mauris. Curabitur non elit ut libero tristique sodales. Маурис лакус. Donec mattis semper leo. In hac Habitasse platea dictumst. Vivamus facilisis diam at odio. Mauris dictum, nisi eget conquat elementum, lacus ligula molestie metus, non feugiat orci magna ac sem. Donec turpis. Donec vitae metus. Morbi tristique neque eu mauris. Quisque gravida ipsum non sapien. Proin turpis lacus, scelerisque vitae, elementum at, lobortis ac, quam. Aliquam dictum eleifend risus. In hac Habitasse platea dictumst. Etiam sit amet diam. Suspendisse odio. Suspendisse nunc. In semper bibendum libero.

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

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

[[File:Köppen-vereinfacht.svg|thumb|center|upright=2.0|alt=Map of the world. A tan band stretches from northern Africa through central China; most of Australia and parts of south Africa and the western Americas are also tan. Dark greens dominate the northern hemisphere. Lighter greens cover much land near the equator. Polar areas are white, the north fringed with light blue.|Macroclimates of the earth. Tans represent desert, dark greens humid continental, and light green tropical rainforest. Light blue and white represent tundra and ice cap.]]

Lorem ipsum dolor sit amet, conctetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud упражнение ullamco labouris nisi ut aliquip ex ea Commodo Concequat. Duis aute irure dolor в репрехендерит в сладострастном velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, загорелся in culpa qui officia deserunt mollit anim id est Laborum. *

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

*Lorem ipsum dolor sit amet, conctetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud упражнение ullamco labouris nisi ut aliquip ex ea Commodo Concequat. Duis aute irure dolor в репрехендерит в сладострастном velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, загорелся in culpa qui officia deserunt mollit anim id est Laborum. Curabitur pretium tincidunt lacus. Nulla gravida orci a odio. Нуллам вариус, турпис и коммодофаретра, эст эрос бибендум элит, неклюктус магна фелис ​​соллисудин маурис. Целое число в mauris eu nibh euismod gravida. Duis ac tellus et risus vulputate vehicle. Donec lobortis risus a elit. Etiam tempor. Ut ullamcorper, ligula eu tempor congue, eros est euismod turpis, id tincidunt sapien risus a quam.Maecenas fermentum conquat mi. Donec fermentum. Pellentesque malesuada nulla a mi. Duis sapien sem, aliquet nec, commo eget, conquat quis, neque. Aliquam faucibus, elit ut dictum aliquet, felis nisl adipiscing sapien, sed malesuada diam lacus eget erat. Cras mollis scelerisque nunc. Nullam arcu. Аликвам консекват. Curabitur augue lorem, dapibus quis, laoreet et, pretium ac, nisi. Aenean magna nisl, mollis quis, molestie eu, feugiat in, orci. In hac Habitasse platea dictumst.ниси. Aenean magna nisl, mollis quis, molestie eu, feugiat in, orci. In hac Habitasse platea dictumst.ниси. Aenean magna nisl, mollis quis, molestie eu, feugiat in, orci. In hac Habitasse platea dictumst.

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

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

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

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

[[File:Köppen-vereinfacht.svg|thumb|center|400px|alt=Map of the world. A tan band stretches from northern Africa through central China; most of Australia and parts of south Africa and the western Americas are also tan. Dark greens dominate the northern hemisphere. Lighter greens cover much land near the equator. Polar areas are white, the north fringed with light blue.|Macroclimates of the earth. Tans represent desert, dark greens humid continental, and light green tropical rainforest. Light blue and white represent tundra and ice cap.]]
Макроклиматы Земли. Загар представляет собой пустыню, темно-зеленый влажный континентальный и светло-зеленый тропический лес. Голубой и белый цвета представляют тундру и ледяную шапку.

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

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

[[File:Flag of Scotland.svg|thumb|center|x60px|alt=White diagonal cross over blue background|Flag of Scotland]]
Флаг Шотландии

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

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

[[File:Flag of Scotland.svg|thumb|center|120x60px|alt=White diagonal cross over blue background|Flag of Scotland]]
Флаг Шотландии

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

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

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

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

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

[[File:Wikipedesketch.png|frame|center|alt=A cartoon centipede reads books and types on a laptop.|The Wikipede edits ''[[Myriapoda]]''.]]
Википед редактирует Myriapoda .

Панорамы

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

{{wide image|Helsinki z00.jpg|1800px|alt=Panorama of city with mixture of five- to ten-story buildings|[[Helsinki]] has many buildings.}}
В Хельсинки много зданий.

Файлы DjVu и PDF

Томас Крейн
Это страница 2

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

[[File:Abroad - 1882.djvu|thumb|right|150px|By Thomas Crane|page=13]]

[[File:Cinderella (1865).pdf|thumb|left|150px|This is page 2|page=2]]

Избегайте наложений

Ярлык
  • WP: УПАКОВКА

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

Википед редактирует Myriapoda .
Флаг Шотландии

Lorem ipsum dolor sit amet, conctetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud упражнение ullamco labouris nisi ut aliquip ex ea Commodo Conquat. Duis aute irure dolor в репрехендерит в сладострастном velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, загорелся in culpa qui officia deserunt mollit anim id est Laborum.

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

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

Lorem ipsum dolor sit amet, conctetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud упражнение ullamco labouris nisi ut aliquip ex ea Commodo Concequat. Duis aute irure dolor в репрехендерит в сладострастном velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, загорелся in culpa qui officia deserunt mollit anim id est Laborum.

Curabitur pretium tincidunt lacus. Nulla gravida orci a odio. Нуллам вариус, турпис и коммодофаретра, эст эрос бибендум элит, неклюктус магна фелис ​​соллиситудин маурис. Целое число в mauris eu nibh euismod gravida. Duis ac tellus et risus vulputate vehicle. Donec lobortis risus a elit. Etiam tempor. Ut ullamcorper, ligula eu tempor congue, eros est euismod turpis, id tincidunt sapien risus a quam. Maecenas fermentum conquat mi. Donec fermentum. Pellentesque malesuada nulla a mi. Duis sapien sem, aliquet nec, commo eget, conquat quis, neque. Aliquam faucibus, elit ut dictum aliquet, felis nisl adipiscing sapien, sed malesuada diam lacus eget erat. Cras mollis scelerisque nunc. Nullam arcu. Аликвам консекват. Curabitur augue lorem, dapibus quis, laoreet et, pretium ac, nisi. Aenean magna nisl, mollis quis, molestie eu, feugiat in, orci.In hac Habitasse platea dictumst.

Fusce convallis, mauris imperdiet gravida bibendum, nisl turpis suscipit mauris, sed placerat ipsum urna sed risus. In convallis tellus a mauris. Curabitur non elit ut libero tristique sodales. Маурис лакус. Donec mattis semper leo. In hac Habitasse platea dictumst. Vivamus facilisis diam at odio. Mauris dictum, nisi eget conquat elementum, lacus ligula molestie metus, non feugiat orci magna ac sem. Donec turpis. Donec vitae metus. Morbi tristique neque eu mauris. Quisque gravida ipsum non sapien. Proin turpis lacus, scelerisque vitae, elementum at, lobortis ac, quam. Aliquam dictum eleifend risus. In hac Habitasse platea dictumst. Etiam sit amet diam. Suspendisse odio. Suspendisse nunc. In semper bibendum libero.

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

Lorem ipsum dolor sit amet, conctetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud упражнение ullamco labouris nisi ut aliquip ex ea Commodo Concequat. Duis aute irure dolor в репрехендерит в сладострастном velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, загорелся in culpa qui officia deserunt mollit anim id est Laborum.

Curabitur pretium tincidunt lacus. Nulla gravida orci a odio. Нуллам вариус, турпис и коммодофаретра, эст эрос бибендум элит, неклюктус магна фелис ​​соллиситудин маурис. Целое число в mauris eu nibh euismod gravida. Duis ac tellus et risus vulputate vehicle. Donec lobortis risus a elit. Etiam tempor. Ut ullamcorper, ligula eu tempor congue, eros est euismod turpis, id tincidunt sapien risus a quam. Maecenas fermentum conquat mi. Donec fermentum. Pellentesque malesuada nulla a mi. Duis sapien sem, aliquet nec, commo eget, conquat quis, neque. Aliquam faucibus, elit ut dictum aliquet, felis nisl adipiscing sapien, sed malesuada diam lacus eget erat. Cras mollis scelerisque nunc. Nullam arcu. Аликвам консекват. Curabitur augue lorem, dapibus quis, laoreet et, pretium ac, nisi. Aenean magna nisl, mollis quis, molestie eu, feugiat in, orci.In hac Habitasse platea dictumst.

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

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

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

Lorem ipsum dolor sit amet, conctetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud упражнение ullamco labouris nisi ut aliquip ex ea Commodo Concequat. Duis aute irure dolor в репрехендерит в сладострастном velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, загорелся in culpa qui officia deserunt mollit anim id est Laborum.

Curabitur pretium tincidunt lacus. Nulla gravida orci a odio. Нуллам вариус, турпис и коммодофаретра, эст эрос бибендум элит, неклюктус магна фелис ​​соллиситудин маурис. Целое число в mauris eu nibh euismod gravida. Duis ac tellus et risus vulputate vehicle. Donec lobortis risus a elit. Etiam tempor. Ut ullamcorper, ligula eu tempor congue, eros est euismod turpis, id tincidunt sapien risus a quam. Maecenas fermentum conquat mi. Donec fermentum. Pellentesque malesuada nulla a mi. Duis sapien sem, aliquet nec, commo eget, conquat quis, neque. Aliquam faucibus, elit ut dictum aliquet, felis nisl adipiscing sapien, sed malesuada diam lacus eget erat. Cras mollis scelerisque nunc. Nullam arcu. Аликвам консекват. Curabitur augue lorem, dapibus quis, laoreet et, pretium ac, nisi. Aenean magna nisl, mollis quis, molestie eu, feugiat in, orci.In hac Habitasse platea dictumst.

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

Lorem ipsum dolor sit amet, conctetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud упражнение ullamco labouris nisi ut aliquip ex ea Commodo Concequat. Duis aute irure dolor в репрехендерит в сладострастном velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, загорелся in culpa qui officia deserunt mollit anim id est Laborum.

Curabitur pretium tincidunt lacus. Nulla gravida orci a odio. Нуллам вариус, турпис и коммодофаретра, эст эрос бибендум элит, неклюктус магна фелис ​​соллиситудин маурис. Целое число в mauris eu nibh euismod gravida. Duis ac tellus et risus vulputate vehicle. Donec lobortis risus a elit. Etiam tempor. Ut ullamcorper, ligula eu tempor congue, eros est euismod turpis, id tincidunt sapien risus a quam. Maecenas fermentum conquat mi. Donec fermentum. Pellentesque malesuada nulla a mi. Duis sapien sem, aliquet nec, commo eget, conquat quis, neque. Aliquam faucibus, elit ut dictum aliquet, felis nisl adipiscing sapien, sed malesuada diam lacus eget erat. Cras mollis scelerisque nunc. Nullam arcu. Аликвам консекват. Curabitur augue lorem, dapibus quis, laoreet et, pretium ac, nisi. Aenean magna nisl, mollis quis, molestie eu, feugiat in, orci.In hac Habitasse platea dictumst.

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

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

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

В этом же шаблоне можно выровнять картинки по вертикали:

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

Галереи

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

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

{| style = "margin: 0 auto;"| [[File: Philipp Veit 008.jpg | thumb | upright | alt = Женщина в облачении, сидит, с мечом на коленях | Philipp Veit, '' Germania '', 1834–1836]]| [[Файл: Image Germania (живопись) .jpg | thumb | upright | alt = Женщина в облачении, стоящая с мечом | Филипп Файт, Германия, 1848]]| [[Файл: Мемориал Нидервальда 2.JPG | thumb | upright | alt = Памятник женщине в рясе, стоящей, держащей в одной руке корону, а в другой - меч в ножнах | Йоханнес Шиллинг, «Германия», 1871–83] ]|}

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

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

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

  • Подпись 1

  • Подпись 2

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

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

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

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

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

<gallery mode = "pack-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-catus на снегу.jpg | '' [[ Felis catus ]] '' (кошка на снегу)Файл: Усталый 20-летний кот.jpg | '' [[ Felis silvestris catus ]] '' (Усталый 20-летний кот)Файл: Кот Ноябрь 2010-1a.jpg | '' [[ Felis silvestris catus ]] '' (Кот)Файл: Felis silvestris silvestris Luc Viatour.jpg | '' [[ Felis silvestris silvestris ]] '' (европейская дикая кошка)Файл: Июньский котенок с лишним глаз 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 }} предлагает третий метод:

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

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

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

{{Чисто}}
Википед редактирует Myriapoda .

Lorem ipsum dolor sit amet, conctetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud упражнение ullamco labouris nisi ut aliquip ex ea Commodo Conquat. Duis aute irure dolor в репрехендерит в сладострастном velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, загорелся in culpa qui officia deserunt mollit anim id est Laborum.

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

Lorem ipsum dolor sit amet, conctetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud упражнение ullamco labouris nisi ut aliquip ex ea Commodo Conquat. Duis aute irure dolor в репрехендерит в сладострастном velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, загорелся in culpa qui officia deserunt mollit anim id est Laborum.

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

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

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

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

Lorem ipsum dolor sit amet, conctetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud упражнение ullamco labouris nisi ut aliquip ex ea Commodo Concequat. Duis aute irure dolor в репрехендерит в сладострастном velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, загорелся in culpa qui officia deserunt mollit anim id est Laborum. * *Lorem ipsum dolor sit amet, conctetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud упражнение ullamco labouris nisi ut aliquip ex ea Commodo Conquat. Duis aute irure dolor в репрехендерит в сладострастном velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, загорелся in culpa qui officia deserunt mollit anim id est Laborum.

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

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

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

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

Lorem ipsum dolor sit amet, conctetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud упражнение ullamco labouris nisi ut aliquip ex ea Commodo Concequat. Duis aute irure dolor в репрехендерит в сладострастном velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, загорелся in culpa qui officia deserunt mollit anim id est Laborum. * *Lorem ipsum dolor sit amet, conctetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud упражнение ullamco labouris nisi ut aliquip ex ea Commodo Conquat. Duis aute irure dolor в репрехендерит в сладострастном velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, загорелся in culpa qui officia deserunt mollit anim id est Laborum.

При 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]]

Lorem ipsum dolor sit amet, conctetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud упражнение ullamco labouris nisi ut aliquip ex ea Commodo Concequat. Duis aute irure dolor в репрехендерит в сладострастном velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, загорелся in culpa qui officia deserunt mollit anim id est Laborum. * *Lorem ipsum dolor sit amet, conctetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud упражнение ullamco labouris nisi ut aliquip ex ea Commodo Conquat. Duis aute irure dolor в репрехендерит в сладострастном velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, загорелся in culpa qui officia deserunt mollit anim id est Laborum.

Граница

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

Lorem ipsum dolor sit amet, conctetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud упражнение ullamco labouris nisi ut aliquip ex ea Commodo Concequat. Duis aute irure dolor в репрехендерит в сладострастном velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, загорелся in culpa qui officia deserunt mollit anim id est Laborum. *

*Lorem ipsum dolor sit amet, conctetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud упражнение ullamco labouris nisi ut aliquip ex ea Commodo Concequat. Duis aute irure dolor в репрехендерит в сладострастном velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, загорелся in culpa qui officia deserunt mollit anim id est Laborum. Curabitur pretium tincidunt lacus. Nulla gravida orci a odio. Нуллам вариус, турпис и коммодофаретра, эст эрос бибендум элит, неклюктус магна фелис ​​соллисудин маурис. Целое число в mauris eu nibh euismod gravida. Duis ac tellus et risus vulputate vehicle. Donec lobortis risus a elit. Etiam tempor. Ut ullamcorper, ligula eu tempor congue, eros est euismod turpis, id tincidunt sapien risus a quam.Maecenas fermentum conquat mi. Donec fermentum. Pellentesque malesuada nulla a mi. Duis sapien sem, aliquet nec, commo eget, conquat quis, neque. Aliquam faucibus, elit ut dictum aliquet, felis nisl adipiscing sapien, sed malesuada diam lacus eget erat. Cras mollis scelerisque nunc. Nullam arcu. Аликвам консекват. Curabitur augue lorem, dapibus quis, laoreet et, pretium ac, nisi. Aenean magna nisl, mollis quis, molestie eu, feugiat in, orci. In hac Habitasse platea dictumst.ниси. Aenean magna nisl, mollis quis, molestie eu, feugiat in, orci. In hac Habitasse platea dictumst.ниси. Aenean magna nisl, mollis quis, molestie eu, feugiat in, orci. In hac Habitasse platea dictumst.

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

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

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

генерирует « 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]]генерирует флаг, который ссылается на англоязычный портал правительства Бельгии.

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

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

William J. BryanArthur Sewall

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

<imagemap>Файл: 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 (источник) вставьте содержимое буфера обмена в статью (иногда шаблон, а в данном случае: в этой справке) Википедии, если это необходимо.

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

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

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

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

Cornea

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


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

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

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

Некоторые диаграммы загружаются без текста, поэтому их можно использовать на нескольких языках; или кто-то может пожелать добавить интерактивные ссылки к изображению. В таких случаях текстовые аннотации могут быть добавлены к изображению с помощью шаблонов Template: Annotated image или Template: Annotated image 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]]

Если изображение не отображается

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

  • Синтаксис изображения является неполным или неправильным.
  • В подписи могут быть неполные теги ссылок, особенно непарные [[s и ]], которые интерпретируются как синтаксис изображения.
  • Предыдущее изображение может иметь неправильный синтаксис изображения, особенно неполное ]] в конце
  • Необходимо использовать заглавные буквы в викикоде; таким образом, если файл изображения Image: Photo_of_Wikipede.JPG , вам нужно будет использовать заглавные буквы для "JPG".

подсказки

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

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

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