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

Cloudinary — Programmable MediaМощные API-интерфейсы изображений и видео для редактирования, размещения и глобального распространения контента для веб-сайтов и облачных приложений.

Что это значит и почему я говорю, что это отличный инструмент?

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

Например.

Загрузить изображение так же просто, как запрос на выборку по URL-адресу с изображением в слегка отформатированном объекте. Затем, получив ответ со всеми подробностями, где вы найдете pictureId. Этот идентификатор изображения можно сохранить и интерполировать в URL-адрес, который применит стиль к недавно загруженному изображению, или с помощью SDK вы можете добавить тот же стиль во многие языки программирования.

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

Еще одна замечательная особенность Cloudinary заключается в том, что это облачная система, что означает, что она не будет работать на вашем сервере и будет довольно быстро реагировать на все запросы.

Проблема, которую я обнаружил с Cloudinary во время его использования, заключается в отсутствии хорошей документации, что иногда может привести к тому, что на изменение URL-адреса будет потрачено много времени для получения желаемого результата. Но когда вы понимаете, как это работает, это здорово! …И еще дело в том, что после 25к трансформаций оплата нужна ежемесячная. :-/

Вывод

Если вы хотите создать небольшое приложение, которое динамически использует изображения, и у вас есть несколько часов на отправку в браузере для изменения ссылки, Cloudinary определенно является инструментом, который вам нужно проверить.