Формирование непрямоугольных областей из JPEG изображений

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

polyClip.js является небольшой библиотекой, которая использует элемент HTML5 canvas для вырезания части изображения JPEG. Библиотека поддерживает старые версии IE (7-8) с помощью бибилотеки JavaScript Excanvas, которая  работает с элементом canvas с помощьюVML.

Размер обрезанного варианта картинки в формате PNG может отличаться в большую сторону от целого изображения в формате JPEG в несколько раз. При использовании на странице большого количества такой графики может получиться существенная экономия трафика и времени загрузки.

Гость для того чтобы скачать "Формирование непрямоугольных областей из JPEG изображений", Вам нужно кликнуть по одной рекламной ссылки.