Лого vc.ru

Pixpie — сервис для оптимизации изображений в приложении или на сайте

Pixpie — сервис для оптимизации изображений в приложении или на сайте

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

Привет, я Дима, сооснователь компании Pixpie. Мне 25, это мой первый стартап, занимаюсь им уже около года. До него пять лет разрабатывал мобильные приложения.

Часто построить инфраструктуру доставки медиаконтента достаточно сложно. По многим причинам:

  • разные мобильные устройства требуют картинки с разным DPI (iPhone 6 и iPhone 6 Plus, к примеру);
  • скорость мобильного интернета нестабильна, иногда быстрая загрузка контента важнее, чем качество;
  • резкий наплыв пользователей может очень сильно увеличить нагрузку на бэкэнд, потому решение должно быть масштабируемым.

Идея сделать сервис для упрощения жизни мобильных разработчиков не покидала меня года два. А в прошлом году появилось время и возможность сделать концепт на хакатоне. Получилось — наша команда заняла третье место.

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

Как работает Pixpie

Pixpie — сервис оптимизации изображений, который помогает веб- и мобильным проектам доставлять изображения быстрее в зависимости от качества интернет-соединения и сокращать издержки на CDN (сеть доставки и дистрибуции контента).

Мы единственные в нашей отрасли, кто, помимо веба, фокусируется ещё и на оптимизации мобильного контента. Уникальность в том, что технология Pixpie основана на качестве интернет-соединения.

Даже при хорошем мобильном интернете вроде 3G, LTE или Wi-Fi скорость и качество могут быть плохими (места большого скопления людей: стадионы, кафе и так далее). В дополнение к этому изображения оптимизируются под разрешение и DPI экрана и отдаются в более легких форматах, например, WebP. Так оригинал в JPG весом 250 Кб после всех оптимизаций будут весить около 170 Кб, а если его ещё перевести в WebP — около 100 Кб, при этом без визуальной потери качества. Это пропорционально отражается на расходах на CDN: одно дело оплачивать, например, 600 Тб трафика в месяц, другое дело — 450 Тб, используя Pixpie.

Pixpie представлен в виде «облачного» сервиса и может обрабатывать на лету картинки со стороннего контент-сервера, или интегрироваться непосредственно хранилищем контента и кэшировать оптимизированное изображение на CDN. Небольшие приложения или приложения в разработке могут использовать Pixpie для хранения изображений. Крупные проекты, которые пользуются услугами сторонних CDN, имеют возможность подключить Pixpie путем создания Endpoint.

Изначально интеграция была только через SDK, которое позволяло измерять всё автоматически либо задавать в запросе необходимые параметры — например, ширину или высоту изображения и оптимизировать их при доставке.

Работа с обратной связью привела к тому, что мы запустили REST API — оно позволяет в один клик обратиться к нашему сервису и на лету оптимизирует контент для мобильных приложений или веб-проектов. Используя REST API, разработчик определяет параметры качества, высоты, ширины картинки и так далее и подключает Pixpie на удобном для него этапе: во время доставки контента пользователю или в момент загрузки контента на CDN. Поэкспериментировать со своими картинками можно здесь.

Хотите получить слово и рассказать о своем стартапе? Добро пожаловать за трибуну.

То есть,
а) Как было: американский (или любой за пределами РФ/Москвы) пользователь обращается за картинкой к ближайшему CDN в США (штату, стране).

б) Как предлагают: американский пользователь делает REST запрос на сервер в России, тот замеряет скорость канала клиент-сервер (США-Россия), скачивает из CDN в США оригинальное изображение, конвертирует его, кеширует обратно на CDN. - Мужик, теперь ты можешь скачать свою с-ю картинку. ))

Ах да, синхронизация/заливка кешированной картинки по серверам CDN по всей планете легко занимает до 24 ч. Так что в конце правильнее: - Мужик, давай завтра ты посмотришь этих котиков, а?

Мы используем pull зону CDN. Т.е. edge-сервер CDN где картинки нет, кидает нам REST-запрос на ее создание, затем он ее забирает и кеширует. Затем делается репликация, которая, как вы правильно заметили, может занимать до суток. Это было проблемой и мы долго подбирали подходящий нам CDN.

Объясните, зачем кому-то пользоваться вашим сервисом чтобы отдавать разным пользователям картинки разных разрешений? Это, помоему, делается элементарно. Уж тем более это не проблема для серьезных ребят отдающих 600 Тб трафика.

Тут суть не в разрешение картинок, это одна из многих возможностей Pixpie.

Зачем использовать:
- для быстрой доставки: тут суть в качестве-интернет соединения, которое определяет SDK и подгоняет картинки под данную ситуацию, используя для этого в том числе разные форматы и ресайзинг

- проекты в разработке могут хранить изображения, доставлять используя наш CDN, проводить разные манипуляции с изображениями

- большое проекты могут оптимизировать картинки без визуальной потери автоматическим параметром

Это большой набор инструментов, описанный в статье, просто не так явно, потому что есть ограничение на объём, на сайте можно ознакомится подробнее

Сути не меняет, вы красивыми словами описали тоже самое что я имел ввиду. Где тут инновации? Зачем крупным компаниям платить вам? Все перечисленное выше делается на коленке за день.

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

Есть ли на данном этапе развития сервиса инновационность? Нет. Но мы уже тестируем автоматическую адаптацию качества изображения, и выравнивание дефектов на базе нейронных сетей.

Есть ли смысл использовать подобные cloud-решения на текущем этапе? Да - они упрощают жизнь даже сейчас, позволяя вам сосредоточится только на вашем бизнесе.

"на коленке за день" - боюсь что не делается ;)

В чем ваше отличие от аналогичных сервисов? Например,
1) cloudinary.com/
2) www.imgix.com/
3) imagefly.io/

SDK определяет качество интернет-соединения и подгоняете картинки под данную ситуацию. Со всеми сервисами похожи и от всех сервисов отличаемся.

Для разных проектов могут быть разные ощутимые отличия, много автоматических параметров

На сайте и в документации можно ознакомится подробнее pixpie.co/docs.html

Да, но мы в три раза дешевле.

Из статьи не понял - почему ваши потенциальные клиенты не могут сами соптимизировать изображения, например, в WebP и нужно обращаться к вашему платному сервису?

псс, клиенты не должны знать, что можно так сделать)

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

Мы предоставляем возможность тянуть изображения с удаленных источником, что актуально для агрегаторов.
Один из наших клиентов использует нас именно для этой цели.

Суть не в конвертации в Webp, это одна из многих возможностей Pixpie

Вы сами можете конвертить в webp, если нужно только это

Зачем обращаться к Pixpie:
- если скорость доставки изображений влияет прямо на бизнес KPI. Мобильные SDK автоматически замеряет качество интернет-соединения и оптимизирует под данную ситуацию, что бы пользователь не ждал загрузку. Это и формат, и разрешение, и качество

- если проект в разработке и надо хранить контент, доставлять (можно использовать наш CDN)

- если надо уменьшить трафик, но не потерять визуальное качество - автоматический подбор допустимого качества изображения, вообще много чего автоматического, автоматическая отдача webp туда, куда его можно отдать в мобильных браузерах, или, например, наши SDK, которые его читают

Вообще, подробнее об этом всем можно почитать на сайте и в документации pixpie.co/docs.html

0

Подобный сервис, чуть попроще, можно эмулировать с помощью тега PICTURE и аттрибута SRCSET у IMG

Именно. Вы можете использовать srcset у img, и дергать наш REST API что бы получать на лету сгенерированные изображения, что сократит вам время на разработку.

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

0

Да, мы работаем над решением для видео, там все сильно сложнее. Наш же текущий продукт, скорее позволяет небольшим и средним компаниям сфокусироваться на их основном бизнесе, а доставку контента переложить на нас и не париться. В краткосрочной перспективе это выгодно, в средне- и долгосрочных это где-то так же как пользоваться Backend As A Service, т.е. зависит от ситуации с основным бизнесом.

0

Для видео уже все давно придумали - адаптивный стриминг + каппинг качества в зависимости от размера плеера. Но вот объемы и возможность реалтайм обработки видео - это уже совершенно другая песня по сравнению с картинками.
В целом вы делаете интересный сервис, когда наберёте заметное количество клиентов - попробуйте продасться какому-нибудь акамаи, пока они сами у себя такое не сделали.

0

Ничего не понял, но удачи!

0

есть версия для ios, есть версия для аndroid.

Прямой эфир
Узнавайте первым
о важных новостях
Мы будем присылать вам только срочные уведомления в браузере
Mail.Ru Group получила полный контроль над «ВКонтакте»
Хочу знать!
Не нужно