Слева PNG (или GIF), справа JPEG.
JPEG - формат с потерей качества изображения и он предназначен для насыщенных изображений типа фотографий, где очень мало резких переходов на границе цветов. Для резкоконтрастных изображений как в приведённом примере он категорически противопоказан.
Надо разбираться, почему Photoshop сохраняет в JPEG, а не в PNG.