Як зменшити розмір файлу PNG для Інтернету?

У мене файл PNG-24 з прозорим фоном і його поточний розмір - 1,5 Мб. Як зменшити розмір або використовувати формат файлу PNG-8 і зберегти таку ж якість?

PNG-файл звідси: http://www19.zippyshare.com/v/69590430/file.html

Приклад завантаженого зображення Я спробував усі пропозиції, але хороших результатів не будь-ласка

Спасибі

PNG - це формат стиснення без втрат - без зміни вихідного матеріалу у файлі існує дуже мало способу збільшення компресії за межі стиснення найвищого рівня за замовчуванням. Єдиним реальним способом зменшити розмір буде зміна зображення, або зменшення роздільної здатності, або глибини кольору, щоб стиснення PNG мало складність для роботи.

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

RIOT може це зробити, і багато іншого.

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

Він використовує паралельний (подвійний перегляд) або інтерфейс одного виду, щоб порівняти оригінал із оптимізованим зображенням у режимі реального часу та миттєво побачити отриманий розмір файлу.

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

Інша можливість полягає у використанні комбінації pngquant, pngout та pngcrush, як описано тут , але це з командного рядка.

Ось інструкції, як перетворити зображення png24 в png8 для доброти ie6, все через командний рядок, використовуючи інструменти з відкритим кодом (я думаю) pngquant + pngout + pngcrush.

1- квантовувати зображення на 256 (так в основному png8 виглядає лайно з великими спрайтами або спрайтами з великою кольоровою гамою).

pngquant 256 some_24_bit.png

2- конвертувати зображення з формату png24 в png8

pngout -c3 -d8 -y -force some_24_bit.png some_8_bit.png

3- стиснути зображення

pngcrush some_8_bit.png -bit_depth 8 -brute -rem alla -reduce some_8_bit_small.png

Спробуйте TinyPNG

З їх веб-сайту:

Як це працює?

Завантажуючи файл PNG (Portable Network Graphics), подібні кольори у вашому зображенні поєднуються. Ця методика називається «квантування». Оскільки кількість кольорів зменшується, 24-розрядні файли PNG можуть бути перетворені в набагато менші 8-бітні індексовані кольорові зображення. Усі непотрібні метадані також знімаються. Результат: крихітні файли PNG зі 100% підтримкою прозорості.

Вони мають два варіанти:

• Перетягніть зображення на свій веб-сайт, і вони автоматично обробляються. Безкоштовне обслуговування. (До 20 зображень. Максимум 5 Мб кожен)
• Плагін Photoshop. Це коштує $.

Я не пробував плагін PS, тому не можу коментувати, наскільки добре він працює.

Якщо ви не заперечуєте проти командного рядка, погляньте на OptiPNG , це може бути те, що ви шукаєте.

OptiPNG - це оптимізатор PNG, який перетворює файли зображень на менший розмір, не втрачаючи жодної інформації. Ця програма також перетворює зовнішні формати (BMP, GIF, PNM і TIFF) в оптимізований PNG і виконує перевірки та виправлення цілісності PNG.

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

Хорошою ідеєю для обробки PNG з альфа-каналом в контексті розробки веб-сайтів було б дозволити серверу зробити для вас хитрість: динамічно відокремте дані зображення від альфа-каналу на сервері, оптимізуйте їх обох окремо і рекомбінуйте їх за допомогою елемент canvas та деякий JavaScript у браузері. Та-да! Працює з усіма сучасними браузерами.

Тут пояснено, як це робиться:

http://headers-already-sent.com/artikel/shrinkimage-1/

Ви також знайдете повний пакет ZIP зі скриптом PHP та плагіном jQuery. Дайте нам знати, що ви думаєте з цього приводу.

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

Зображення з питання виглядає як градієнт кольору з вертикальними лініями та деякими прорізами / шумом. Розбийте їх на наступні шари:

1. Кольоровий градієнт без ліній і шуму. Це добре стисне в PNG і дуже добре в JPEG. Ще краще використовувати JavaScript для створення градієнта кольорів на клієнті. Ви, ймовірно, могли це зробити менше ніж у 200 байт JS.
2. Вертикальні лінії без кольору та шуму. Ви можете стиснути це до одного 4-бітового каналу (альфа-чи сірого). Вам потрібно лише 1-піксельне зображення у висоту, яке ви можете розтягнути. Це дуже добре стиснеться в PNG.
3. Шум. Знову ж таки, все, що вам потрібно, - це один 4-бітний канал (альфа або сірий). Без кольору чи ліній це має дуже добре стискатись у форматі PNG чи JPEG.

Комбінуйте шари в одне зображення з JavaScript, і все ваше "зображення" може скласти 15 КБ або менше.

Цей вид роботи протягом десятиліть був галузевим стандартом в Іграх і досі є. Чудова річ, що у Photoshop вже є всі ці окремі шари, якщо ви створили свій образ як професіонал.

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

Але все ж є спосіб, коли ви можете ще більше стиснути файли PNG; за рахунок зменшення кількості кольорів, використаних на зображенні. Це часто може зменшити розмір файлу до 70% або навіть вище.

Найкраще автоматизоване безкоштовне програмне забезпечення з найвищим загальним відсотком стиснення, яке я знайшов для цього, це FileOptimizer, який використовує декілька двигунів (наприклад, PngOptimizer, PNGOUT, pngwolf тощо) для стиснення зображення до найменшого можливого розміру.

Ще один онлайн-інструмент, який я знайшов з хорошими результатами, це цей: http://www.giftofspeed.com/png-compressor/

Дозвольте мені представити FileOptimizer . Він поєднує в собі різні методи оптимізації зображення (включаючи видалення EXIF ​​для збереження кількох зайвих байтів - їх можна вимкнути).

Результати тестування та порівняння з іншими рішеннями.

ScriptPNG http://css-ig.net/scriptpng

це дає вам близько 10 різних варіантів, включаючи втрати! Я спробував купу, і цей пакетний файл Windows (з купою .exes) чудово

Я особисто використовую його для стиснення до 8-бітової втрати. Не дуже впевнений, як це працює, але мої скріншоти виглядають так само. Я використовую його для стиснення скріншотів. У мене було близько 2 Гб png, зараз лише 700 Мб