Вопросы React Frontend Developer

Основные форматы: JPEG (фото, сжатие с потерями), PNG (графика с прозрачностью, без потерь), WebP (современный, лучше сжимает). Браузер выбирает формат через тег с атрибутом type или через HTTP-заголовок Accept, который указывает поддерживаемые форматы. Сервер может отдавать WebP, если браузер его поддерживает.

JPEG использует сжатие с потерями, поэтому качество изображения ухудшается, появляются артефакты. PNG сжимает без потерь и поддерживает прозрачность, а JPEG — нет. Если заменить PNG на JPEG, можно потерять прозрачный фон и получить размытые края. Также JPEG плохо подходит для текста, схем и резких границ. Зато JPEG обычно даёт меньший размер файла для фотографий.

SVG — векторный формат, хранит изображение как набор фигур и линий, поэтому идеален для иконок и логотипов. PNG — растровый формат без потерь, поддерживает прозрачность, подходит для скриншотов и графики с чёткими краями. JPEG — растровый формат с потерями, хорошо сжимает фотографии, но не поддерживает прозрачность. Выбор зависит от типа изображения и требований к качеству и размеру файла.