KidshockeyWiki:Изображения
В KidshockeyWiki приветствуется размещение изображений на страницах статей. Чтобы украсить статью яркой картинкой или подробной схемой, вы должны провести некоторые подготовительные работы.
Предварительно изображения должны быть сохранены как файл.
Здесь изложено краткая инструкция по основным функциям, если Вы чувствуете, что хотите воспользоваться полным функционалом, то прочитайте полное руководство
Содержание
|
Где взять изображения
Возможно, что нужное изображение в KidshockeyWiki уже есть. Для этого можете воспользоваться функцией поиска.
Бывает, что изображение нашлось, но его качество вас не устраивает. Если у вас есть более качественное с тем же содержанием, то имеет смысл загрузить его под тем же названием (то есть заменить старое).
Требования к изображениям
Изображение, которое вы собираетесь поместить в свою статью, должно соответствовать ряду требований:
- Соблюдение авторского права: никогда не помещайте в KidshockeyWiki изображения, если это не разрешено их правообладателями.
- Используйте правильный формат изображений:
- для векторных изображений предпочтительней применение формата SVG;
- для неподвижных растровых изображений с преобладанием плавных цветовых переходов (фотографии, репродукции художественных произведений) применяйте формат JPEG;
- для неподвижных растровых изображений с резкими границами между цветными областями (схемы, карты, скриншоты программ, изображения символов и т. д.) применяйте формат PNG;
- для подвижных (анимированных) растровых изображений применяйте формат GIF;
- если ваши изображения имеют другие форматы, то конвертируйте их в рекомендуемые.
- Загружаемые изображения должны иметь максимально высокое разрешение, что обеспечит высокое качество печати. Максимальный размер файла изображения, допускаемый KidshockeyWiki, — 32 Мбайт, поэтому не уменьшайте их перед загрузкой на сервер! Лучше это сделать с помощью команд разметки KidshockeyWiki непосредственно при вставке в статью. Старайтесь, чтобы размеры уменьшенной копии изображения, используемой в статье, не превышали 25 кбайт (максимум 50 кбайт).
- Желательно загружать изображения без подписи, чтобы использовать его и в других разделах. Подпись вставляется с помощью wiki-разметки очень просто.
Загрузка файла изображения в KidshockeyWiki
Загружать файлы могут только зарегистрированные участники. При загрузке учитывайте некоторые особенности:
- для переименования изображения требуется новая загрузка файла. Старая версия должна быть стёрта администратором;
- при загрузке изображения более высокого качества под тем же названием старое не стирается, а сохраняется в «Истории», как и любой файл в KidshockeyWiki;
- в названии файлов KidshockeyWiki различает написание ПРОПИСНЫМИ и строчными буквами.
Вставка изображения в статью
Вставка без изменения размеров
Чтобы вставить загруженное изображение в статью, достаточно указать ссылку на него: [[Image:Файл]].
«По умолчанию» изображение будет воспроизводиться слева в полную величину, а текст начинаться ниже его. Если вы хотите дать только ссылку на картинку, не воспроизводя его на странице, то поставьте двоеточие перед словом «Image»: [[:Image:Файл]].
Щелчок на такую надпись загружает страницу самого изображения.
Вот, попробуйте: Image:Alex_Ovechkin_caps_shirt_wm.jpg.
Альтернативный текст
Некоторые читатели отключают функцию показа изображений. В качестве альтернативы (вместо изображений) для таких читателей отображается специальный текст — пояснение к изображению, его вписывают в конце после вертикальной чёрточки: [[Image:Имя файла|Альтернативный текст для изображений]].
Кроме этого, даже при включённом отображении изображений, альтернативный текст будет показываться в виде всплывающей подсказки при наведении курсора мыши на Image.
Пояснительная подпись
Чтобы сделать поясняющую подпись, используется атрибут «frame»:
[[Image:Alex_Ovechkin_caps_shirt_wm.jpg|frame|Пояснительная подпись]]
Он заключает изображение в рамку и смещает вправо. В области «Пояснительная подпись» можно применять wiki-разметку. Пояснительная подпись одновременно выполняет вышеописанные функции альтернативного текста.
Уменьшение размеров
Атрибуты «thumb» или «thumbnail», вставленные между именем файла и пояснительной подписью, уменьшают ширину изображения (в зависимости от настроек пользователя — от 120px до 300px; высота изменяется пропорционально), прижимают его вправо и помещают в рамку:
[[Image:Alex_Ovechkin_2866x3000_wm.jpg|thumb|Пояснительная подпись]]
Кроме того, справа от пояснительной подписи появляется специальный значок: щёлкнув по нему, можно перейти на страницу изображения и посмотреть его в натуральную величину. Текст располагается слева от значка.
Для получения изображения заданной ширины (высота изменяется пропорционально), запишите её в пикселах (в формате ЧИСЛОрх). Этот атрибут можно использовать как отдельно, так и совместно с атрибутом «thumb»:
[[Image:Alex_Ovechkin_2866x3000_wm.jpg|100px|Альтернативный текст для изображений]]
Или
[[Image:Alex_Ovechkin_2866x3000_wm.jpg|thumb|100px|Пояснительная подпись]]
Можно вписать Image в прямоугольник заданного размера, указав его ширину и высоту:
[[Image:Alex_Ovechkin_2866x3000_wm.jpg|thumb|200x100px|Пояснительная подпись]]
Отношение сторон изображения (ширины к высоте) при этом не изменяется. Иными словами, когда пропорции изображения не совпадают с пропорциями заданного прямоугольника, тогда либо высота, либо ширина уменьшенного изображения окажется меньше заданной для прямоугольника. Поэтому, если необходимо задать именно высоту изображения (и дать ему пропорционально растянуться по ширине), то для этого достаточно сделать ширину описанного прямоугольника заведомо большей, нежели высота : 30000x200px, например.
Не забывайте о соразмерности изображения и текста. Если статья небольшая, то можно подобрать высоту изображения так, чтобы текст полностью охватывал его. В длинной статье не стоит делать изображения чрезмерно маленькими, иначе они «утонут» в тексте.
Расположение на странице
Смещение вправо
Кроме рассмотренных выше атрибутов «frame» и «thumb», прижать Image вправо можно атрибутом «right». Пример:
[[Image:Alex_Ovechkin_2866x3000_wm.jpg|100px|right]]
В отличие от изображения с атрибутом «frame» или «thumb», в данном случае картинка не оказывается заключённым в рамку, и альтернативный текст не указывается в видимой подписи. Однако он всё равно используется в качестве всплывающей подсказки (после наведения курсора мыши), а также показывается вместо картинки для тех читателей, которые отключили отображение изображений в своём браузере. Поэтому рекомендуется указывать альтернативный текст после атрибута «right», за вертикальной чёрточкою. Пример:
[[Image:Alex_Ovechkin_2866x3000_wm.jpg|100px|right|Алекс Овечкин]]
Смещение влево
Чтобы прижать Image к левому краю страницы, используйте атрибут «left» или «none»:
[[Image:Alex_Ovechkin_2866x3000_wm.jpg|left]]
Это работает в том числе и для изображений с атрибутом «frame» или «thumb». Пример:
[[Image:Alex_Ovechkin_2866x3000_wm.jpg|100px|thumb|left|Александр]]
Текст, следующий за таким изображением, обтекает его справа.
Окончание обтекания
Для пометки окончания обтекающего Image текста используйте специальный HTML-код:
<br clear="both" />
или шаблон {{-}}.
Текст, расположенный после этого кода, будет начинаться с новой строки — и будет располагаться ниже нижнего края любого из изображений, расположенных прежде этого кода в статье.
Расположение по центру
Для расположения изображения в центре страницы следует использовать атрибут «center». Пример:
[[Image:Alex_Ovechkin_2866x3000_wm.jpg|100px|thumb|center|Пояснительная подпись]]
Текст, следующий за таким изображением, не обтекает его ни с одной из сторон, а начинается ниже нижнего края изображения.
Автоматическое масштабирование высоких и широких изображений
Картинки большой высоты и малой ширины в режиме thumb отображаются слишком высокими. В таких случаях рекомендуется поставить параметр upright. С этим параметром картинка отображается у́же (75 % от обычного изображения), что, как правило, приводит к более красивому восприятию.
- [[Image:Название-изображения.jpg|thumb|upright|без „px“-, но с параметром „upright“]]
Коэффициент в параметре upright можно изменить, если для очень высоких изображений 0,75 недостаточно:
- [[Image:Название-изображения.jpg|thumb|upright=0.5|без „px“-, но с параметром „upright=0.5“]]
Таким же способом можно масштабировать очень широкие изображения, например, панорамы. С коэффициентом upright > 1 они отображаются шире обычного. Пропорции при этом сохраняются.
- [[Image:Panorama.jpg|thumb|upright=1.8|Панорама, Image 180 % стандартной ширины.]]
Ширина изображений округляется вверх до 10 пикселей.
Такое автоматическое масштабирование предпочтительнее закреплённой с помощью px ширины.
Дополнительные возможности
Галереи
Для вставки нескольких изображений в статью (например, изображений картин в статье о художнике), применяется специальный служебный тег <gallery>, который группирует изображения в галерею (по 4 изображения в каждом ряду).
В простейшем случае используется следующий синтаксис.
<gallery> Image:Logo.png Image:Logo.png|Подпись Image:Logo.png|Подпись со [[Заглавная страница|ссылкой]] </gallery>
Подпись
Подпись со ссылкой
Пример более изощрённого синтаксиса.
<gallery caption="Можно добавлять заголовки"> Также можно вставлять текст, но если в тексте будет [[ссылка]], строка игнорируется Image: Alex_Ovechkin_2866x3000_wm.jpg|Саша Image: Alex_Ovechkin_caps_shirt_wm.jpg|Он же Image: Alex_Ovechkin_1024x768_wm.jpg|Опять </gallery>
- Можно добавлять заголовки
- Также можно вставлять текст,
Саша
Он же
Опять
Изображения внутри таблиц
Комбинируя таблицы и изображения, можно представлять информацию, например, в таком виде:
| Овечкин | |||
|---|---|---|---|
| Большое изображение | |
В майке | |
Исходный текст для этого примера таков:
{| style="border:1px solid black; border-collapse:collapse;"
!colspan="4"|Овечкин
|-
|Большое изображение|| [[Image:Alex_Ovechkin_2866x3000_wm.jpg|thumb|none|110px|Описание]]
|В майке|| [[Image:Alex_Ovechkin_caps_shirt_wm.jpg|thumb|none|100px|Еще что-то]]
|}
Рекомендации
Оформление ознакомительного рисунка
Многие статьи содержат один рисунок (ознакомительный), иллюстрирующий главную мысль статьи.
Рекомендуется именно этим изображением и начинать статью. Такое изображение должно обязательно иметь атрибут thumb и пояснительную подпись. Пример:
[[Image:Alex_Ovechkin_1024x768_wm.jpg|thumb|Пояснительная подпись]]
Размеры изображений
Поскольку разрешение экрана у всех разное, каждый читатель KidshockeyWiki может в личных настройках выбрать подходящий ему размер thumb в пределах от 120 до 300 пикселей. Редактируя статью, по возможности не задавайте размеры изображений; вместо этого полагайтесь на собственный выбор читателя. Впрочем, задание специальных размеров рисунка может оказаться оправданным в некоторых специальных случаях. Например, если важные мелкие детали изображения скрадываются при уменьшении, тогда его размер придётся специально сделать большим. Или, если высота изображения сильно превосходит ширину (или наоборот), тогда для него придётся задать несколько иное ограничение размеров, нежели выбираемое читателем.
Зависимость положения иллюстраций от направления лиц и движения объектов
Уместное размещение изображений (слева или справа от текста) почти всегда зависит от положения лица на иллюстрации (если это портрет), или от направления движения объекта (если изображается движущийся объект).
Размещение портретов
Если лицо на портрете обращено не прямо к читателю, то его обращают по направлению к тексту статьи:
- если человек изображён анфас, или если мы имеем дело с групповой фотографией, то изображение можно поместить и слева, и справа от текста,
- но если человек изображён в профиль или в пол-оборота, то следует помещать так, чтобы он не казался отвернувшимся от статьи:
- изображённые глядящими направо от читателя — размещаются слева от текста,
- изображённые глядящими налево от читателя — размещаются справа от текста.
Аналогичное правило действует в отношении животных.
Размещение изображений движущихся объектов
Если движущийся объект (хоккеист, шайба) изображён движущимся не прямо к читателю или от читателя, то иллюстрация размещается так, чтобы направление движения объекта было обращено к тексту статьи.
Недопустимость зеркального отображения иллюстраций
Не занимайтесь зеркальным отображением иллюстраций. Если, согласно вышеприведённым рекомендациям, направление изображаемого взгляда или движения не соответствует положению какого-либо изображения на странице, то переместите это изображение по другую сторону от текста, а не пытайтесь зеркально отобразить само Image, чтобы изменить направление на обратное.
Зеркальное отображение искажает многие категории фактов, запечатлённых на иллюстрациях. К их числу относятся, в частности:
- Особенности лица, не обладающие зеркальной симметрией.
- Начертание текста.
- Расположение наград и знаков отличия на мундирах.
- Географическое положение деталей пейзажа относительно направления тени.
- Направление развития спиралевидной раковины моллюсков (по часовой стрелке, или против неё).
- Этикет расположения столовых приборов в ладонях при приёме пищи.
- Изменение направления мужской или женской застежки на одежде.
Поэтому следует любой ценой избегать зеркального отображения иллюстраций.
Нагромождение изображений
Статья может стать трудночитаемой и выглядеть неряшливо, если на странице расположено слишком много изображений при сравнительно малом объёме текста. По этой причине старайтесь включать в небольшую статью наиболее важные иллюстрации и лишь по мере её увеличения подключать дополнительные, либо включать дополнительные изображения в структурированные галереи.
