Сжимаем «несжимаемое» (уменьшаем размер картинки в .png)

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

Большинство сайтов наполнены большим или меньшим количеством графических изображений, которые как раз таки и составляют основную часть размера (веса) страниц сайта. Зачастую, веб-мастера использую формат картинок .jpg, так как он качествен и экономен по сравнению с тем же .png, но бывают такие случаи, когда формат картинок .png – незаменим. К примеру, вам понадобилось вставить картинку без фона, допустим в ту же позицию header – для шапки сайта, если вы сохраните свою картинку в формате .jpg, то фон никуда не денется, а будет присутствовать в виде «злостного» белого «поля» огибающего картинку со всех сторон. И тут на помощь приходит формат .png, у которого фона просто-напросто нет, но при этом всём появляется одна проблемка – это вес png-файла, который на порядок больше чем у .jpeg . Как же с этим бороться? Сейчас, я дам вам пару советов, как же всё таки хотя бы немножко уменьшить (сжать) размер картинки .png:

1. Когда сохраняете свою картинку, пусть это будет шапка для сайта, то выбирайте в Photoshop опцию “Save for web devices”.

2. Старайтесь сделать размер холста в Photoshop как можно меньшим, опция “Canvas size” (чтобы было как можно меньше пустого пространства по краям картинки).

3. Я в своё время наткнулся на один «забугорный» онлайн-сервис, который предоставляет быстрое сжатие картинок в формате .png.

Конечно это сжатие будет незначительным, но опять же для, шапки сайта каждый килобайт на счету + ко всему без потери качества.

Единственный минус в том, что сервис в бесплатном режиме позволяет сжимать png-картинки, размером до 150 Кбайт, но большинство шапок для сайтов не будут превышать эту отметку

Вот данный сервис: http://www.punypng.com

Он очень прост в использовании необходимо только загрузить картинку с помощью кнопки Upload Images, затем изображение автоматически сжимается, к стати сжатие происходит по какому-то непредсказуемому алгоритму, одну картинку он может сжать на 15%, а другую всего лишь на 5%.

Вот и всё что я могу предложить Вам по данному вопросу. С помощью вышеуказанных методов вы сможете немножко «ужать» потребности  шапки для вашего сайта, если у кого-то есть другие идеи, то буду рад их выслушать.


Комментарии   

 
+4 # Debich 25.02.2013 00:33
Вместо punypng лучше использовать вот этот
compresspng.com
Он позволяет уменьшать палитру вручную.
 
 
+1 # Евгений2 23.03.2013 23:35
Debich, спасибо за ссылку! Отличный сайт!
 

Добавьте комментарий


Защитный код
Обновить

Автор :

Инфо

Информативно о компьютерных технологиях. Различные материалы относительно компьютерного железа, софта (программ) и сетевых технологий. При полном или частичном копировании информации - прямая ссылка на сайт (We-it.net) обязательна.