Зменшити розмір файлу, не втрачаючи якості

Я хотів би зберегти файли у Photoshop, але зберігати їх якомога менше.

Я використовую Save for Web (і Devices) і зберігаю як JPEG. Ось налаштування, які я використав:

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

Це створює розмір файлу в кілька сотень кілобайт залежно від розміру зображення. Хоча це не велика проблема, ці зображення використовуються для Інтернету, а менші - краще. Які методи без зниження якості зменшення розміру файлу?

Оновлення:

Щоб додати ще трохи інформації тут:

Багато зображень, які я використовую та створюю, надсилаються електронною поштою. Це кілька обмежує те, що я можу зробити з розміщенням тексту за допомогою HTML та CSS над зображенням.

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

Ось приклад зображення:

Вибір найкращого методу стиснення залежить від вмісту зображення. Якщо ви намагаєтесь зберегти зображення з великою кількістю кольорів та плавним переходом між ними, ваш вибір, скоріше, буде JPEG. В іншому випадку, якщо у вас є кілька лінійних, текстових, зображень з парою кольорів, замість цього слід спробувати PNG.

Конкретна схема стиснення, параметри, зменшення кольору тощо залежать від конкретного випадку. Є кілька зображень, які ви можете безпечно зберегти, якщо JPEG-слайдер для стиснення JPEG встановлений на 30 або 40, не роблячи видимих ​​артефактів. Деякі інші вимагають налаштувань 80 або більше. Ваше око повинно бути суддею.

Коли ми говоримо про стиснення JPEG, не соромтеся спробувати використовувати, наприклад, "Прогресивний" варіант або встановити "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, Dithering: дифузно, Кольори: 256, Розмір: 4 528 байт

Порівняйте їх візуально, а потім добре погляньте на їх відповідний розмір даних. Перша пара становить близько 9,7 кБ проти 16,9 кБ. Другий - 11,1 кБ проти 4,5 кБ. Все це через (ІМХО) незначна візуальна різниця.

Ось кілька варіантів:

• Використовуйте інший формат, крім JPEG (PNG або GIF); результати щодо розміру файлу та якості зображення залежатимуть від вмісту вашого зображення; кожен краще в певному виді змісту
• Зробіть зображення меншим у розмірі пікселів - це матиме дуже суттєвий ефект і його обов'язково слід враховувати, якщо ви контролюєте загальний макет
• Використовуйте елементи зображення, де це можливо, наприклад, спробуйте замінити текст у зображеннях текстом HTML; спробуйте замінити блоки кольорів елементами HTML.

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

Я спробую відповісти на деякі поки що без відповіді запитання:

Багато зображень, які я використовую та створюю, надсилаються електронною поштою. Це кілька обмежує те, що я можу зробити з розміщенням тексту за допомогою HTML та CSS над зображенням.

Ви можете надсилати html-повідомлення (спосіб виготовлення бюлетенів). З html та вбудованим CSS (для сумісності). Зображення повинні бути на сервері, і ви повинні розмістити повну URL-адресу в стилях / img-тегах. Ось перелік того, що працює в різних клієнтах електронної пошти.

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

Спробуйте google webfonts , безумовно, найкращий джерело webfont. Усі вільні у користуванні. Ще однією буде Білка шрифту . (Він також використовує @ font-face).

Ви не можете це зробити. JPEG - формат втрат. Завжди є торгівля між якістю та розміром файлу.