Безжалостное сжатие больших изображений для Интернета

StackOverflow https://stackoverflow.com/questions/319403

  •  11-07-2019
  •  | 
  •  

Вопрос

У меня очень большое фоновое изображение (около 940x940 пикселей), и мне интересно, есть ли у кого-нибудь советы по сжатию файла такого размера дальше, чем может справиться Photoshop?Лучшее сжатие без серьезной потери качества в Photoshop - это PNG 8 (250 КБ).;кто-нибудь знает способ сжать изображение дальше, чем это (возможно, сжать PNG после его сохранения)?

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

Это было полезно?

Решение

Взгляните на http://www.irfanview.com/ , он старый, но хороший ,

Обнаружили, что это способно довольно хорошо выполнять многопроходное сжатие png и выполнять пакетную обработку быстрее, чем PS.

Здесь также доступно PNGOUT http://advsys.net/ken/utils.htm что, видимо, очень хорошо.

Другие советы

В первую очередь это будет зависеть от того, какое изображение вы пытаетесь сжать.Существуют две основные категории ::

  • Изображение
  • Иллюстрация

Для фотографий (например, фотографии), a сжатие с потерями формат, подобный JPEG так будет лучше всего, так как это удалит детали, которые нелегко заметить человеческому зрительному восприятию.Это обеспечит очень высокую степень сжатия для обеспечения качества.Недостатком является то, что чрезмерное сжатие приведет к очень заметным артефакты сжатия.

Для иллюстраций которые содержат большие области одного цвета, используя сжатие без потерь формат, подобный PNG или GIF-ФАЙЛ это будет наилучший подход.Хотя это технически неверно, вы можете подумать, что PNG и GIF будут очень хорошо сжимать повторения одного и того же цвета, подобно кодировка длины выполнения (RLE).

Теперь, поскольку вы конкретно упомянули PNG, я перейду к этому обсуждению, исходя из своего опыта использования PNGS.

Во-первых, дальнейшее сжатие PNG-файла не является жизнеспособным вариантом, поскольку невозможно сжать данные, которые уже были сжаты.Это верно при любом сжатии данных;удаление энтропия отказ от исходных данных (в основном, повторяющиеся шаблоны, которые могут быть представлены более компактными способами) приводит к уменьшению объема пространства, необходимого для хранения информации.В PNG уже используются методы эффективного сжатия изображений без потерь.

Тем не менее, есть по крайней мере один возможный способ еще больше уменьшить размер PNG:Автор: уменьшение количества цветов, сохраненных в изображении.Используя "индексированные цвета" (по сути, встраивая пользовательскую палитру в само изображение), вы можете уменьшить размер файла.Однако, если изображение изначально содержит много цветов (например, имеет цветовые градиенты или фотографическое изображение), то вы, возможно, не сможете уменьшить количество цветов, используемых в изображении, без ощутимой потери качества.

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


Комментарий Пола Фишера напомнил мне, что я также, вероятно, не рекомендовал бы использовать GIF.Пол отмечает, что PNG сжимает статическое линейное изображение лучше, чем GIF, почти в любой ситуации.

Я бы также отметил, что GIF поддерживает только 8-разрядные изображения, поэтому, если изображение содержит более 256 цветов, вам придется уменьшить количество используемых цветов.

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

Здесь есть точка, которую другие авторы, возможно, не заметили, что я обнаружил экспериментально:

В некоторых случаях по умолчанию используется сохранение полной копии цветового профиля изображения вместе с изображением.

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

Этот профиль изображения, однако, довольно большой, и может сделать некоторые файлы, которые вы ожидаете, очень маленькими, очень большими, например, изображение размером 1 на 1 пиксель, потребляющее огромные 25 КБ. Даже чистый формат BMP (без сжатия) может представлять 1 пиксель меньше.

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

Вы можете удалить эти данные с помощью другого инструмента, такого как gimp, но это может занять немного времени, если имеется много файлов.

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

Если изображение носит фотографический характер, JPEG сожмет его намного лучше, чем PNG8, для такой же потери качества.

Smush.It утверждает, что выходит за рамки ограничений Photoshop. И это бесплатно и в Интернете.

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

" сжать PNG после его сохранения " часть выглядит как глубокое недоразумение для меня. Вы не можете волшебным образом сжать за определенную точку без потери информации.

Первое, на что нужно обратить внимание, это то, должно ли разрешение быть таким большим. Уменьшение разрешения на 10% в обоих направлениях уменьшает размер файла на 19%.

Затем попробуйте несколько различных алгоритмов сжатия с различными степенями сжатия в зависимости от потери информации / качества. Если изображение схематичное, вам может быть достаточно жесткое сжатие JPEG.

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

Следующим является jpeg2k.

Чтобы получить больше от файла JPEG, вы можете использовать «Измененную настройку качества» в " Сохранить как веб-страницу " диалоговое окно.

<Ол>
  • Создайте маску / выделение, содержащее белый цвет, где вы хотите сохранить больше деталей, например, текст. Вы можете использовать Quick-Mask, чтобы нарисовать маску кистью. Это помогает растушевывать выделение, в результате на следующем шаге получается красивый переход от белого к черному.
  • сохраните эту маску / выделение как канал и присвойте каналу имя
  • Использовать файл-> Сохранить как Интернет
  • Выберите JPEG в качестве формата файла
  • Рядом с полем "Качество" есть небольшая кнопка с кружком. Нажмите это. Выберите сохраненный канал на шаге 2 и поиграйте с настройкой качества для белой и черной части содержимого канала.
  • http://www.jpegmini.com - это новый сервис, который создает стандартные jpgs с впечатляюще небольшим размером файла , У меня был хороший успех с ним.

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

    Инструмент бесплатный и действительно стоит попробовать.

    JPEG2000 дает коэффициенты сжатия изображений фотографического качества, которые значительно выше, чем JPEG (или PNG). Кроме того, у JPEG2000 есть как «с потерями» и "без потерь" параметры сжатия, которые можно настроить в соответствии с вашими индивидуальными потребностями.

    Мне всегда очень везло с jpeg. Обязательно настройте фотошоп, чтобы автоматически не сохранять миниатюры в формате JPEG. По моему опыту, я получаю наибольшее соотношение "удар-доллар", используя 3-х тактное прогрессивное сжатие, хотя базовая оптимизация работает довольно хорошо. Выберите очень низкие уровни качества (например, 2 или 3) и экспериментируйте, пока не найдете хороший компромисс.

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

    Ты можешь:

    • Уменьшите разрешение с 940x940 до чего-то меньшего, например 470x470.
    • Уменьшите глубину цвета
    • Сжимайте с помощью инструмента сжатия с потерями, такого как JPEG

    Редактировать: Конечно, 250 КБ - это много для веб-фона.Возможно, вы также захотите переосмыслить графический дизайн, который требует этого.

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

    http://tools.dynamicdrive.com/imageoptimizer позволяет создавать GIF, JPG или PNG файлы из каждого из этих форматов, и говорит вам, насколько сжато изображение (в процентах от исходного размера файла).

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

    Лицензировано под: CC-BY-SA с атрибуция
    Не связан с StackOverflow
    scroll top