| ← Декабрь 2015 → | ||||||
|
1
|
3
|
4
|
5
|
6
|
||
|---|---|---|---|---|---|---|
|
7
|
8
|
9
|
10
|
12
|
13
|
|
|
14
|
15
|
16
|
17
|
18
|
19
|
20
|
|
21
|
22
|
24
|
25
|
26
|
27
|
|
|
28
|
30
|
|||||
За последние 60 дней ни разу не выходила
Сайт рассылки:
http://litl-admin.ru
Открыта:
26-01-2012
Статистика
0 за неделю
Сообщество системных администраторов Litl-Admin.ru Как сжать изображение для веб-сайта
Думаю, этот вопрос рано или поздно встаёт перед любым веб-мастером, так или иначе причастным к созданию веб-сайтов. Проводя вёрстку, создавая контент мы так или иначе работаем с изображениями, от объёма которых зависит многое – скорость загрузки в браузере, занимаемое место на хостинге, объем занимаемый резервными копиями и так далее. Я не буду глубоко вдаваться в технические детали, скажу лишь, что на сегодняшний день оптимальными считаю два формата – PNG и JPG, применять которые лучше каждый в своём случае. Где лучше применять формат PNGPNG-формат изображений лучше всего применять там же, где до этого применялся GIF. Несмотря на то, что PNG сжимает без потерь качества даже полноцветные изображения, оптимальнее его использовать на ограниченном количестве цветов (схемы, диаграммы, графики), одним словом, чем больше одноцветных участков и меньше цветов, тем лучше. Где лучше применять формат JPEGJPEG – сжатие с потерями. И чем выше степень сжатия, тем значительнее будут “артефакты” изображения. Этот формат лучше всего подходит для полноцветных фотографий, с большим количеством “пятен” и оттенков. Пример:
Очевидно, что лучше всего подойдёт формат PNG (монохромное изображение – белые-чёрные цвета), большие участки одинакового цвета. Для сжатия изображений я с недавних пор начал использовать бесплатную программку RIOT – Radical Image Optimization Tool. Откроем картинку в этой программе:
Обратите внимание на следующие факты:
Выберем формат сжатия PNG (внизу кнопки), зададим 3 цвета и увидим, что не только значительно уменьшился размер, но и пропали изначальные артефакты вокруг букв (как на исходном изображении).
При этом можно легко заметить, что используя PNG на фотографиях (а не рисунках) мы получим проигрыш в качестве и объёме, поэтому нужно подходить к вопросу хранения картинок с умом, выбирая для различных изображений разные форматы. Надеюсь, стало немного понятнее. Кстати, программа поддерживает пакетное сжатие – можно скормить целую папку с однотипными картинками. А для оптимизации уже закачанных картинок на веб-сайте я использовал консольные аналоги. Писал об этом здесь. |
| В избранное | ||
