Постоянные разделы Shkaf knopka2.jpg Веб-квест.png Knopka setev2.jpg Bibliograf.jpg Masterklass.jpg ПОМОЩЬ.png Web202.jpg
Текущие активности АКЦИЯ 2024 БЕЗ КОТА И ЖИЗНЬ НЕ ТА КНОПКА МЕНЮ.png КМ АКЦИЯ 2024-радуга рукодельных идей.png МК АКЦИЯ 2024 ТК.PNG Azbukaknopka.jpg Read.jpg 2Geroy.jpg

Справка:Вставка изображений

Материал из Wiki-Сибириада
(Различия между версиями)
Перейти к: навигация, поиск
(Размещение группы иллюстраций с использованием таблицы и обтеканием текста)
м (Дополнительные статьи)
 
(не показаны 10 промежуточных версий 2 участников)
Строка 1: Строка 1:
Прежде чем загружать изображение в вики, убедитесь, что Вы подготовили его правильно.
+
== Правила!!!! ==
 +
* Прежде чем загружать изображение в вики, убедитесь, что такого еще нет в вики
 +
** посмотрев '''[[Служебная:Log|Журнал загрузки файлов]]'''.
 +
** посмотрев с главной страницы в раздел '''[[Служебная:ListFiles|"Список файлов"]'''].  Желательно при этом пролистать несколько страниц.
 +
**посмотрев список изображений, которые помечены категориями '''[[:Категория:Изображения]]'''
 +
* При загрузке файла изображения, если в вики уже есть файл с таким названием, ВСЕГДА ВЫВОДИТСЯ ПРЕДУПРЕЖДЕНИЕ!!!!!! Нужно только читать то, что выводится на экран. И при возникновении такой надписи нужно
 +
** отменить загрузку, переименовать загружаемый файл и только потом снова его загружать в вики.
 +
** или можно задать другое имя файла в окне "Новое имя файла:" (главное не стирать то, что после имени стоит, например .jpg или .gif, .png)
 +
* При загрузке изображения нужно задавать ему категорию, чтобы можно было посмотреть перечень уже имеющихся фалов данной тематике. Например, '''[[:Категория:Изображение:Покрышкин]]''' - этой категорией можно помечать фотографии, рисунки, связанные с летчиком Покрышкиным. Перейдя по ссылке категории можно посмотреть, какие там уже есть файлы и взять их для оформления своей страницы или юзербокса. Какие уже есть категории для изображений можно посмотреть  по поиску [[:Категория:Изображения]]
 +
 
 +
 
 +
Убедитесь, что Вы подготовили его правильно.
 
* Изображение '''не должно быть больше чем 800 на 600 пикселей''' на дюйм. Иначе оно не будет умещаться на экране.  
 
* Изображение '''не должно быть больше чем 800 на 600 пикселей''' на дюйм. Иначе оно не будет умещаться на экране.  
 
* Изображение должно быть сохранено в одном из трех форматов: '''jpg, gif, png.'''
 
* Изображение должно быть сохранено в одном из трех форматов: '''jpg, gif, png.'''
Строка 7: Строка 18:
  
 
* '''Закачать файл''' с изображением в систему можно с помощью служебной страницы: [[Служебная:Upload|Загрузить файл]].
 
* '''Закачать файл''' с изображением в систему можно с помощью служебной страницы: [[Служебная:Upload|Загрузить файл]].
* '''Просмотреть уже загруженные файлы''' можно с помощью страницы [[Служебная:Log|Журнал загрузки файлов]].
+
* '''Просмотреть уже загруженные файлы''' можно с помощью страницы '''[[Служебная:Log|Журнал загрузки файлов]]'''.
  
Чтобы '''сделать ссылку''' на уже загруженное изображение, в режиме редактирования нужной страницы нажмите кнопку [[Изображение:kn6.gif]] на панели инструментов. В появившемся шаблоне <nowiki>[[Файл:Example.jpg]]</nowiki> замените имя файла на загруженное? скопировав его со страницы изображения.
+
Чтобы '''сделать ссылку''' на уже загруженное изображение, в режиме редактирования нужной страницы нажмите кнопку "Встроенный файл" на панели инструментов. В появившемся шаблоне <nowiki>[[Файл:Example.jpg]]</nowiki> замените имя файла на загруженное, скопировав его со страницы изображения.
  
  
Строка 164: Строка 175:
  
 
<br clear="all" />
 
<br clear="all" />
 +
 +
==Ссылка с изображения==
 +
 +
Ссылка с изображения на статью вики создается с использованием тега '''Imagemap'''.
 +
 +
<pre>
 +
<imagemap>
 +
Файл:Нон фикшн 1000.jpeg|300px|Какая-то картинка
 +
default [[Документальная проза]]
 +
</imagemap>
 +
</pre>
 +
 +
В примере  создана ссылка с картинки с именем '''Файл:Нон фикшн 1000.jpeg''' на страницу '''[[Документальная проза]]'''
 +
 +
<imagemap>
 +
Файл:Нон фикшн 1000.jpeg|300px|Документальная проза
 +
default [[Документальная проза]]
 +
</imagemap>
  
 
=== Дополнительные статьи ===
 
=== Дополнительные статьи ===
  
 +
* [https://ru.wikipedia.org/wiki/%D0%92%D0%B8%D0%BA%D0%B8%D0%BF%D0%B5%D0%B4%D0%B8%D1%8F:%D0%98%D0%BB%D0%BB%D1%8E%D1%81%D1%82%D1%80%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5 Википедия:Иллюстрирование]
 
Подробнее о работе с изображением в Вики читайте в [http://ru.wikipedia.org/wiki/Википедия:Изображения Википедии].  
 
Подробнее о работе с изображением в Вики читайте в [http://ru.wikipedia.org/wiki/Википедия:Изображения Википедии].  
  
 
[[Category:Справка]]
 
[[Category:Справка]]

Текущая версия на 07:22, 26 марта 2021

Содержание

Правила!!!!


Убедитесь, что Вы подготовили его правильно.

Помните! Заставляя читателя Вашей страницы закачивать ненужное большое изображение, Вы тратите его время и деньги!

Чтобы сделать ссылку на уже загруженное изображение, в режиме редактирования нужной страницы нажмите кнопку "Встроенный файл" на панели инструментов. В появившемся шаблоне [[Файл:Example.jpg]] замените имя файла на загруженное, скопировав его со страницы изображения.


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

Все служебные слова разделяются значком вертикальной черты |

Примеры оформления:

Вставка без изменения размеров

Чтобы вставить загруженное изображение в статью, достаточно указать ссылку на него: [[Файл:Имя файла]].

Zvetok.jpg

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

Пояснительная подпись

Пояснительная подпись

Чтобы сделать поясняющую подпись, используется атрибут «frame»: [[Файл:Zvetok.jpg|frame|Пояснительная подпись]]
Он заключает изображение в рамку и смещает изображение вправо. В области «Пояснительная подпись» можно применять вики-разметку.


Уменьшение размеров

Уменьшить, выровнять по правой границе с обтеканием текста

Цветок

[[Файл:Zvetok.jpg|thumb|right|Цветок]]

Уменьшить, выровнять по левой границе с обтеканием текста

Цветок
[[Файл:Zvetok.jpg|thumb|left|Цветок]]


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

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

Пояснительная подпись
[[Файл:Zvetok.jpg|thumb|200x100px|Пояснительная подпись]]

Отношение сторон изображения (ширины к высоте) при этом не изменяется. Иными словами, когда пропорции изображения не совпадают с пропорциями заданного прямоугольника, тогда либо высота, либо ширина уменьшенного изображения окажется меньше заданной для прямоугольника. Поэтому, если необходимо задать именно высоту изображения (и дать ему пропорционально растянуться по ширине), то для этого достаточно сделать ширину описанного прямоугольника заведомо большей, нежели высота : 30000x200px, например.

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

Изображение без рамки с всплывающей надписью

Цветок

[[Файл:Zvetok.jpg|100px|right|Цветок]] В отличие от изображения с атрибутом «frame» или «thumb», в данном случае изображение не оказывается заключённым в рамку, и альтернативный текст не указывается в видимой подписи. Однако он всё равно используется в качестве всплывающей подсказки (после наведения курсора мыши на изображение), а также показывается вместо картинки для тех читателей, которые отключили отображение изображений в своём браузере. Поэтому рекомендуется указывать альтернативный текст после атрибута "right" или "left", за вертикальной чёрточкой.

Окончание обтекания

Для пометки окончания обтекающего изображение текста используйте специальный HTML-код:

<br clear="both" /> Текст, расположенный после этого кода, будет начинаться с новой строки — и будет располагаться ниже нижнего края любого из изображений, расположенных прежде этого кода в статье.

Расположение по центру

Для расположения изображения в центре страницы следует использовать атрибут «center». Пример:

[[Файл:Zvetok.jpg|100px|thumb|center|Пояснительная подпись]]

Пояснительная подпись

Текст, следующий за таким изображением, не обтекает его ни с одной из сторон, а начинается ниже нижнего края изображения.

Размещение группы иллюстраций в виде Галереи

Для вставки нескольких изображений в статью (например, изображений картин в статье о художнике), применяется специальный служебный тег <gallery>, который группирует изображения в галерею (по 4 изображения в каждом ряду).

В простейшем случае используется следующий синтаксис.

<gallery>
Файл:Mamont.JPG
Файл:Mamonts.JPG|Подпись
Файл:Денисова.JPG|Подпись со [[Заглавная страница|ссылкой]]
</gallery>

Размещение группы иллюстраций в виде Галереи с заголовком

<gallery caption='Можно добавлять заголовки'>
Файл:Mamont.JPG
Файл:Mamonts.JPG|Подпись
Файл:Денисова.JPG|Подпись со [[Заглавная страница|ссылкой]]
</gallery>

Размещение группы иллюстраций с использованием таблицы

Оформление в Вики

{|
 |-valign="top"
 |[[Файл:Mamont.JPG|thumb]]
 |[[Файл:Mamonts.JPG|thumb|Подпись]]
|[[Файл:Mamonts.JPG|thumb|Подпись со [[Заглавная страница|ссылкой]]]]
 |}

Результат

Mamont.JPG
Mamonts.JPG
Mamonts.JPG

текст текст текст текст текст текст текст текст

Размещение группы иллюстраций с использованием таблицы и обтеканием текста

Для того, чтобы можно было рядом со вставленными в таблицу картинками написать текст, нужно указать атрибут align="left" - таблица будет прилегать к левой границе листа, текст будет обтекать справа или атрибут align="right" - таблица будет прилегать к правой границе листа, текст будет обтекать слева.

Оформление в Вики

{|align="left"
 |-valign="top"
 |[[Файл:Mamont.JPG|thumb]]
 |[[Файл:Mamonts.JPG|thumb|Подпись]]
|[[Файл:Mamonts.JPG|thumb|Подпись со [[Заглавная страница|ссылкой]]]]
 |}

Результат

Mamont.JPG
Подпись
Подпись со ссылкой

текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст

Результат

Mamont.JPG
Подпись
Подпись со ссылкой

текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст


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

Ссылка с изображения на статью вики создается с использованием тега Imagemap.

<imagemap>
Файл:Нон фикшн 1000.jpeg|300px|Какая-то картинка
default [[Документальная проза]]
</imagemap>

В примере создана ссылка с картинки с именем Файл:Нон фикшн 1000.jpeg на страницу Документальная проза

Документальная проза
Описание изображения

Дополнительные статьи

Подробнее о работе с изображением в Вики читайте в Википедии.

Личные инструменты
Пространства имён
Варианты
Действия
Навигация
Инструменты