Isis26 мар 2012 в 08:41

Создаём Instagram фильтры с помощью PHP и ImageMagick

5 мин

21K

PHP * Веб-разработка * Программирование *

Перевод

+61

Комментарии 19

furyk 26 мар 2012 в 09:22

Всё-таки эти результаты конкретно отличаются от реальных инстаграмовских эффектов.

tot_ra 26 мар 2012 в 15:29

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

Terion 26 мар 2012 в 09:26

Игрался с имейджиком, в частности с PHP-шной либой.
Хорошая штука, но местами безбожно глючная :(
Хотя может это баги самой либы. Но, например, добиться адекватного легкого тонирования у меня так и не удалось. С настройками качества сохраняемой картинки — тоже проблемы…

simbiod 26 мар 2012 в 09:30

Применение фильтра к изображению составляет примерно 1 секунду, мы можем с уверенностью сказать что это очень быстро!

Применение фильтра к изображению 640 x 640? На мой взгляд, это скорее «допустимо», чем «очень быстро».

MechanisM 26 мар 2012 в 09:39

Интересно как это делает Instagram? Скорее всего PIL, ведь Instagram написан на python/django.

MechanisM 26 мар 2012 в 09:41

Или это делает приложение перед загрузкой фото? В таком случае можно рассмотреть решения на Alchemy или JS/Canvas

rule 26 мар 2012 в 10:13

Instagram — это iOS приложение и скорее всего манипуляции с фото там происходят либо Quartz'ем, либо чем-то C/C++'вым.

MechanisM 26 мар 2012 в 11:13

Я имел ввиду web-часть и вообще бэкенд этого приложения. Посмотрите в тех. блоге instagram-engineering.tumblr.com/ они выкладывают примеры с PIL. Ну и вообще были посты раньше как у них все работает на Django

rule 26 мар 2012 в 11:39

А причем здесь обработка изображений? Она же локально просиходит. То что лента в инстаграмме вебовая — это и так видно. Но сам процесс фотографирования, обработки фотки и заливка на сервер делается средствами Cocoa — это тоже видно.
Кстати, посмотрел на Camera+ и нашел такой интересный пост:
http://taptaptap.com/blog/creating-a-camera-plus-fx/
Там подробно рассказывается о процессе создания эффекта от проектирования в фотошопе и потом реализации в коде.
Так вот там используется ImageMagick (указано в самом приложении) и Stack Blur (видимо из-за скорости алгоритма). На основе базовых манипуляций строится комплексный эффект.
Думаю в инстаграме сделано так-же.

MechanisM 26 мар 2012 в 11:50

Ну наверное вы правы, я сам никогда не пользовался Instagram(кроме работы с их авторизацией для django-social-auth) видел только страницу с фотокой.
Я лишь предположил, совсем не зная как там все происходит. Естественно лучше это делать на стороне клиента перед загрузкой — поэтому и предлагал сделать аналогичное на Alchemy или JS/Canvas — например загрузчик фоток вконтакте так работает пережимает все на стороне клиента с помощью Adobe Alchemy).
Так получается что оригинал фотографии на сервере не хранится и грузится фотка с примененным эффектом уже? И потом нельзя к ней другой эффект применить? Тяжело так говорить когда не пользовался приложением =(

vitalybaev 26 мар 2012 в 19:40

В инстаграме фильтр применяется в самом приложении. Доказать легко, есть чекбокс в настройках, который сохраняет фото с примененным фильтром в изображения айфона. Включаем авиарежим (чтобы убедиться в недоступности инстаграмовского сервера), выбираем фото, жмем далее — и в фотографиях айфона у нас появится фотография с уже примененным фильтром

MechanisM 26 мар 2012 в 22:50

>Доказать легко
Не надо мне ничего доказывать. Я и проверить все-равно не смогу. Я лишь предположил что возможно делается через PIL раз сайт написан на python/django(само приложение Instagram ниразу не юзал(и уже писал об этом) и видел только страницу с фоткой и девелоперскую зону с блогом и все). Да и вообще-то можно писать приложения для iPhone на python(pyobjc) и в нем применять PIL)