Чем отличается jpg от png? Как это сказывается на качестве фото?

В джипеге краски нанесены на бумагу, а в пээнгэ - на прозрачную кальку.

как уже сказали, джипег сжатие с потерями, пнг без сжатия, но жто если вы ее сохраняете, пересохраняете, пару раз в джипег в высшем качестве сохранить можно. а пнг очень хорош для сохранения прозрачности, что чаще и используют.

джипег легче, но менее качественен...

JPEG использует сжатие с потерями и потом еще дожимает то, что получилось, при помощи алгоритма RLE. Впрочем, алгоритмов (включая адаптивные) там целая куча, но основной смысл - уменьшить размер файла таким образом, чтобы восприятие картинки пострадало как можно меньше.
PNG использует комбинированное сжатие "фильтрация/DEFLATE" и индексированную палитру и жмет картинку без потерь. Единственный минус - для сколь-нибудь больших фото он не подходит, при совсем небольшой визуальной рзнице он в несколько раз проигрывает соотв. размера жпегам по объему данных и требует гораздо больше вычислительных ресурсов при распаковке. Использовать его имеет смысл только для передаваемых по сети графических изображений, вроде иконок и баннеров.

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