Довідка:Зображення та звуки

Матеріал з Iteach WIKI
Перейти до: Навігація, пошук

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

Як публікувати зображення

Де взяти зображення

Якщо потрібна фотографія якого-небудь реального об'єкту або явища, то треба узяти цифрову камеру і сфотографувати його. Можна використовувати і звичайну плівкову камеру, а потім відсканувати знімки, але це не так зручно.

Якщо потрібне креслення, схема, діаграма, то їх треба намалювати, використовуючи яку-небудь креслярську або оформлювальну програму. Інший варіант: акуратно намалювати все на папері, а потім відсканувати (але це гірше).

Дотримання авторських прав

Брати зображення з Інтернету і сканувати ілюстрації з книг можна тільки з дозволу власників авторських прав. Не підлягають вимогам авторського права такі матеріали: матеріали опубліковані у СРСР до 1972 та на яких не проставлено знак копірайту ®, репродукції тих картин і ілюстрацій, які вже перейшли в суспільне надбання.

Можливо, що потрібне зображення на нашому вікі-сайті вже є. Для цього переглянете журнал завантажених файлів та список завантажених зображень, можете скористатися функцією «Знайти».

Буває, що зображення знайшлося, але його якість вас не влаштовує. Якщо у вас є більш якісне зображення з тим же змістом, то має сенс завантажити його під тією ж назвою (тобто замінити старе зображення).

Вимоги до зображень

Nemesis II 080.png
Зображення, яке ви збираєтеся помістити в свою статтю, повинне відповідати ряду вимог:
  • Дотримання авторського права: ніколи не поміщайте файли, якщо це не дозволено їх правовласником.
  • Для кольорових зображень (фотографії, репродукції художніх творів) застосовуйте формат JPEG; для схем, захоплень з екрану, символів і т.д. — PNG-формат. Якщо ваші зображення мають інші формати, то конвертуйте їх в ті, що рекомендуються.
  • Завантажувані зображення повинні мати максимально високу роздільчу здатність, що забезпечить високу якість друку. Максимальний розмір файлу зображення — 2 Мбайт, тому не зменшуйте їх перед завантаженням на сервер! Краще це зробити за допомогою команд розмітки безпосередньо при вставці в статтю. Намагайтеся, щоб розміри зменшеної копії зображення, що використовується в статті, не перевищували 35 кбайт (максимум 70 кбайт).
Nemesis II 080.png
УВАГА!
За замовчуванням файлу, що завантажується, може бути надане ім'я [[Файл:Example.jpg]]
Файл з таким іменем вже існує на сайті та використовується у багатьох статтях!
Щоб не знищити попередню версію файлу необхідно ОБОВ'ЯЗКОВО переіменовувати файл, що завантажується власним унікальним іменем.

Підпис вставляється за допомогою wiki-розмітки дуже просто. Для кожного зображення є сторінка з його описом, яку ви зобов'язані заповнити. Тому підготуйте в обов'язковому порядку дані про джерело і ліцензію. Бажано також мати ім'я автора (фотографа або художника) і подумати над описом зображення. Останнє повинне бути коротким і не відволікати від споглядання самого зображення. Докладніше — див.нижче Опис зображення.

Завантаження файлу зображення

Завантажувати файли можуть тільки зареєстровані учасники. Послідовність дій описана за посиланням Загрузить файл. При завантаженні враховуйте деякі особливості:

  • для перейменування зображення потрібне нове завантаження файлу. Стара версія повинна бути стерта адміністратором;
  • при завантаженні зображення вищої якості під тією ж назвою старе зображення не стирається, а зберігається в «Історії», як і будь-який файл;
  • в назві файлів розрізняється нижній та верхній регістри.

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

Опис зображення

Після завантаження файлу зображення з'явиться посилання на сторінку опису цього зображення, де слід записати в обов'язковому порядку назву, джерело і вид ліцензії, а також бажано прізвище фотографа і/або автора (художника, скульптора і т. п.) зображеного твору. Це, звичайно, вимагає деякого часу, але ліцензію, під якою ви працюєте, потрібно поважати. Крім того, опис допоможе іншим користувачам використовувати в своїх статтях це зображення.

Як додати зображення до статті

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

Для того щоб добавити завантежене зображення в статтю, достатньо вказати посилання виду: [[Зображення:Файл]].

Файл:Кіт у кафе Львів 1.jpg

За замовчуванням зображення розміщується зліва, а текст розпочинається знизу від зображенням.

Якщо необхідно розмістити лише посилання на зображення, то поставте двокрапку перед словом «Зображення»: [[:Зображення:Файл]].

Активізувавши таке посилання, Ви завантажете сторінку з самим зображення. Наприклад, Зображення:Кіт у кафе Львів 1.jpg.

Альтернативний текст

Кіт на подвір'ї у львівській кав'ярні

В деяких випадках функцію показу зображень відключено. В якості альтернативи (замість зображення) в таких випадках відображається спеціальний текст, який добавляють в кінці після вертикальної риски: [[Зображення:Имя файла|Альтернативний текст для зображення]].

При активній функції показу зображень, альтернативний текст використвується у вигляді підказки при наведенні курсора миші на зображення.

Пояснювальний текст

Файл:Кіт у кафе Львів 1.jpg
Пояснювальний текст

Для створення пояснювального тексту використовується атрибут «frame»: [[Зображення:Кіт у кафе Львів 1.jpg|frame|Пояснювальний текст]]
Зображення береться в рамку і зміщується з правої сторони сторінки. В області «Пояснювальний текст» можна використовувати wiki-разметку. Пояснювальний текст виконує одночасно функції альтернативного тексту.

Іншим варіантом підписання зображень є використання таблиць з class-атрибутом «rimage»:

Файл:Кіт у кафе Львів 1.jpg
Підпис під

зображенням.

{| class=rimage
|[[Зображення:Кіт у кафе Львів 1.jpg]]
|-
|''Підпис під зображенням.''
|}

Як і при використанні атрибуту «frame», навколо зображення створюється рамка та розміщується справа сторінки. Окрім цього, пояснювальний текст центрується. Створений таким чином пояснювальний текст не використовується в якості альтернативного.

Зменшення розмірів

Файл:Кіт у кафе Львів 1.jpg
Пояснювальний текст

Атрибути «thumb» або «thumbnail», які розміщуються між іменем файлу та пояснювальним текстом, зменшують ширину зображення (в залежності від налаштування користувача — від 120px до 300px; висота змінюється пропорційно), притискають вправо та беруть в рамку:

[[Зображення:Назва файлу|thumb|Пояснювальний текст]]

Справа від пояснювального тексту з'являється спеціальний значок: активізувавши його можна перейти на сторінку зображення та переглянути його в натуральну величину. Текст розміщується зліва від значка.

Файл:Кіт у кафе Львів 1.jpg
Пояснювальний текст

Для отримання зображення заданої ширини (висота змінюється пропорційно), використайте формат ЧИСЛОрх, де рх - кількість пікселів. Приклади використання:

[[Зображення:Назва файлу|150px|Альтернативний текст для зображення]]
[[Зображення:Назва файлу|thumb|150px|Пояснювальний текст]]
[[Зображення:Назва файлу|thumb|200x100px|Пояснювальний текст]]

Відношення сторін зображення при цьому зберігається.

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

Розташування на сторінці

Зміщення вправо

Окрім розглянутих вище атрибутів «frame», «class=rimage», «thumb» и «thumbnail», притиснути зображення вправо можна за допомогою атрибуту «right». Наприклад:

[[Зображення:Назва файлу|100px|right|]]

Текст обтікає зображення зліва. Не забудьте поставити вертикальну риску «|» після слова «right», інакше атрибут «right» буде сприйматися як альтернативний текст для зображення.

При використанні атрибуту зображення не береться в рамку. Альтернативний текст використовується у вигляді спливаючої підказки та замість зображення у випадку коли відключено відображення зображень у Веб-оглядачі. Тому рекомендується вказувати альтернативний текст після атрибуту «right», за вертикальною рискою. Наприклад:

[[Зображення:Назва файлу|150px|right|Альтернативний текст]]

Зміщення вліво


Файл:Кіт у кафе Львів 1.jpg
Кіт на подвір'ї львівської кав'ярні

Для того щоб притиснути зображення до лівого краю сторінки, використовуються атрибути «left» або «none». Це працює і для зображень з атрибутом «frame» або «thumb». Пример:

[[Зображення:Назва файлу|150px|thumb|left|Пояснювальний текст]]

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


Відміна обтікання

Для відміни обтікання тексту використовуйте спеціальний HTML-код:

<br clear="both" />

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

Розташування по центру

Для розташування зображення по центру використовується атрибут «center». Наприклад:

[[Зображення:Назва файлу|150px|thumb|center|Пояснювальний текст]]
Файл:Кіт у кафе Львів 1.jpg
Пояснювальний текст

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

Зауваження

Файл:Кіт у кафе Львів 1.jpg
Загальний вигляд

Атрибути можна комбінувати, вертикальна риска ("|") використовується як розділювач атрибутів. Атрибути можуть розміщуватися в довільній послідовності. Невідомі атрибути розглядаються як пояснюючий текст. Якщо зустрічається декілька невідомих атрибутів, то використовується останній. Наприклад,

[[Зображення:Кіт у кафе Львів 1.jpg|thumb|волошкове поле|150px|right|Загальний визляд]] (зображення справа).

Атрибути розміщення зображення на сторінці є взаємно несумісними. Коли вони прописані разом, то використовується останній.

Наприклад:
[[Зображення:Кіт у кафе Львів 1.jpg|none|right|center|left|150px|]] (зліва).
Текст між останньою вертикальною рискою та закриваючими квадратними дужками "]]" використовується як кінцевий атрибут. Наприклад, якщо останній атрибут це right, то зображення буде вирівняно по правому краю і текст обтікає зображення зліва:
[[Зображення:Кіт у кафе Львів 1.jpg|150px|right]] (справа).
Якщо остання опція порожня, пояснюючий текст не буде висвітлено:
[[Зображення:Кіт у кафе Львів 1.jpg|thumb|Текст не буде зображено|150px|left|]] (зліва)

і

[[Зображення:Кіт у кафе Львів 1.jpg|thumb|Текст зображено|150px|right]] (справа).
Якщо використовуються два та більше атрибутів "розміру", буде використовується останній:
[[Зображення:Кіт у кафе Львів 1.jpg|right|50px|80px]] (справа).«»



Як завантажити файли зображень та звуку

  1. Перед тим як завантажувати файл, перевірте чи не існує подібного файлу серед ресусів проекту.
  2. Для завантаження файлів (зокрема, зображень) використовуйте посилання в панелі інструментів "Завантажити файл".