Page 33 - 6108

– alt –позначає альтернативний текст для зображення. Виводиться на
місці появи зображення до його завантаження або при відключеній графіці, а
також виводиться спливаючій підказкою при наведенні курсору миші на
зображення.
– height – задає висоту зображення
– src – задає URL-адресу зображення.
– width – задає ширину зображення.

<img src = "image.png" alt = "Приклад коду">

Без завдання розмірів зображення відображається на сторінці в реальному
розмірі. Відредагувати розміри зображення можна за допомогою атрибутів
width і height. Якщо буде задано лише один з атрибутів, то інший буде
обчислюватися автоматично для збереження пропорцій зображення.
Формати зображень.
Формат JPEG (Joint Photographic Experts Group). Зображення JPEG є
ідеальними для фотографій, вони можуть містити мільйони різних кольорів.
Стискають зображення краще за GIF, але текст і великі площі з суцільним
кольором можуть покритися плямами.
Формат GIF (Graphics Interchange Format). Є ідеальним для стиснення
зображень, в яких є області з суцільним кольором, наприклад, логотипів. GIF-
файли дозволяють встановити один з кольорів прозорим, завдяки чому фон веб-
сторінки буде видно через частину зображення. Також GIF-файли можуть
містити просту анімацію. GIF-зображення містять всього лише 256 кольорів,
через що зображення виглядають плямистими і нереалістичного кольору, як
плакати.
Формат PNG (Portable Network Graphics). Містить кращі властивості GIF-
і JPEG-форматів. Містить мільйони кольорів і дає можливість зробити один з
кольорів прозорим, при цьому стискає зображення в менший розмір, ніж GIF-
файл.
Формат APNG (Animated Portable Network Graphics). Формат зображення,
що засновано на форматі PNG. Дозволяє зберігати анімацію, а також підтримує
прозорість.
Формат SVG (Scalable Vector Graphics). SVG-малюнок складається з
набору геометричних фігур, описаних у форматі XML: лінія, еліпс,
багатокутник і т.п. Підтримується як статична, так і анімована графіка. Набір
функцій містить різні перетворення, альфа-маски, ефекти фільтрів, можливість
використання шаблонів. Зображення у форматі SVG можуть змінюватися в
розмірі без зниження якості.
Формат BMP (Bitmap Picture). Представляє нестиснене (оригінальне)
растрове зображення, шаблоном якого є прямокутна сітка пікселів. Bitmap-файл
складається з заголовка, палітри і графічних даних. У заголовку зберігається
інформація про графічне зображення і файл (глибина пікселів, висота, ширина і
кількість кольорів). Палітра вказується тільки в тих Bitmap-файлах, які містять
палітрове зображення (8 і менше біт) і складаються не більше ніж з 256
елементів. Графічні дані представляють саму картинку. Глибина кольору в
даному форматі може бути 1, 2, 4, 8, 16, 24, 32, 48 біт на піксель.