Лучший способ сохранить изображения JPG для масштабирования в Интернете (Css) без потери качества в Photoshop?

Любые идеи о том, как сохранить изображение в формате JPG (или любой аналогичный формат небольшого размера (КБ)) с размером 300 пикселей / 300 пикселей в Photoshop - масштабировать его до 600 пикселей / 600 пикселей с использованием css на веб-странице, не теряя «Качество» ? Я пытаюсь выяснить, какие настройки работают хорошо ... И как я могу сохранять изображения в небольших размерах (КБ)

1. Сохранение JPG в Photoshop в размере 300x300px

введите описание изображения здесь

2. Масштабирование с помощью CSS до 600 x 600 пикселей.

введите описание изображения здесь

Ответы (2)

Невозможно увеличить изображение без потери качества.

В этом случае вам следует уменьшить масштаб изображения .

Поэтому вместо того, чтобы сохранять его как 300x300, сохраните его как 600x600. Найдите хорошие методы оптимизации/сжатия, возможно, вместо этого используйте PNG (потому что иногда сжатый PNG-8 может быть меньше, чем JPEG). Вероятно, вам нужно использовать другой инструмент для оптимизации файла PNG (поищите в Интернете «оптимизатор изображения PNG»).

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

Благодарим за ваше предложение. Возможно, я сохраню изображения в формате JPEG (600x600) и оптимизирую их... PNG-8 приближается по размеру к JPEG, но выглядит хуже. Я понял, что большие изображения, уменьшенные в масштабе, отлично смотрятся на мобильных устройствах...
Да, в основном потому, что мобильные устройства имеют дисплеи с высоким разрешением, поэтому уменьшение обычно также работает лучше.

Больше, чтобы дополнить ответ Лучано, чем противостоять ему:

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

Хотя в JPEG есть сжатие, все же важно помнить: хотя кажется , что вы только удваиваете размер изображения, на самом деле вы увеличиваете его в четыре раза. Например, 600 x 600 = 360 000 пикселей, 300 x 300 = 90 000 пикселей (затем умножьте это на 3 или 4 в зависимости от количества байтов на пиксель).

Размер сжатого jpeg зависит не столько от количества пикселей, сколько от энтропии изображения. Энтропия имеет тенденцию расти с размером изображения, но тогда вы можете позволить себе большее сжатие.
@joojaa: Верно, но ОП спрашивал о сжатии без потери качества. К счастью, у PS есть режим предварительного просмотра, чтобы показать, как будет выглядеть изображение до фактического сжатия. Я использую это, чтобы оценить качество финального сохранения. Другой проблемой, конечно же, является детализация изображения; загруженное изображение имеет гораздо меньше возможностей для сжатия без артефактов (с использованием JPEG или аналогичного сжатия с потерями).