Тематические статьи →

Сжатие изображений с потерями и без потерь

Сжа­тие изоб­ра­же­ний — это один из спо­со­бов уско­ре­ния загрузки сай­та. Сде­лать изоб­ра­же­ния более «лег­кими» можно как умень­шив их физи­че­ский раз­мер в пик­се­лях, так и путём опти­ми­за­ции пара­мет­ров сохранения.

На «широ­ких» кана­лах раз­мер изоб­ра­же­ний на сайте на ско­рость загрузки сайта вли­яет не силь­но, но для мобиль­ных поль­зо­ва­те­лей, про­смат­ри­ва­ю­щих сайт через EDGE или оте­че­ствен­ный 3G, боль­шие изоб­ра­же­ния могут быть про­бле­мой. На посе­ща­е­мых сай­тах также могут быть слож­но­сти с загруз­кой канала сер­вера — неопти­ми­зи­ро­ван­ные изоб­ра­же­ния могут суще­ственно ска­зы­ваться на тра­фи­ке.

На умень­ше­нии раз­мера в пик­се­лях оста­нав­ли­ваться не будем, это очень про­стой в при­ме­не­нии спо­соб — если изоб­ра­же­ние пока­зы­ва­ется на сайте в неболь­шом раз­мере (как икон­ка, напри­мер), то нет смысла пере­да­вать его поль­зо­ва­телю в раз­мере для печати на A0 с раз­ре­ше­нием 300 DPI.

Пого­во­рим про опти­ми­за­цию пара­мет­ров сохра­не­ния.

Во-пер­вых, есть два наи­бо­лее часто исполь­зу­е­мых фор­мата — JPEG и PNG. Если про­стыми сло­ва­ми, то JPEG больше под­хо­дит для фото­гра­фий, а PNG — для рисун­ков и схем.

Во-вто­рых, при сохра­не­нии в JPG есть воз­мож­ность ука­зать уро­вень каче­ства. Как пра­ви­ло, раз­ница между самым высо­ким каче­ством и про­сто высо­ким визу­ально не замет­на, а вот на раз­мере фай­лов ска­зы­ва­ется весьма суще­ственно.

В-тре­тьих, файлы изоб­ра­же­ний часто содер­жат избы­точ­ную инфор­ма­цию (напри­мер, мета-инфор­ма­цию, про­фили), её уда­ле­ние может сокра­тить раз­мер фай­лов.

Обычно сжа­тие без потери каче­ства поз­во­ляет сокра­тить раз­мер фай­лов в сред­нем на 20–30%.

Про­граммы для сжа­тия изоб­ра­же­ний:

  • Caesium (Windows)
  • FileOptimizer (Windows)
  • jStrip (Windows)
  • OptiPNG (Windows)
  • PNGOUTWin (Windows)
  • ImageOptim (Mac OS X)
  • JPEGmini (Mac OS X)
  • PNGOUT (Mac OS X & Linux)
  • AdvPNG (Mac OS X & Linux)
  • Pngcrush (Mac OS X & Linux)
  • OptiPNG (Mac OS X & Linux)
  • JpegOptim (Mac OS X & Linux)
  • jpegrescan (Mac OS X & Linux)
  • jpegtran (Mac OS X & Linux)
  • Gifsicle (Mac OS X & Linux)

Поделитесь с друзьями:


Информация о публикации:

Материал опубликован в 2014 году. Эта статья о веб-разработке, о веб-технологиях и про фронтенд-разработку. При пере­пуб­ли­ка­ции обя­за­тельно ука­за­ние пер­во­ис­точ­ника в виде гипер­тек­сто­вой ссылки на сайт web-creator.ru

Воспользуйтесь нашими
знаниями и опытом

Отправьте нам сообщение при помощи формы. Или напишите на e-mail s@web-creator.ru

Мы максимально оперативно ответим Вам по электронной почте или перезвоним.

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

Либо просто позвоните нам по номеру: +7 495 215-1501

Мы работаем по будним дням с 10 до 19 часов.

Комплексные услуги

Реализация «под ключ» проектов по созданию различных видов сайтов, разработка веб-приложений для автоматизации бизнес-процессов, ведение контекстных и медийных рекламных кампаний, поисковое продвижение, комплексная поддержка веб-проектов, консалтинговые услуги.