Формат PNG (.png)

Формат PNG (Portable Network Graphic — переносні мережні графічні

дані) є одним із перспективних форматів графіки для Інтер-

нету, який створено з метою заміни GIF.

Формат PNG забезпечує високу якість графіки та прийнятні розміри

файлів. Зображення може зберігатися як у реальних кольорах,

так і в 256-колірній GIF-палітрі

Формат JPEG (.jpg)

Формат JPEG (Joint Photographic Experts Group — об'єднана група

експертів у галузі фотографії) був створений для того, щоб

позбутись обмежень, властивих формату GIF.

Два попередніх формати орієнтовані на рисовану і креслену графіку.

Формат JPEG призначений для збереження повноколірних

реалістичних фотозображень. Він має потужні засоби для стиснення

зображень, щоправда шляхом зниження їхньої якості.

JPEG-зображення зберігаються у файлах із розширенням.jpg.

Оскільки цей формат спеціально розробляли для збереження ілюстрацій,

що містять велику кількість кольорів, він є найприйнят-

нішим для деяких типів графічних даних. Це кольорові фотографії,

графічні дані з градієнтним заповненням частин зображення,

фотознімки з відтінками одного кольору тощо.

Вставлення графічних зображень у веб-документ.

Для розміщення малюнків у HTML-документі використовують одинарнийтег <IMG>. Він має обов'язковий атрибут SRC, значеннямякого є URL-адреса файлу зображення, записана в абсолютній(повністю) або відносній формі (починаючи від поточного каталогу;при цьому ≪батьківський≫ каталог позначають за допомогоюдвох крапок і слешу (.. /)). Під час відкривання документа браузерзавантажує малюнок і відображає його в тому місці документа,де розташований тег <IMG>. Графічний об'єкт буде показаний на веб-сторінці у своїх реальнихрозмірах. Якщо є потреба у їх зміні (масштабуванні об'єкта), новірозміри можна задати за допомогою атрибутів WIDTH та HEIGHT,значення яких визначають відповідно ширину та висоту зображенняв пікселах. При цьому необхідно зберегти пропорції малюнка,інакше він матиме вигляд розтягнутого або сплюснутого. Слід також пам'ятати, що іноді користувачі відключають відображенняграфіки у вікні браузера, щоб прискорити завантаженнядокументів. Тому, на випадок, коли малюнка на сторінці не буде,бажано повідомити, що на ньому зображено. Для цього використовуютьальтернативний текст — більш-менш докладний описзображення, який задають у тегу <IMG> як значення спеціальногоатрибута ALT. Якщо браузер не може показати малюнок, вінзамість нього виводить цей текст.