Html картинки, формати зображень

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

Зображення можуть не тільки прикрашати сторінки, але і нести будь-яку інформацію. Фотографії, ілюстрації, логотипи, іконки, карти, діаграми і графіки іноді можуть нести в собі більше інформації, ніж текст, таким чином спільне використання тексту і картинок робить веб-сторінку більш візуально привабливою і набагато більш інформативною.

Як працюють цифрові зображення

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

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

формати зображень

Ви можете зберігати цифрові зображення, використовуючи три загальних формату: JPEG, GIF і PNG. Кожен з них має різні способи стиснення, свої достоїнства і недоліки. Більшість браузерів мають вбудоване програмне забезпечення, яке буде інтерпретувати і відображати файли цих форматів.

З цією темою дивляться: