Ганджавики:Иллюстрирование: различия между версиями

Перейти к навигации Перейти к поиску
м
стилевые правки
Нет описания правки
м (стилевые правки)
 
(не показаны 3 промежуточные версии этого же участника)
Строка 1: Строка 1:
<div style="text-align: center;">
<p>[[Ганджавики:Справка|Справка]] &bull; [[Ганджавики:Викификатор|Викификатор]] &bull; [[Ганджавики:Таблицы|Таблицы]] &bull; [[Ганджавики:Иллюстрирование|Изображения]] &bull; [[Ганджавики:Ссылки|Ссылки]]</p>
<hr style="margin: 15px 0;" />
</div>
{{TOC right}}
{{TOC right}}
Данная статья подскажет, как украсить статью яркой картинкой или подробной схемой. С более подробной информацией вы можете ознакомиться в [https://ru.wikipedia.org/wiki/Википедия:Иллюстрирование статье иллюстрирование].
Данная статья подскажет, как украсить статью яркой картинкой или подробной схемой. С более подробной информацией вы можете ознакомиться в [http://ru.wikipedia.org/wiki/Википедия:Иллюстрирование статье иллюстрирование].


== Требования к изображениям ==
== Требования к изображениям ==
Строка 10: Строка 6:
* Соблюдение авторского права.
* Соблюдение авторского права.
* Используйте правильный формат изображений:
* Используйте правильный формат изображений:
** [https://ru.wikipedia.org/wiki/SVG SVG] — для векторных изображений;
** [http://ru.wikipedia.org/wiki/SVG SVG] — для векторных изображений;
** [https://ru.wikipedia.org/wiki/JPEG JPEG] — для неподвижных растровых изображений с преобладанием плавных цветовых переходов (фотографии);
** [http://ru.wikipedia.org/wiki/JPEG JPEG] — для неподвижных растровых изображений с преобладанием плавных цветовых переходов (фотографии);
** [https://ru.wikipedia.org/wiki/PNG PNG] — для неподвижных растровых изображений с резкими границами между цветными областями (схемы, карты, скриншоты программ);
** [http://ru.wikipedia.org/wiki/PNG PNG] — для неподвижных растровых изображений с резкими границами между цветными областями (схемы, карты, скриншоты программ);
** [https://ru.wikipedia.org/wiki/GIF GIF] — для подвижных (анимированных) растровых изображений;
** [http://ru.wikipedia.org/wiki/GIF GIF] — для подвижных (анимированных) растровых изображений;
** если ваши изображения имеют другие форматы, то конвертируйте их в рекомендуемые.
** если ваши изображения имеют другие форматы, то конвертируйте их в рекомендуемые.
* Загружаемые изображения должны иметь '''максимально высокое разрешение'''. Максимальный размер файла в Ганджавики составляет 64 мегабайт, поэтому не уменьшайте их перед загрузкой на сервер! Лучше это сделать с помощью команд разметки Ганджавики непосредственно при вставке в статью. Старайтесь, чтобы размер файла с уменьшенной копией изображения, которая используется в статье, не превышал 35 килобайт (максимум 70 килобайт).
* Загружаемые изображения должны иметь '''максимально высокое разрешение'''. Максимальный размер файла в Ганджавики составляет 64 мегабайт, поэтому не уменьшайте их перед загрузкой на сервер! Лучше это сделать с помощью команд разметки Ганджавики непосредственно при вставке в статью. Старайтесь, чтобы размер файла с уменьшенной копией изображения, которая используется в статье, не превышал 35 килобайт (максимум 70 килобайт).
Строка 30: Строка 26:
Чтобы вставить загруженное изображение в статью, достаточно указать ссылку на него: '''<nowiki>[[Файл:Имя файла]]</nowiki>'''.
Чтобы вставить загруженное изображение в статью, достаточно указать ссылку на него: '''<nowiki>[[Файл:Имя файла]]</nowiki>'''.


[[Файл:nokia6110.jpg|Nokia6110]]
[[Файл:nokia6110_b.jpg|100px|Nokia6110]]


«По умолчанию» изображение будет воспроизводиться слева в полную величину, а текст начинаться ниже его. Если вы хотите дать только ссылку на изображение, не приводя его на странице, то поставьте двоеточие перед словом «Файл»: '''<nowiki>[[:Файл:Имя файла]]</nowiki>'''. Щелчок на такую надпись загружает страницу самого изображения: [[:Файл:nokia6110.jpg]].
«По умолчанию» изображение будет воспроизводиться слева в полную величину, а текст начинаться ниже его. Если вы хотите дать только ссылку на изображение, не приводя его на странице, то поставьте двоеточие перед словом «Файл»: '''<nowiki>[[:Файл:Имя файла]]</nowiki>'''. Щелчок на такую надпись загружает страницу самого изображения: [[:Файл:nokia6110_b.jpg]].


===Замещающий текст===
===Замещающий текст===
Некоторые читатели отключают функцию показа изображений. В качестве замены (вместо изображений) для таких читателей отображается специальный текст — пояснение к изображению, его вписывают в конце после вертикальной чёрточки: '''<nowiki>[[Файл:nokia6110.jpg|Замещающий&nbsp;текст&nbsp;для&nbsp;изображений]]</nowiki>'''
Некоторые читатели отключают функцию показа изображений. В качестве замены (вместо изображений) для таких читателей отображается специальный текст — пояснение к изображению, его вписывают в конце после вертикальной чёрточки: '''<nowiki>[[Файл:nokia6110_b.jpg|Замещающий&nbsp;текст&nbsp;для&nbsp;изображений]]</nowiki>'''


Кроме этого, даже при включённом отображении изображений, замещающий текст будет показываться в виде всплывающей подсказки при наведении курсора мыши на изображение.
Кроме этого, даже при включённом отображении изображений, замещающий текст будет показываться в виде всплывающей подсказки при наведении курсора мыши на изображение.
Строка 41: Строка 37:
== Текст заголовка ==
== Текст заголовка ==
===Пояснительная подпись===
===Пояснительная подпись===
[[Файл:nokia6110.jpg|frame|Пояснительная подпись]]
[[Файл:nokia6110_b.jpg|мини|100px|Пояснительная подпись]]
Чтобы сделать поясняющую подпись, используется атрибут «frame»:
Чтобы сделать поясняющую подпись, используется атрибут «frame»:
<div style="width:530px;"><pre>[[Файл:nokia6110.jpg|frame|Пояснительная подпись]]</pre></div>
<div style="width:530px;"><pre>[[Файл:nokia6110_b.jpg|frame|Пояснительная подпись]]</pre></div>


Он заключает изображение в рамку и смещает изображение вправо.
Он заключает изображение в рамку и смещает изображение вправо.
Строка 70: Строка 66:


== Расположение на странице ==
== Расположение на странице ==
===Справа===
===Справа===
[[Файл:nokia6110.jpg|right|Nokia 6110]]
[[Файл:nokia6110_b.jpg|right|100px|Nokia 6110]]
Кроме рассмотренных выше атрибутов «frame», прижать изображение вправо можно атрибутом «right» («справа»).
Кроме рассмотренных выше атрибутов «frame», прижать изображение вправо можно атрибутом «right» («справа»).
<div style="width:530px;">
<div style="width:530px;">
<pre>[[Файл:nokia6110.jpg|right]]</pre>
<pre>[[Файл:nokia6110_b.jpg|right]]</pre>
</div>
</div>
В отличие от изображения с атрибутом «frame», в данном случае изображение не оказывается заключённым в рамку, и замещающий текст не указывается в видимой подписи. Однако он всё равно используется в качестве всплывающей подсказки (после наведения курсора мыши на изображение), а также показывается вместо картинки для тех читателей, которые отключили отображение изображений в своём браузере. Поэтому рекомендуется указывать замещающий текст после атрибута «right», за вертикальной чёрточкой. Пример:
В отличие от изображения с атрибутом «frame», в данном случае изображение не оказывается заключённым в рамку, и замещающий текст не указывается в видимой подписи. Однако он всё равно используется в качестве всплывающей подсказки (после наведения курсора мыши на изображение), а также показывается вместо картинки для тех читателей, которые отключили отображение изображений в своём браузере. Поэтому рекомендуется указывать замещающий текст после атрибута «right», за вертикальной чёрточкой. Пример:
<div style="width:530px">
<div style="width:530px">
<pre>[[Файл:nokia6110.jpg|right|Nokia 6110]]</pre>
<pre>[[Файл:nokia6110_b.jpg|right|Nokia 6110]]</pre>
</div>
</div>


===Слева===
===Слева===
[[Файл:nokia6110.jpg|left|Nokia 6110]]
[[Файл:nokia6110_b.jpg|left|100px|Nokia 6110]]
<p>Чтобы прижать изображение к левому краю страницы, используйте атрибут «left» («слева»).</p>
<p>Чтобы прижать изображение к левому краю страницы, используйте атрибут «left» («слева»).</p>
<div style="width:530px; margin-left: 110px;">
<div style="width:530px; margin-left: 110px;">
<pre>[[Файл:nokia6110.jpg|left]]</pre>
<pre>[[Файл:nokia6110_b.jpg|left]]</pre>
</div>
</div>
Это работает в том числе и для изображений с атрибутом «frame». Пример:
Это работает в том числе и для изображений с атрибутом «frame». Пример:
<div style="width:530px; margin-left: 110px;">
<div style="width:530px; margin-left: 110px;">
<pre>[[Файл:nokia6110.jpg|left|Nokia 6110]]</pre>
<pre>[[Файл:nokia6110_b.jpg|left|Nokia 6110]]</pre>
</div>
</div>


Строка 103: Строка 100:


<gallery>
<gallery>
Файл:Egg1_b.jpg
Файл:pegg1_b.jpg
Файл:Egg2_b.jpg|Подпись
Файл:pegg2_b.jpg|Подпись
Файл:Egg3_b.jpg|Подпись со [[Пасхальное яйцо 3|ссылкой]]
Файл:pegg3_b.jpg|Подпись со [[Пасхальное яйцо 3|ссылкой]]
</gallery>
</gallery>


Строка 152: Строка 149:
=== Нагромождение изображений ===
=== Нагромождение изображений ===
Статья может стать трудночитаемой и выглядеть неряшливо, если на странице расположено слишком много изображений при сравнительно малом объёме текста. По этой причине старайтесь включать в небольшую статью наиболее важные иллюстрации и лишь по мере её увеличения подключать дополнительные, либо включать дополнительные изображения в структурированные [[#Галереи|галереи]].
Статья может стать трудночитаемой и выглядеть неряшливо, если на странице расположено слишком много изображений при сравнительно малом объёме текста. По этой причине старайтесь включать в небольшую статью наиболее важные иллюстрации и лишь по мере её увеличения подключать дополнительные, либо включать дополнительные изображения в структурированные [[#Галереи|галереи]].
== См. также ==
* [[Ганджавики:Таблицы]]
* [[Ганджавики:Внутренние ссылки]]
* [[Ганджавики:Внешние ссылки]]
* [[Ганджавики:Викификатор]]


[[Категория:Ганджавики:Способы оформления статей]]
[[Категория:Ганджавики:Способы оформления статей]]

Навигация