Junior
22
0
questionbank

Какие популярные форматы изображений используются в веб-верстке?

Ответ от нейросети sobes.tech
  • Raster (Растровые):
    • JPEG (.jpg, .jpeg): Хорош для фотографий, поддерживает сжатие с потерями. Не поддерживает прозрачность.
    • PNG (.png): Поддерживает прозрачность (альфа-канал). PNG-8 для простых изображений с палитрой, PNG-24 для более качественных с полной цветовой гаммой. Сжатие без потерь.
    • GIF (.gif): Поддерживает анимацию и прозрачность. Ограничен 256 цветами. Используется для простых анимаций и иконок.
    • WebP (.webp): Разработан Google. Поддерживает сжатие с потерями и без потерь, анимацию и прозрачность. Обычно меньше по размеру при схожем качестве по сравнению с JPEG и PNG.
  • Vector (Векторные):
    • SVG (.svg): Масштабируется без потери качества. Отлично подходит для логотипов, иконок, графиков. Основан на XML.

| Формат | Тип | Прозрачность | Анимация | Сжатие | Лучшее применение

  • Raster (Растровые):
    • JPEG (.jpg, .jpeg): Хорош для фотографий, поддерживает сжатие с потерями. Не поддерживает прозрачность.
    • PNG (.png): Поддерживает прозрачность (альфа-канал). PNG-8 для простых изображений с палитрой, PNG-24 для более качественных с полной цветовой гаммой. Сжатие без потерь.
    • GIF (.gif): Поддерживает анимацию и прозрачность. Ограничен 256 цветами. Используется для простых анимаций и иконок.
    • WebP (.webp): Разработан Google. Поддерживает сжатие с потерями и без потерь, анимацию и прозрачность. Обычно меньше по размеру при схожем качестве по сравнению с JPEG и PNG.
  • Vector (Векторные):
    • SVG (.svg): Масштабируется без потери качества. Отлично подходит для логотипов, иконок, графиков. Основан на XML.

| Формат | Тип | Прозрачность | Анимация | Сжатие | Лучшее применение

Зарегистрируйтесь или войдите, чтобы получить доступ к полным ответам на все вопросы из банка вопросов.

web-developmentimage-formatshtmlcssperformance-optimizationresponsive-designbest-practices