Поставете вашите PNG на диета

поставете

Форматът PNG е един от най-използваните формати на изображения в дизайна на уеб страници и това е така, защото за разлика от форматите GIF и JPEG, форматът PNG поддържа прозрачни фолиа, използващи алфа канал.

За съжаление, когато създаваме PNG с прозрачно фолио с помощта на Photoshop или GIMP, е доста често теглото му в KB да е по-голямо от "еквивалента" в GIF или JPEG, дори когато използваме максималната компресия. Това кара уеб страниците да се зареждат по-бавно, отколкото биха могли.

Но се оказва, че има възможност тези PNG да се компресират повече и теглото им да е по-малко от GIF или JPEG, поне за изображения, които не са фотографии. За снимки обикновено винаги е по-добре да използвате JPEG, освен ако изображението не изисква прозрачност.

TinyPNG е супер лесна и удобна за използване уеб услуга, чиято единствена цел е да компресира вашите PNG изображения. Просто качвате един или повече PNG файлове, изчаквате да бъдат компресирани и ги изтегляте отново. Като цяло успява да намали размера с 50% или повече.

Първи тест: снимка

Направихме 2 теста за измерване на ефективността на услугата. В първата от тях се опитахме да компресираме следната снимка:

Оригиналното изображение в PNG тежи 2200 KB, след като го прекара през TinyPNG, размерът му е станал 559 KB. Ако се вгледате внимателно, ще видите, че е загубил много качество, но в зависимост от начина на показване на изображението може да не е толкова:

Във всеки случай същата тази снимка в JPG, компресирана със 75% качество, тежи само 152 KB и нейното качество е еквивалентно на това на оригинала. Следователно е ясно, че за снимки е по-добре да се използва JPEG.

Втори тест: илюстрация

За следващия тест използвахме следната илюстрация с прозрачен фон:

Това изображение в PNG тежи 61 KB. След компресирането му с TinyPNG тежи само 15 KB и качеството му е еквивалентно:

За тестване сме компресирали изображението във формат JPG с качество от 75% и резултатът не е бил много добър. Освен това теглото му е 19 KB, по-голямо от компресирания PNG, като не се забравя, че JPG не запазва прозрачността на фона:

Относно автора на тази статия

Aitor Ortuondo е основател на guebs, където той е посветен да прави по малко от всичко: обслужване на клиенти, разработване на нови функции, писане в този блог, надзор на техническата инфраструктура, купуване на кафе, .

От време на време публикувайте нещо в Twitter и Google+.

Подобни публикации

Потребителски коментари

Тези лога могат да бъдат компресирани с http://compresspng.com до 14765 байта. Резултатът от Tinypng е 15174 байта.

[…] Намалете размера на изображенията, които съставляват дизайна или темата на вашия уебсайт. Например можете да намалите размера на PNG файлове. […]