Уменьшить размер файла без потери качества

Я хотел бы сохранить файлы в Photoshop, но сохранить их как можно меньше.

Я использую Save for Web (и устройства) и сохраняю как JPEG. Вот настройки, которые я использовал:

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

Это дает размер файла несколько сотен килобайт в зависимости от размера изображения. Хотя это не большая проблема, эти изображения используются для Интернета, и чем меньше, тем лучше. Какие существуют методы без снижения качества для уменьшения размера файла?

Обновить:

Чтобы добавить больше информации здесь:

Многие изображения, которые я использую и создаю, отправляются по электронной почте. Это несколько ограничивает то, что я могу сделать с размещением текста с использованием HTML и CSS поверх изображения.

Также я использую различные шрифты. Некоторые из них я мог бы использовать для Интернета с помощью CSS, @font-faceно вы можете столкнуться с большими размерами файлов, а в некоторых случаях вы не можете легально загрузить шрифт в Интернет. Я мог бы использовать такой сервис, как Typekit, но опять же многие шрифты, которые я использую, недоступны в Typekit.

Вот пример изображения:

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

Конкретная схема сжатия, параметры, уменьшение цвета и т. Д. Зависят от конкретного случая. Есть некоторые изображения, которые вы можете безопасно сохранить с ползунком сжатия JPEG, установленным на 30 или 40, без видимых артефактов. Некоторые другие требуют настройки 80 или более. Твой глаз должен быть судьей.

Когда мы говорим о сжатии JPEG, не стесняйтесь пытаться использовать, например, опцию «Progressive» или установить «Blur» на ненулевое значение (легкое размытие может маскировать серьезные артефакты сжатия).

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

Вот пара примеров:

Слева направо, сверху вниз, их параметры:

1. JPEG, прогрессивный, качество: 40, размытие: 0,18, размер: 9 672 байта
2. JPEG, оптимизированный, Качество: 60, Размытие: 0 Размер: 16 898 байт
3. JPEG, прогрессивный, качество: 60, размытие: 0, размер: 11 104 байта
4. PNG-8, дизеринг: диффузный, цвета: 256, размер: 4 528 байт

Сравните их визуально, а затем внимательно посмотрите на их соответствующие размеры данных. Первая пара составляет около 9,7 кБ против 16,9 кБ. Второй - 11,1 кБ против 4,5 кБ. Все это благодаря (ИМХО) незначительной визуальной разнице.

Вот несколько вариантов:

• Используйте другой формат, отличный от JPEG (PNG или GIF); результаты с точки зрения как размера файла, так и качества изображения будут зависеть от содержания вашего изображения; каждый лучше в определенных видах контента
• Уменьшите изображение с точки зрения пикселей - это будет иметь очень существенный эффект, и его обязательно нужно учитывать, если вы контролируете общий макет
• По возможности используйте элементы без изображения, например, попробуйте заменить текст на изображениях текстом HTML; Попробуйте заменить блоки цвета на элементы HTML.

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

Я постараюсь ответить на некоторые до сих пор без ответа вопросы:

Многие изображения, которые я использую и создаю, отправляются по электронной почте. Это несколько ограничивает то, что я могу сделать с размещением текста с использованием HTML и CSS поверх изображения.

Вы можете отправлять html письма (как делаются новостные рассылки). С HTML и встроенным CSS (для совместимости). Изображения должны быть на сервере, и вы должны поместить полный URL-адрес в stylings / img-tags. Вот список того, что работает в разных почтовых клиентах.

Также я использую различные шрифты. Некоторые из них я мог бы использовать для Интернета, используя CSS @ font-face, но вы можете работать с файлами большого размера, а в некоторых случаях вы не можете легально загрузить шрифт в Интернет.

Попробуйте Google WebFonts , безусловно, лучший источник WebFont. Все бесплатно для использования. Другой был бы Font Squirrel . (Он также использует @ font-face).

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