Съдържание:

1. Въведение

2. Фонов цвят или фоново изображение

3. Основни атрибути на тага <IMG>

4. Разделяне изображенията на области (Client Side Image Map)

5. Упражнения

6. Допълнителни ресурси

Въведение

Едно от най-важните неща в Интернет са изображенията. Без тях Интернет би бил различен – сив, скучен, еднообразен. Те подобряват дизайна на страницата, осигуряват преход от едни елементи и страници към други, онагледяват съдържанието, еднозначно обозначават продукти, фирми, автори. Ето защо изображенията в Web страниците трябва внимателно да се подбират и умело да се използват. Може да се сдобиете с подходящи изображения като посетите някой от безбройните сайтове предлагащи безплатни бутони, анимации, снимки, графики или създадете свои собствени с помощта на програми като Adobe Photoshop, CorelDraw, Macromedia Fireworks, Macromedia Flash и др.

Изображенията в Web се разделят на следните типове:

	Декоративни Подобряват дизайна на страницата без да добавят съществена информация. Не трябва да се прекалява с тях, защото колкото повече изображения има и колкото по-голяма е големината им, толкова по-бавно ще се зареждат, а това е изнервящо за посетителя.
	Навигационни Осигуряват преход от едни елементи и страници към други.
	Идентифициращи Това са знаци (лого) на фирми и продукти. Логото трябва да е постоянно и неизменно. Препоръчително е то да присъства във всички страници на сайта и на едно и също място.
	Контекстуални Свързани са пряко с текстовото съдържание.

Голямо значение оказва и формата на изображенията. В Web се използват следните три формата:

1.	GIF Използва се най-често за икони, графики и анимирани изображения, за които са необходими 256 или по-малко цвята.
2.	JPG Подходящ е при фотографии. Няма цветови ограничения, като се балансира между компресия и качество на изображението.
3.	PNG Подобен на GIF формата, като се разпознава от по-новите браузъри.

Ограничавайте големината на графиките до 30 Kb, за да се зареждат по-бързо. При създаването на GIF изображения е добре да се използват колкото се може по-малко цветове при постигането на желаната цел. Намаляването на броя на цветовете, намалява големината на GIF файла, което води до по-бързо зареждане на изображенията. Понякога е хубаво цвета на фона на изображението да е същия като фона на страницата. По този начин текстът е четим веднага, преди още да се е заредила картинката и се получава ефекта на "потъване" на изображението. Размера на JPG файловете се намалява с намаляване на качеството им.