Размещение изображений в среде WikiWiki — различия между версиями

Материал из Wiki
Перейти к:навигация, поиск
Строка 4: Строка 4:
  
 
== '''Где взять изображения''' ==
 
== '''Где взять изображения''' ==
</font><font color="#000099" size="2" face="Verdana, Helvetica">
 
 
Возможно, что нужное изображение в Вики уже есть. Для этого просмотрите список «Изображений по темам», можете воспользоваться функцией «Найти». Бывает, что изображение нашлось, но его качество вас не устраивает. Если у вас есть более качественное изображение с тем же содержанием, то имеет смысл загрузить его под тем же названием (то есть заменить старое изображение).
 
Возможно, что нужное изображение в Вики уже есть. Для этого просмотрите список «Изображений по темам», можете воспользоваться функцией «Найти». Бывает, что изображение нашлось, но его качество вас не устраивает. Если у вас есть более качественное изображение с тем же содержанием, то имеет смысл загрузить его под тем же названием (то есть заменить старое изображение).
  
Строка 13: Строка 12:
 
* В случае, если статья нуждается в иллюстрации, но вы не смогли найти изображение с подходящей лицензией, стоит разместить в статье шаблон <nowiki>{{Нет иллюстраций}}</nowiki> , чтобы привлечь внимание участников, у которых могут быть необходимые изображения.  
 
* В случае, если статья нуждается в иллюстрации, но вы не смогли найти изображение с подходящей лицензией, стоит разместить в статье шаблон <nowiki>{{Нет иллюстраций}}</nowiki> , чтобы привлечь внимание участников, у которых могут быть необходимые изображения.  
  
</font><font color="#000099" size="3" face="Verdana, Helvetica">
 
 
== '''Требования к изображениям''' ==
 
== '''Требования к изображениям''' ==
</font><font color="#000099" size="2" face="Verdana, Helvetica">
 
 
Изображение, которое вы собираетесь поместить в свою статью, должно соответствовать ряду требований:<br>
 
Изображение, которое вы собираетесь поместить в свою статью, должно соответствовать ряду требований:<br>
* Соблюдение авторского права: никогда не помещайте в Вики изображения, если это не разрешено их правообладателями.  
+
* ''Соблюдение авторского права'': никогда не помещайте в Вики изображения, если это не разрешено их правообладателями.  
*Используйте правильный формат изображений:  
+
* Используйте правильный формат изображений:  
 
** для векторных изображений применяйте формат SVG;  
 
** для векторных изображений применяйте формат SVG;  
 
** для неподвижных растровых изображений с преобладанием плавных цветовых переходов (фотографии, репродукции художественных произведений) применяйте формат JPEG;  
 
** для неподвижных растровых изображений с преобладанием плавных цветовых переходов (фотографии, репродукции художественных произведений) применяйте формат JPEG;  
Строка 29: Строка 26:
 
Желательно также иметь имя автора (фотографа или художника) и подумать над описанием изображения. Последнее должно быть коротким и не отвлекать от созерцания самого изображения.
 
Желательно также иметь имя автора (фотографа или художника) и подумать над описанием изображения. Последнее должно быть коротким и не отвлекать от созерцания самого изображения.
  
</font><font color="#000099" size="3" face="Verdana, Helvetica">
 
 
== '''Загрузка файла изображения в Вики''' ==
 
== '''Загрузка файла изображения в Вики''' ==
</font><font color="#000099" size="2" face="Verdana, Helvetica">
 
 
Загружать файлы  могут только зарегистрированные участники. При загрузке учитывайте некоторые особенности Вики:
 
Загружать файлы  могут только зарегистрированные участники. При загрузке учитывайте некоторые особенности Вики:
 
* для переименования изображения требуется новая загрузка файла. Старая версия должна быть стёрта администратором;  
 
* для переименования изображения требуется новая загрузка файла. Старая версия должна быть стёрта администратором;  
Строка 55: Строка 50:
 
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
 
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
  
</font><font color="#000099" size="3" face="Verdana, Helvetica">
 
 
== '''Как адаптировать группу изображений для Веб''' ==
 
== '''Как адаптировать группу изображений для Веб''' ==
</font><font color="#000099" size="2" face="Verdana, Helvetica">
 
 
Адаптировать группу фото для Веб с использованием программы Microsoft Picture Manager (Предложенная программа входит в стандартный пакет Microsoft Office 2003)<br>
 
Адаптировать группу фото для Веб с использованием программы Microsoft Picture Manager (Предложенная программа входит в стандартный пакет Microsoft Office 2003)<br>
 
* Сохраните все фотографии, которые нуждаются в адаптации (уменьшении размера и качества изображения для более корректной загрузки в Интернете) в одну папку  
 
* Сохраните все фотографии, которые нуждаются в адаптации (уменьшении размера и качества изображения для более корректной загрузки в Интернете) в одну папку  
Строка 67: Строка 60:
 
* В меню Рисунок – Сжать страницы – для Веб –страниц - Ок  
 
* В меню Рисунок – Сжать страницы – для Веб –страниц - Ок  
 
* Файл – Сохранить Все (с тем же именем – неадаптированные файлы будут заменены уменьшенными) или Сохранить как (сохранение с новым именем) – по одному файлу, указывая новое имя для каждого файла  
 
* Файл – Сохранить Все (с тем же именем – неадаптированные файлы будут заменены уменьшенными) или Сохранить как (сохранение с новым именем) – по одному файлу, указывая новое имя для каждого файла  
</font><font color="#000099" size="3" face="Verdana, Helvetica">
+
 
 
== '''Вставка изображения в статью''' ==
 
== '''Вставка изображения в статью''' ==
</font><font color="#000099" size="2" face="Verdana, Helvetica">
 
 
''Вставка без изменения размеров''<br>
 
''Вставка без изменения размеров''<br>
 
Чтобы вставить загруженное изображение в статью,  
 
Чтобы вставить загруженное изображение в статью,  
Строка 98: Строка 90:
 
<nowiki>[ [ Изображение: Example.jpg | thumb | Пояснительная надпись] ]</nowiki> <br>
 
<nowiki>[ [ Изображение: Example.jpg | thumb | Пояснительная надпись] ]</nowiki> <br>
 
В Вики приветствуется размещение изображений на страницах статей.  
 
В Вики приветствуется размещение изображений на страницах статей.  
 
</font><font color="#000099" size="3" face="Verdana, Helvetica">
 
  
 
== '''Пояснительная подпись''' ==
 
== '''Пояснительная подпись''' ==
</font><font color="#000099" size="2" face="Verdana, Helvetica"><br>
 
 
Чтобы сделать поясняющую подпись, используется атрибут «frame»: <nowiki>[[Изображение:Broom icon.png|frame|Пояснительная подпись]]</nowiki>
 
Чтобы сделать поясняющую подпись, используется атрибут «frame»: <nowiki>[[Изображение:Broom icon.png|frame|Пояснительная подпись]]</nowiki>
 
Он заключает изображение в рамку и смещает изображение вправо. В области «Пояснительная подпись» можно применять wiki-разметку. Пояснительная подпись одновременно выполняет вышеописанные функции альтернативного текста.
 
Он заключает изображение в рамку и смещает изображение вправо. В области «Пояснительная подпись» можно применять wiki-разметку. Пояснительная подпись одновременно выполняет вышеописанные функции альтернативного текста.
Строка 123: Строка 112:
 
<br>
 
<br>
 
<br>
 
<br>
</font><font color="#000099" size="3" face="Verdana, Helvetica">
+
 
 
== '''Изменение размеров''' ==
 
== '''Изменение размеров''' ==
</font><font color="#000099" size="2" face="Verdana, Helvetica">
 
 
Для получения изображения заданной ширины (высота изменяется пропорционально), запишите её в пикселах (в формате ЧИСЛОрх). Этот атрибут можно использовать как отдельно, так и совместно с атрибутом «thumb»:
 
Для получения изображения заданной ширины (высота изменяется пропорционально), запишите её в пикселах (в формате ЧИСЛОрх). Этот атрибут можно использовать как отдельно, так и совместно с атрибутом «thumb»:
  
Строка 139: Строка 127:
  
 
Не забывайте о соразмерности изображения и текста. Если статья небольшая, то можно подобрать высоту изображения так, чтобы текст полностью охватывал его. В длинной статье не стоит делать изображения чрезмерно маленькими, иначе они «утонут» в тексте.
 
Не забывайте о соразмерности изображения и текста. Если статья небольшая, то можно подобрать высоту изображения так, чтобы текст полностью охватывал его. В длинной статье не стоит делать изображения чрезмерно маленькими, иначе они «утонут» в тексте.
</font><font color="#000099" size="3" face="Verdana, Helvetica">
+
 
 
== '''Расположение на странице''' ==
 
== '''Расположение на странице''' ==
</font><font color="#000099" size="2" face="Verdana, Helvetica">
 
  
 
Смещение вправо  
 
Смещение вправо  
Строка 158: Строка 145:
 
[[Изображение:kamin.jpg|100px|thumb|center|Ёлка у камина]]
 
[[Изображение:kamin.jpg|100px|thumb|center|Ёлка у камина]]
  
 
+
[[Категория:Справка]]
'''ПОБРОБНЕЕ СМОТРИ в [http://wiki.pskovedu.ru/index.php/ВикиХранилище ВикиХранилище]'''
 
 
 
 
 
[[Категория: КурганВики: Справка]]
 

Версия 08:09, 16 апреля 2009

ВНИМАНИЕ! В среде Вики называйте файлы рисунков уникальными именами (т.е. таким именем, которое больше ни у кого нет). Это позволит Вам найти их и уберечь от перезаписи. См. печальная судьба файла 111.jpg. Внимание! Перед загрузкой изображения всегда проверяйте его имя на "оригинальность"! НИКОГДА не называйте свои графические файлы 111.jpg, 111111.jpg, Example.jpg и другими подобными именами, которые легко повторить, т.к. таким образом вы автоматически замещаете своим файлом то, что уже сделали ДО ВАС.

Где взять изображения

Возможно, что нужное изображение в Вики уже есть. Для этого просмотрите список «Изображений по темам», можете воспользоваться функцией «Найти». Бывает, что изображение нашлось, но его качество вас не устраивает. Если у вас есть более качественное изображение с тем же содержанием, то имеет смысл загрузить его под тем же названием (то есть заменить старое изображение).

Если подходящего изображения в Вики не нашлось:

  • Фотографию какого-либо реального объекта или явления лучше делать цифровой камерой. Можно использовать и обычную плёночную камеру, а потом отсканировать снимки, но это не так рационально.
  • Чертёж, схему, диаграмму можно нарисовать, используя какую-либо графическую или оформительскую программу. Другой вариант: аккуратно нарисовать всё на бумаге, а потом отсканировать (но качество будет хуже).
  • Брать изображения из Интернета и сканировать иллюстрации из книг можно только с разрешения обладателей авторских прав. Исключение составляют репродукции тех картин и иллюстраций, которые уже перешли в общественное достояние.
  • В случае, если статья нуждается в иллюстрации, но вы не смогли найти изображение с подходящей лицензией, стоит разместить в статье шаблон {{Нет иллюстраций}} , чтобы привлечь внимание участников, у которых могут быть необходимые изображения.

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

Изображение, которое вы собираетесь поместить в свою статью, должно соответствовать ряду требований:

  • Соблюдение авторского права: никогда не помещайте в Вики изображения, если это не разрешено их правообладателями.
  • Используйте правильный формат изображений:
    • для векторных изображений применяйте формат SVG;
    • для неподвижных растровых изображений с преобладанием плавных цветовых переходов (фотографии, репродукции художественных произведений) применяйте формат JPEG;
    • для неподвижных растровых изображений с резкими границами между цветными областями (схемы, карты, скриншоты программ, изображения символов и т. д.) применяйте формат PNG;
    • для подвижных (анимированных) растровых изображений применяйте формат GIF;
    • если ваши изображения имеют другие форматы, то конвертируйте их в рекомендуемые.
  • Загружаемые изображения должны иметь максимально высокое разрешение, что обеспечит высокое качество печати. Максимальный размер файла изображения, допускаемый Вики, — 32 Мбайт, поэтому не уменьшайте их перед загрузкой на сервер! Лучше это сделать с помощью команд разметки Wikipedia непосредственно при вставке в статью. Старайтесь, чтобы размеры уменьшенной копии изображения, используемой в статье, не превышали 35 кбайт (максимум 70 кбайт).
  • Желательно загружать изображение без подписи, чтобы использовать его и в других языковых разделах. Подпись вставляется с помощью wiki-разметки очень просто.
  • Для каждого изображения имеется страница с его описанием, которую вы обязаны заполнить. Поэтому приготовьте в обязательном порядке данные об источнике (в случае, если автор изображения не вы) и лицензии. Если изображение перезагружается из другого языкового раздела Вики, то указание только на этот раздел не достаточно; всё равно должен быть указан вид лицензии.

Желательно также иметь имя автора (фотографа или художника) и подумать над описанием изображения. Последнее должно быть коротким и не отвлекать от созерцания самого изображения.

Загрузка файла изображения в Вики

Загружать файлы могут только зарегистрированные участники. При загрузке учитывайте некоторые особенности Вики:

  • для переименования изображения требуется новая загрузка файла. Старая версия должна быть стёрта администратором;
  • при загрузке изображения более высокого качества под тем же названием старое изображение не стирается, а сохраняется в «Истории», как и любой файл в Вики;
  • в названии файлов Вики различает написание ПРОПИСНЫМИ и строчными буквами.

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

ЗАГРУЗКА
1. Найдите в левом меню
Download-file-wiki.jpg


2. Выберите "Загрузить файл". Появится следующее окно

Download-file-wiki2.jpg





















3. Что получится

Download-file-wiki3.jpg














4. После загрузки вы увидите

Download-file-wiki4.jpg





















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

Адаптировать группу фото для Веб с использованием программы Microsoft Picture Manager (Предложенная программа входит в стандартный пакет Microsoft Office 2003)

  • Сохраните все фотографии, которые нуждаются в адаптации (уменьшении размера и качества изображения для более корректной загрузки в Интернете) в одну папку
  • Щелкнуть по любой картинке правой кнопкой мыши
  • Выбрать Открыть с помощью - Microsoft Office Picture Manager
  • В меню Вид - Эскизы
  • В меню Правка – Выделить все
  • В меню Рисунок – Изменить размер (Рекомендуем выбрать изменение размера в процентном отношении) – Ок
  • В меню Рисунок – Сжать страницы – для Веб –страниц - Ок
  • Файл – Сохранить Все (с тем же именем – неадаптированные файлы будут заменены уменьшенными) или Сохранить как (сохранение с новым именем) – по одному файлу, указывая новое имя для каждого файла

Вставка изображения в статью

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


4. Далее вы увидите
Вставка изображения в страницу


5. Замените имя файла по-умолчанию, на ИМЯ ВАШЕГО ФАЙЛА, который вы загрузили ранее
Вставка изображения в страницу


6. Нажмите в самом низу страницы на кнопку "Предварительный просмотр". Если вас все устроило - нажмите на кнопку "Записать"
Вставка изображения в страницу


Как создать миниатюру изображения и подписать ее
Если вы не хотите чтобы ваше фотография расползалась по всему экрану монитора каждого участника Викии поедала их трафик, а премило указывала на свое существование уменьшенной копией (кто желает разглядеть подробности фото, тот сможет его просмотреть во всей необъятной красе, щелкнув мышью по миниатюре), тогда делаем так.
Создаем миниатюру [ [ Изображение: Example.jpg | thumb] ]
Атрибут thumb создает миниатюру изображения с шириной от 120 до 300 пикселей и пропорционально уменьшенной высотой

Подписываем изображение
[ [ Изображение: Example.jpg | thumb | Пояснительная надпись] ]
В Вики приветствуется размещение изображений на страницах статей.

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

Чтобы сделать поясняющую подпись, используется атрибут «frame»: [[Изображение:Broom icon.png|frame|Пояснительная подпись]] Он заключает изображение в рамку и смещает изображение вправо. В области «Пояснительная подпись» можно применять wiki-разметку. Пояснительная подпись одновременно выполняет вышеописанные функции альтернативного текста.

[[Изображение:kamin.jpg|thumb|Пояснительная подпись]]


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


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

Текст располагается слева от значка.







Изменение размеров

Для получения изображения заданной ширины (высота изменяется пропорционально), запишите её в пикселах (в формате ЧИСЛОрх). Этот атрибут можно использовать как отдельно, так и совместно с атрибутом «thumb»:

[[Изображение:kamin.jpg|100px|Альтернативный текст для изображений]]

Или

[[Изображение:Coat of Arms of Moscow.png|thumb|100px|Пояснительная подпись]]

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

[[Изображение:Coat of Arms of Moscow.png|thumb|200x100px|Пояснительная подпись]]

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

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

Смещение вправо

Ёлка у камина








Смещение влево

Ёлка у камина

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








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

Ёлка у камина