Размещение фотоматериалов на сайте

Фоторедактор ресурса BigPicture.ru Никита Евдокимов написал для ЦП колонку о том, как онлайн-издание может избежать проблем с нарушением авторских прав на фотографии.

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

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

Я не заметил, как изменился сам. Когда стало проще заплатить, а не своровать — я перестал. Я плачу за книги, за музыку, за кино.

Цены разумные, мне приятно и легко расставаться с деньгами, я точно знаю, что часть из них дойдет до авторов.

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

Отличаются только те редкие ресурсы, где в штате есть профессиональный фоторедактор.

На самом деле, нельзя взять фотографию, поставить ссылку на то место, где ты ее взял, и опубликовать (возмутительное свинство, когда фотографии вообще не подписывают). Почему нельзя? Потому что все изображения защищены законом об охране авторского права.

И если вы не согласовываете публикацию с правообладателем изображения — вы нарушаете закон.

Давайте поставим простой эксперимент. Заходим на главную страницу ЦП, берем любую фотографию и проводим обратный поиск в Google (я совершенно честно ткнул в первую попавшуюся картинку). Вот такая выходит драма в трех частях:

И что выясняется? Выясняется, что фотография принадлежит агентству Global Look Press. И да, они могут пойти в суд.

И выиграют. И будут правы. Авторские, блин, права.

Они возникают в момент создания фотографии или изображения. А исчезают только через 70 лет после смерти автора.

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

Иногда, если автор настойчиво ведет переговоры, использует правильные формулировки (авторы, запоминайте: «нотариально заверенный скриншот уже сделал», «связался с адвокатом») — дело заканчивается выплатой компенсации. Размер зависит от наглости или деловитости автора и жадности или сговорчивости сайта. Можно вспомнить иск блогера Ильи Варламова и остальных к «Аргументам и Фактам» — там все закончилось компенсацией в 20,000₽ в пользу авторов за каждую неправильно использованную фотографию.

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

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

Просто следуйте этой инструкции, и все будет хорошо.

1. Общественное достояние

Как правило, фотографии переходят в общественное достояние через 70 лет после смерти автора. Это общемировая практика, однако иногда возникают нюансы. Например, бывает, что изображение у нас в общественном достоянии, а в США — нет.

Если нет уверенности, что изображение в общественном достоянии — нужно дополнительно проверять, чтобы себя обезопасить.

Изображениями в общественном достоянии можно пользоваться как угодно. Рекомендую ознакомиться с соответствующей статьей в «Википедии». Также полезно изучить список ресурсов, на которых можно найти фотографии и изображения, которые находятся в общественном достоянии.

2. Лицензия Creative Commons

Многие, наверное, что-то слышали о Creative Commons. Это такая специальная лицензия (даже не одна, их шесть разных видов), которые по умолчанию всегда разрешают распространять произведение с единственным обязательным условием — указание авторства.

Однако есть нюанс, который называется «коммерческое использование». Некоторые виды лицензий его разрешают, некоторые — запрещают. Является ли, например, публикация в СМИ использованием «целью которого является получение коммерческой выгоды или личного вознаграждения в денежной форме»?

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

Почитать подробнее о видах лицензий Creative Commons можно на официальном сайте. Там же есть поиск. Даже Google умеет узнавать произведения по лицензиям Creative Commons и регулярно улучшает алгоритм (в инструментах поиска по картинкам нужно обратить внимание на пункт «права на использования»).

Очень жду, когда «Яндекс» научится искать по легальным изображениям.

3. Использовать эмбеды

Взять картинку из Instagram нельзя — нарушение авторских прав. А заэмбедить — можно. То же самое с Twitter, Tumbler, Flickr (не все авторы, правда, включают эмбеды, но все же). И самое главное — Getty Images разрешает эмбеды. Это же праздник какой-то.

И все крупные ресурсы, которые заботятся о своей репутации, — совершенно не стесняются эмбедов. Наши почему-то боятся. TJ, например, берет фотографии из Twitter эмбедами, а Instagram всегда пересохраняет к себе.

4. Изображения для прессы

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

Некоторые, спасибо им за это большое, делают онлайн-фотобанк. Например, Airbus.

5. Договориться с автором

Тут тоже всё очевидно. На самом деле, денег за свой труд хотят только профессиональные фотографы — все-таки их хлеб. А все любители всегда с удовольствием разрешают опубликовать их фотографию за так. Многие профессионалы тоже соглашаются.

Легче всего договариваться с иностранцами, — легко можно уболтать на публикацию со ссылкой на сайт. Бывает, и с русскими можно договориться. Мы все люди. Просто разговаривать друг с другом надо.

И уважать чужой труд.

Как легально использовать фото и текст с других сайтов и блогов

Добрый день. У меня есть идея вести блог, а возможно и странички в соцсетях (Facebook, Instagram) о туризме в России.

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

Хотел спросить экспертов, как можно легально использовать фото и тексты с других площадок.

Достаточно ли ссылки на исходный материал, или же должно быть согласие автора или владельца сайта, где опубликованы материалы? И как это согласие может быть выражено? В простой переписке по электронной почте?

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

С уважением, Сергей.

Отвечает Людмила Харитонова, управляющий партнёр юридической компании «Зарцын и партнёры»

Добрый день, Сергей. Не так давно видела в Facebook вопрос — «Взяли для рекламной кампании фото Терминатора, запустили, а через пару дней получили требование фото удалить. Что делать?»

Из комментариев к записи стало понятно, что далеко не все понимают, как использовать фотографии и какие правила устанавливает закон.

Что такое фото глазами юриста? Фотография, согласно ст. 1256 Гражданского Кодекса, является объектом авторского права.

При этом неважно, сделана фотография на мобильный телефон, iPad или профессиональный фотоаппарат.

Неважно и что изображено на фотографии — выстроенный сюжет или здание, пейзаж.

Поэтому доводы о том, что фото не имеет художественной ценности, не влияют на правовой режим фотографии.

Суды неоднократно обращали внимание, что отсутствие новизны, уникальности и/или оригинальности результата интеллектуальной деятельности не может свидетельствовать о том, что такой результат создан не творческим трудом и, следовательно, не является объектом авторского права.

Правило №1: У любого фото есть автор, и права автора на фото охраняются законом

Какие права имеет автор фотографии. Ст. 1270 Гражданского Кодекса определяет, что автору принадлежит исключительное право использовать произведение в любой форме и любым не противоречащим закону способом (исключительное право на произведение).

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

Правило №2: Если вы не являетесь автором и не получили у автора прав, вы не можете использовать фото

Важно, что отсутствие запрета не является разрешением на использование.

Под незаконным использованием фото понимается любое действие, в том числе: воспроизведение, распространение, копирование, переработка, публичный показ.

Так, в одном из дел суд прямо указал «…нарушение исключительных прав Истца на Произведения выражается в использовании Произведений Ответчиком без надлежащего разрешения правообладателя и без выплаты ему вознаграждения, а именно незаконном воспроизведении и доведении до всеобщего сведения Фото 1-23 на сайте tvernews.ru в сети Интернет (подп. 1. 11 п. 2 ст. 1270 ГКРФ)».

Правило №3: Любое использование фотографии без разрешения автора (правообладателя) будет являться незаконным использованием

При этом законодатель ввел ряд исключений. Вы можете правомерно использовать фото при сочетании нескольких условий:

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

При использовании вы указываете автора и источник заимствования.

Например, для написания статьи об истории фотографии вы можете взять фото, опубликованное в интернете (при этом указав его автора и адрес сайта, с которого произведено заимствование).

А вот запустить рекламную кампанию с использованием чужого фото вы уже не можете. Это будет прямым нарушением.

Понятие «в объеме, оправданном для целей цитирования» является сложным для применения и каждый раз оценивается совокупностью фактических обстоятельств.

Например, в суде рассматривалось дело по иску блогера Ильи Варламова к издательству, которое использовало фотографии из его блога (с указанием авторства) для освещения новости о приезде Варламова в Тверь. Издательство оправдывало такое использование целью осветить событие о приезде. Cуд не согласился с такой позицией и указал «…Суд полагает, что использование фотографий не было осуществлено в объеме, оправданном целью цитирования. Из представленных документов усматривается, что собственного текста как такового у ответчика нет, следовательно не может идти речь о цитировании фотографий истца в рамках собственной статьи.

Полностью использованы материалы истца, в одной из публикаций добавлены короткие фразы, такие как «1 апреля наш город посетил известный блогер-фотолюбитель Илья Варламов», кроме того, добавлены краткие комментарии к фотографиям».

Таким образом при цитировании нужно исходить из того, что цитирование предполагает использование лишь небольших фрагментов в процентном соотношении к объему текста, в котором использованы цитаты.

Компенсация

За нарушение прав автора (правообладателя) возможно взыскание компенсации от 10 тысяч до 5 млн руб.

Каждый раз суд, определяя компенсацию, исходит из конкретных обстоятельств.

Даже указание на автора (при условии, что использование является незаконным) не освобождает от компенсации.

Соблюдая все правила, вы сможете минимизировать риски и не бояться обращений от авторов или взыскания компенсаций.

SEO оптимизация картинок и изображений для сайта

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

Картинки — это тоже контент и раз уже он есть, почему бы не заставить его работать и не извлечь из этого пользу.

СЕО оптимизация изображений

Размер изображения

Чем больше картинка — тем лучше. Если поисковая система найдет несколько дублей одного изображения, она выберет картинку большего размера. Это не значит, что надо вставлять на страницу огромные изображения.

Большая картинка в полном разрешении может открываться отдельной страницей по ссылке. На самой же странице достаточно разместить превью изображения. Миниатюра изображения не должна быть слишком миниатюрной (а масло слишком масленым).

Изображения меньше 100-150 пикселей поисковики могут расценить как элемент дизайна и не пустить в выдачу.

Для крупных изображений лучше всего делать превью со ссылкой на оригинальное изображение в большом разрешении:

Расположение изображения

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

А значит, размещаем изображение ближе к тексту или окружаем изображение текстом так, чтобы суть картинки дополняла суть текста.

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

Подпись под картинкой

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

Кроме подписи под изображением, есть и другие возможности описать содержимое картинки с помощью текста. В этом нам помогут атрибуты изображения alt и title.

Атрибут изображения alt тега img

Атрибут изображения alt — альтернативное текстовое описания изображения. Данный атрибут информирует посетителя сайта о содержимом изображения текстовым сообщением, в том случае, если в браузере пользователя отключено отображение картинок или при загрузке изображения произошла ошибка. Это выглядит примерно так:


Изображение является ссылкой на оригинальную картинку.

Оптимизация описания изображения в атрибуте alt может крайне положительно повлиять на оптимизацию всей страницы сайта. Поэтому настоятельно рекомендуется всегда заполнять данный атрибут. Описание в атрибуте alt должно точно и коротко описывать то, что изображено на картинке . Длинные описания поисковые системы не воспринимают полностью, поэтому желательно ограничиться 50-60 символами.

Атрибут изображения title тега img

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

Для изображений, наличие атрибута title необязательно. Содержимое тега должно отличаться от содержимого атрибута alt.

ЧПУ названия файла изображения

Еще один существенный способ обозначить содержимое картинки и еще больше оптимизировать изображение для поиска — сделать так, чтобы название файла с изображением соответствовало содержимому картинки. Например, если на картинке изображен белый кот, то так и надо написать — belyj-kot.jpg. Так сразу становится понятно, что (скорее всего) внутри файла. ЧПУ (человекопонятный урл) формат гораздо лучше информирует как человека, так и поискового робота, чем pic_7642.jpg.

Понятные названия очень позитивно влияют на SEO оптимизацию изображений.

Формат изображения

Чем меньше будет размер картинки в килобайтах, тем быстрее она будет загружаться на странице. Самыми популярными форматами изображений для web являются — .jpg, .png, .gif. Эти форматы изображений в разной степени оптимизированы и позволяют получить хорошее соотношение размера картинки и веса файла для каждого типа изображений (иконки, рисунки, фотографии).

Правильно выбирайте формат изображения.

Итог: СЕО оптимизированная картинка

В результате мы получаем примерно следующую конструкцию SEO оптимизированного изображения:

Мой белый кот Васька
Мой белый кот Васька

Оптимизируйте картинки.

Используйте контент эффективно.

Задавайте вопросы, делитесь своим мнением, ставьте лайки, делайте репост.
Добавляйте страницу в избранное, и подписывайтесь на блог.

Картинки в HTML – шпаргалка для новичков

Прежде, чем ответить на вопрос « как вставить картинку в HTML? », следует отметить, что перегружать веб-страницы огромным количеством графического материала не стоит, поскольку это не только улучшит визуальное восприятие ресурса пользователем, но и увеличит время загрузки страницы.

При создании веб-сайтов чаще всего используют графические форматы PNG , GIF и JPEG , а для дизайнерских работ с изображениями — графический редактор Adobe Photoshop , обладающий богатыми возможностями для сжатия и изменения размера изображений без потери качества, что является невероятно важным для веб-разработки.

Как вставить изображение в HTML?

Для того чтобы вставить изображение на HTML-страницу, используется одиночный простой тег:

,

где xxx — адрес изображения. В том случае, если картинка находится в одной директории со страницей, тег будет выглядеть как:

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

Он показывается на месте картинки в момент его недоступности, загрузки или в режиме работы браузера « без картинок ». Добавляется он с помощью атрибута alt тега .

Пример добавления альтернативного текста к графическому файлу:

    Альтернативный текст  

Как вставить изображение в HTML?

Назначение размеров картинки в HTML

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

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

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

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

Данные параметры можно указать как в пикселях (размер картинки постоянен и не зависит от разрешения экрана пользователя), так и в процентах (размер картинки зависит от разрешения экрана).

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

Для этого достаточно указать значение только одного из параметров ( ширины или высоты ), а значение второго браузер вычислит в автоматическом режиме.

Расположение картинки в HTML

Как и ко многим тегам HTML, к применим атрибут align , который выполняет выравнивание изображения:

 — картинка располагается выше текста;

Расположение картинки в HTML

 — картинка располагается ниже текста;

Расположение картинки в HTML - 2

 — картинка располагается слева от текста;

 — картинка располагается справа от текста.

Картинка-ссылка

В HTML для создания ссылки используется тег :

Для того чтобы задать графическую ссылку, необходимо всего лишь объединить тег изображения с тегом ссылки.

Делается это следующим образом:

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

Как можно сделать картинку фоном в HTML?

Изображение можно не только вставлять на страницу в качестве видимого объекта, но и сделать фоновым. Для определения картинки как фона необходимо в теге прописать атрибут background=”xxx” , где xxx — адрес картинки, указанный таким же способом, как в примерах выше.

Для примера зададим такую текстурную картинку в роли фоновой:

Сохраните изображение в папке с заготовленной заранее страницей и пропишите следующие строки:

 Страница с фоновой картинкой</head>  

Фон с текстом.

Как можно сделать картинку фоном в HTML? - 2

Фоновая картинка на странице задана.

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

admin
Оцените автора
Ракульское