Как масштабировать изображение с таким же качеством, используя jquery?

Question

У меня есть последовательность изображений в HTML.Все изображения большого размера, я масштабирую тему на начальном экране и по клику увеличиваю.

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

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

Answer 1

Я думаю, вы должны масштабировать их не динамически в браузере.Создавайте миниатюры на стороне сервера, используя библиотеки вроде imagick или gd.

Answer 2

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

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

Answer 3

Поскольку существует плавающая концепция, разрешение в системе меняется по-разному. Поэтому лучше использовать хорошее качество изображения.

Проверьте эту ссылку http://codecanyon.net/item/imageresize/59935

Если это полезно для вас, скажите мне, что я могу выслать вам код.