Как встроить

Используйте профессиональные фотографии из Getty Images бесплатно

Великолепные фотографии, которые вы видите на новостных сайтах, лицензированы такими компаниями, как Getty Images и Corbis. Кто угодно может приобрести права на использование этих изображений, но плата за лицензирование (использование) профессиональных фотографий часто является непомерно высокой для большинства небольших веб-сайтов и блогов.
Getty Images, крупнейшая в мире онлайн-коллекция новостей и редакционных изображений, добавила новую функцию, которая делает миллионы профессиональных изображений доступными для всех. Фактически, теперь вы можете бесплатно вставлять изображения из Getty Images на свой веб-сайт. На изображениях нет водяных знаков, нет ограничений на просмотр, и вы можете использовать любое количество доступных изображений на своем веб-сайте.
Также см.: Могу ли я использовать это изображение из Интернета
Getty следуя модели YouTube. Вы можете встроить изображение с их веб-сайта, используя линию кода и встроенные изображения, в будущем, может нести рекламу. Это беспроигрышная ситуация для обеих сторон.

Есть пара ограничений, хотя. Один, вы не можете изменить размер изображений, встроенных через Getty Images (см. Обходной путь). Getty говорит, что вы не можете использовать свои изображения на коммерческих сайтах, где намерение продавать продукт (если ваш блог имеет AdSense, это не должно быть проблемой). Кроме того, поскольку эти изображения подаются внутри iFrame, они не будут проиндексированы поисковыми системами.

Какие изображения Getty можно встраивать

Не все изображения на веб-сайте Getty доступны для встраивания на ваш сайт. Когда вы выполняете поиск, наведите курсор мыши на миниатюру изображения и ищите значок вставки. Если значок присутствует, что изображение встроен, и вы можете нажать на значок, чтобы получить фактический код вставки.

Обеспечение адаптивности встраиваемых изображений Getty

Код для встраивания от Getty имеет фиксированную высоту и ширину, поэтому он может нарушить макет вашего веб-сайта, особенно на мобильных устройствах. В качестве обходного пути мы можем добавить немного отзывчивости к встраиваемому коду (вспомните Google Maps), чтобы встроенное изображение автоматически соответствовало экрану пользователя.
Все, что вам нужно сделать, это взять HTML-код Getty и добавить его в класс .getty-images в приведенном ниже фрагменте. Вот рабочая демонстрация.


PS: значение padding-bottom в строке № 4 в основном является соотношением сторон изображения, и вам, возможно, придется изменить это число в зависимости от размеров изображения, предоставленного Getty.
Связанный: Советы по покупке стоковых фотографий