1. Png больше подходит для графических работ и текста, потому что алгоритмы компрессии, применяемые в jpg, создают артефакты на линиях.
Кроме того, иногда бывает полезно, что png-изображения могут содержать дырки, через которые виден фон браузера.
2. Jpg больше подходит для фотографий, поскольку фотографии не содержат линий, а файлы получаются в разы меньше.
Вроде бы, все понятно. Но вот закавыка: а что, если нужна фотография с дырками, через которые виден фон браузера?
На первый взгляд, никак.
Так умные люди что делают: берут фотографию как png, прорезают дырки, результат сжимают в jpg, в получившемся битмапе еще раз прорезают дырки, используя оригинальный файл, как маску, и результат окончательно сохраняют в png.
http://pngquant.org/