Майже кожен веб-майстер знає про те, наскільки важливий розмір (вага) сторінки для будь-якого сайту, адже цей параметр є одним з вирішальних факторів швидкості завантаження сторінок, а швидкість завантаження сторінок в свою чергу підвищує зручність користування сайтом.
Більшість сайтів наповнені більшою або меншою кількістю графічних зображень, які як раз таки і складають основну частину розміру (ваги) сторінок сайту. Найчастіше, веб-майстри використовую формат картинок .jpg, так як він якісно і економний в порівнянні з тим же .png, але бувають такі випадки, коли формат картинок .png - незамінний. Наприклад, вам знадобилося вставити картинку без фону, припустимо в ту ж позицію header - для шапки сайту, якщо ви збережете свою картинку у форматі .jpg, то фон нікуди не дінеться, а буде проводитися у вигляді «злісного» білого «поля» огибающего картинку з усіх боків. І тут на допомогу приходить формат .png, у якого фону просто-напросто немає, але при цьому всьому з'являється одна проблемка - це вага png-файла, який на порядок більше ніж у .jpeg. Як же з цим боротися? Зараз, я дам вам кілька порад, як же все таки хоча б трошки зменшити (стиснути) розмір картинки .png:
2. Намагайтеся зробити розмір полотна в Photoshop якомога меншим, опція "Canvas size" (щоб було якомога менше пустого простору по краях картинки).
3. Я свого часу натрапив на один «зарубіжний» онлайн-сервіс, який надає швидкий стиск картинок у форматі .png.
Звичайно це стиснення буде незначним, але знову ж таки для, шапки сайту кожен кілобайт на рахунку + до всього без втрати якості.
Єдиний мінус у тому, що сервіс в безкоштовному режимі дозволяє стискати png-картинки, розміром до 150 Кбайт, але більшість шапок для сайтів не будуть перевищувати цю позначку
Він дуже простий у використанні необхідно тільки завантажити картинку за допомогою кнопки Upload Images. потім зображення автоматично стискається, до речі стиснення відбувається за якимось непередбачуваного алгоритму, одну картинку він може стиснути на 15%, а іншу всього лише на 5%.
Ось і все що я можу запропонувати Вам по даному питанню. За допомогою вищевказаних методів ви зможете трошки «здавити» потреби шапки для вашого сайту, якщо у когось є інші ідеї, то буду радий їх вислухати.