Текст на изображении искажается (плывёт) при изменении разрешения экрана

У меня такой вопрос, впринципе давно мучает, только сейчас решил узнать. Вот я создаю изображение в фотошопе, на него текст, сохраняю, разрешение хорошее 1200. Для адаптивности изображение. Вот когда начинаешь менять размер браузера, т. е. уменьшать размер изображения, то картинка как будто нормальная не меняется качество, а текст как будто плывет, искажается. На других сайтах смотрю, всё вроде норм при изменении. Может что-то в фотошопе не так делаю. Вот пример недавно делал, попробуйте поизменять экран и увидите эффект: https://blogoi.ru/emailsimg/index.html