Что может произойти, если вместо PNG использовать JPEG?

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

Что именно теряется

• Прозрачность: JPEG не поддерживает альфа-канал, поэтому прозрачные области станут белыми или чёрными.
• Качество: появляются артефакты сжатия — размытие, «ореолы» вокруг контуров, блочность.
• Резкие границы: текст, иконки и схемы становятся менее чёткими.

Пример на практике

Если у вас есть логотип с прозрачным фоном в PNG и вы сохраните его как JPEG, фон станет непрозрачным, а края букв могут «поплыть».

<img src="logo.png" alt="Логотип">
<!-- После замены на JPEG прозрачность исчезнет -->
<img src="logo.jpg" alt="Логотип">

Когда что использовать

• PNG: логотипы, иконки, скриншоты, изображения с текстом и прозрачностью.
• JPEG: фотографии и сложные изображения, где важнее размер файла, а не идеальная точность.

Итог: заменять PNG на JPEG стоит только для фотографий без прозрачности и резких деталей. Для интерфейсов, логотипов и графики с текстом лучше оставить PNG или использовать WebP/AVIF.