1. Какие форматы рисунков можно использовать на веб-страницах? Сравните их свойства.
Для веб-страниц используются форматы JPEG, PNG, GIF, SVG и WebP. JPEG хорошо подходит для фотографий, так как поддерживает сжатие с потерями, сохраняя при этом небольшие размеры файла. PNG сохраняет четкость и прозрачность, идеально подходит для изображений с текстом или четкими границами. GIF используется для анимаций, но поддерживает только 256 цветов, что делает его не лучшим выбором для сложных изображений. SVG – векторный формат, отлично подходящий для масштабируемых графиков и иконок. WebP объединяет преимущества JPEG и PNG, предлагая качественное сжатие и поддержку прозрачности.
2. Почему изображения с чёткими границами объектов не хранят в формате JPEG?
Формат JPEG использует сжатие с потерями, что может размыть четкие границы объектов, делая такие изображения менее четкими и качественными.
3. Почему фотографии не хранят в формате GIF?
Формат GIF ограничен 256 цветами, что недостаточно для качественного отображения фотографий, где важно передать градиенты и большое количество оттенков.
4. В каких форматах можно хранить изображения с прозрачными и частично прозрачными областями?
Изображения с прозрачными областями можно хранить в форматах PNG, WebP и SVG.
5. Что представляет собой формат RGBA?
RGBA – это расширение формата RGB, где A (Alpha) обозначает прозрачность. Такой формат позволяет задавать степень прозрачности для каждого пикселя.
6. Какие атрибуты тэга <img> вы знаете? Что они обозначают?
Атрибуты тега <img> включают src (путь к изображению), alt (альтернативный текст), width и height (размеры изображения), а также title (всплывающая подсказка).
7. Где браузер будет искать этот рисунок? <img src="../../images/night.jpg">
Браузер будет искать рисунок в каталоге images, который расположен на два уровня выше текущей страницы.
8. Почему в тэге <img> рекомендуется указывать размеры рисунка и атрибут alt?
Указание размеров помогает браузеру зарезервировать место под изображение, что ускоряет загрузку страницы, а alt необходим для описания изображения при его недоступности или для помощи людям с ограничениями зрения.
9. Как сделать рисунок гиперссылкой?
Чтобы сделать рисунок гиперссылкой, его нужно обернуть в тег <a>: <a href="ссылка"><img src="изображение"></a>.
10. Какой формат векторных рисунков можно использовать на веб-страницах? Какой тэг применяется для вставки таких рисунков?
Для векторных рисунков используется формат SVG, а вставка осуществляется через тег <img> или <svg>.
11. Почему фоновые рисунки нужно использовать с большой осторожностью?
Фоновые рисунки могут ухудшить читаемость текста и замедлить загрузку страницы, особенно если они большие по размеру.
12. Что такое плагин?
Плагин – это дополнительное программное обеспечение, расширяющее возможности браузера, например, для воспроизведения мультимедиа.
13. Почему не следует автоматически запускать звук при загрузке веб-страницы?
Автоматический запуск звука может раздражать пользователей и негативно влиять на их восприятие сайта.
14. Какие средства для работы с мультимедиа добавлены в HTML5?
HTML5 добавил встроенные средства для работы с мультимедиа через теги <audio> и <video>, которые позволяют воспроизводить звук и видео без использования плагинов.