Где взять картинки для статьи

Есть несколько способов получить качественный фотоконтент для сайта:

• сделать фото самому
• купить картинки в фотобанке
• скачать с бесплатных фотостоков
• создать иллюстрации в специальных программах.

У каждого из этих вариантов есть свои плюсы и минусы. Рассмотрим их.

Свои фотографии

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

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

Фотобанки

Если вы не знаете, где брать картинки для оформления текста, рекомендую обратить внимание на фотобанки, например: Shutterstock, Depositphotos, Gettyimages, Photocase и др.

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

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

Самые популярные сервисы — Pixabay, Burst, Pexels, Unsplash, Free Images. Фото здесь можно скачать бесплатно, но их выбор значительно скромнее, чем на платных ресурсах. К тому же бесплатные изображения доступны всем, и вполне вероятно, что выбранная нами картинка давно есть на сайте конкурентов. 

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

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

Для этой статьи я делала скриншоты с помощью расширения Standardized Screenshot. Поэтому все иллюстрации одном стиле.

Самостоятельно созданные иллюстрации

Прелесть этого способа в том, что вам необязательно быть крутым художником или специалистом по Photoshop. Вы вполне можете сделать картинки без слёз и боли в сервисе Canva или Crello. Впрочем, некоторые авторы рисуют скетчинги в обычном блокноте, а потом оцифровывают изображения и используют в тексте. 

Какого размера должны быть фото на сайте

Картинка в тексте должна не должна быть слишком маленькой или большой. Главное — она должна быть качественной. Для этого нам нужно загрузить на сайт фото с высоким разрешением. При скачивании фотографии обращаем внимание на ее размеры и выбираем самый оптимальный.

Лучше уменьшить большую картинку, чем увеличить маленькую.

В последнем случае изображение потеряет в качестве и станет размытым. Оптимальная ширина — 1000–1200 px.

Для примера поищем картинку на бесплатном сайте Pixabay. Если нам подходит все фото, достаточно будет размера 1280×853 px. Но если нужно вырезать лишь часть изображения, скачиваем размер 1920×1279 px.

Обработка изображения

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

Так как правильно уменьшать фотографии?

1. Обрезаем фото так, чтобы на нем было нужное нам изображение. Это можно сделать в Photoshop, Canva и даже Paint.
2. Уменьшаем ширину картинки до 1200 px.
3. Сжимаем в сервисе https://tinypng.com/.
4. Скачиваем в папку на Рабочем столе.

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

Как назвать изображение для публикации

Чтобы назвать картинку, прогоните ключ на русском языке через любой транслитератор и запишите его латинскими буквами. Между словами поставьте дефисы. Тогда при загрузке фото на сайт сразу правильно пропишется URL картинки. 

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

Как загрузить фото на сайт

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

Напомню, что перед этим изображение следует обрезать, сжать и правильно подписать. Все это нужно сделать для оптимизации сайта.

Смотрим, как загрузить фото в админку на примере WordPress. Чтобы верстка была была правильной, делать это нужно в коде HTML. Нажимаем кнопку «Добавить медиафайл».

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

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

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

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

По нему можно понять, что изображено на картинке, когда саму картинку не видно.

Проверьте, чтобы заголовок и атрибут alt для картинки обязательно были прописаны.

Сохранение иллюстрации на странице

Когда все готово, нажимаем кнопку «Вставить». В редакторе записи появляется новый кусок HTML-кода. Это и есть наша картинка. Обязательно проверяем, прописался ли атрибут alt, и обращаем внимание на размеры ширины и высоты фото: “width”,  “height”. 

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

Для этого в HTML-коде ставим новые показатели ширины и высоты фотографии: 

• width=”100%” — это означает, что на любом экране фото будет автоматически отображаться по ширине страницы, или блока, в котором оно находится; если мы хотим сделать фото меньше, прописываем меньше проценты
• height=”auto” — высота картинки будет выравниваться пропорционально к ширине.

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

Финальная проверка: как фото смотрится в основном тексте

Нажали «Сохранить»? Самое время проверить итоговый вариант текста с оформлением. Если необходимо, выравниваем фотографии, смотрим, как контент будет отображаться в мобильной версии. Все иллюстрации должны быть опубликованы в одном стиле, желательно — одного размера.

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

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

Как вставить картинку в HTML

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

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

Например, устанавливать ширину картинки или задавать отступы снизу и сверху.

В сегодняшней статье мы разберем основные способы вставки картинки в HTML, а также рассмотрим полный список атрибутов тега .

Как добавить картинку и не попасть под суд

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

Хорошим примером нарушения закона об интеллектуальной собственности можно считать историю одного магазина из Перми. Тогда предприниматель решил не нанимать личных фотографов, а взял снимки изделий из интернета, после чего был оштрафован на 820 000 рублей. Естественно, что такие случаи на территории России не столь частые, но лучше соблюдать законы, коль они есть.

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

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

Вот список некоторых сервисов, на которых размещены как бесплатные, так и платные изображения:

• Unsplash
• Shutterstock
• Pixabay
• Freepik
• Pexels

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

Закажите лицензию 1С-Битрикс, легко размещайте картинки в визуальном редакторе и не платите за хостинг весь год.

Заказать Комьюнити теперь в Телеграм Подпишитесь и будьте в курсе последних IT-новостей Подписаться

Добавляем картинку в HTML

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

В него по умолчанию входят два атрибута – «src» и «alt». Первый должен содержать в себе путь к изображению, второй – текстовое описание, которое используется поисковыми системами.

Если вы не хотите, чтобы фотография индексировалась поисковиками, то не используйте атрибут «alt».

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

Давайте рассмотрим, как добавить картинку в HTML на примере фотографии из Unsplash:

1. Скачиваем нужную фотографию из стоков и добавляем ее в папку img, заранее созданную в директории с содержимым сайта. Необязательно создавать новую папку, файл можно разместить рядом с HTML-документом. Если вы берет картинку из другого места, то также учитывайте ее путь.
2. Прописываем тег и добавляем в него атрибут «src» со скопированным путем. В нашем случае получается просто . При использовании снимка из другой папки, потребовалось бы указать полный путь с обратным слэшем.
3. Запустим HTML-файл и убедимся, что все было прописано правильно. В результате фото должно занимать всю область – обратите внимание на ползунки, расположенные справа и снизу. Мы можем их прокрутить, чтобы просмотреть изображение полностью.

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

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

Размер указывается как в единицах измерения, так и без; если указать простое число, то оно автоматически определится в пикселях. Также можно указать в em, ex, % и прочих единицах.

Попробуем немного сжать нашу фотографию, чтобы она не расплывалась по всей территории страницы. Для этого пропишем внутри тега атрибут width=”500px”. После этого обновим страницу и убедимся, что изображение было сокращено до размера 500х500(px).

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

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

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

Список атрибутов тега img

Использование тегов в HTML-разметке не принуждает использовать лишь один атрибут – при необходимости мы можем воспользоваться их любым количеством. Если используется два одинаковых атрибута, то приоритет будет за тем, что указан первым.

Полный список атрибутов:

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

Возможные форматы: JPEG, JPG, PNG, GIF, BMP, ICO, APNG, SVG и Base64.

Пример:

или

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

Пример:

• align — определяет выравнивание картинки относительно рядом находящегося текста.

Возможные значения: top, bottom, middle, left и right.

Пример:

• border — добавляет вокруг картинки рамку с выбранным размером.

Возможные значения: px, % и другие.

Пример:

• height – позволяет изменять высоту изображения, пропорционально которому изменяется ширина.

Возможные значения: px, % и другие.

Пример:

• width — позволяет изменять ширину изображения, пропорционально которой изменяется высота.

Возможные значения: px, % и другие.

Пример:

• hspace — добавляет отступ слева и справа от изображения.

Возможные значения: px, % и другие.

Пример:

• vspace — добавляет отступ сверху и снизу от изображения.

Возможные значения: px, % и другие.

Пример:

• longdesc — позволяет добавить адрес с расширенным описанием выбранной фотографии.

Возможный формат: txt.

Пример:

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

Возможные значения: anonymous – анонимный запрос без передачи учетных данных, use-credentials – запрос с передачей учетных данных.

Пример:

• srcset – добавляет список изображений, которые будут отображаться в зависимости от ширины или плотности экрана. Не поддерживается в браузерах Android и Internet Explorer.

Допустимые значения: Nw, где N – любое целое положительное число, и Kx, где K – положительное десятичное число.

Пример:

• sizes — относится к предыдущему атрибуту и позволяет указать размер выбранных изображений.

Возможные значения: Nex, Nrem, Nem, Nvmin, Nch, Nvh, Nvw, Nvmax, Nin, Nq, Nmm, Npc, Ncm, Npt и Npx, где N – положительное число.

Пример:

Работает следующим образом: при разрешении экрана меньше 800px задается ширина картинки в 500px. Если экран больше 800px, то изображение фиксируется в положении 800px.

• usemap — позволяет совместить картинку с картой, которая была указана в теге .

Возможные значения: #name, где name – значение атрибута name карты, и #id, где id – значение атрибута id карты.

Пример:

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

Пример:

Дополнительные опции

Иногда требуется не просто добавить изображение на страницу сайта, но и сделать его кликабельным или фоновым объектом. В этом нам помогут дополнительные теги и CSS-стили:

• Изображение как ссылка на другую страницу:

• Атрибут img позволяет добавлять не просто картинки, но и GIF-изображения:

• Гибкий тег, появившийся в HTML5 под названием , позволяет изменять картинки при различных расширениях:

При размере дисплея больше 750px будет показано одно изображение, при размере больше 265px, но меньше 750px – другое.

• Фоновое изображение добавляется в тег body с помощью CSS стиля «background-image» и других подобных:

Привет, мир!

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

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

Спасибо за внимание!  

Как работать с фотографиями на сайте: где взять бесплатные фото, какие форматы использовать, как подобрать цвет

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

Правовой аспект

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

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

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

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

Где взять бесплатные картинки для сайта

Чтобы не попасть в разряд правонарушителей, делая одностраничный сайт, интернет-магазин или сайт компании (в том числе на сервисе 1С-UMI), лучше всего воспользоваться фотостоками бесплатных изображений.

Free Images

Например, можно скачивать фотографии из популярного фотобанка Free Images — для этого достаточно бесплатной регистрации. Довольно обширный, свыше 35 тысяч фотографий, данный фотобанк разбит по тематическим категориям и удобен для поиска по ключевым словам.

Pixabay

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

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

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

Flikr

Одним из самых известных и обширных банков фотографий, включая бесплатные, является сервис Flikr. Для поиска нужного изображения достаточно задать ключевое слово, а затем на вкладке выбора вариантов лицензирования указать, что вы ищете бесплатные фотографии (All creative commons).

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

Расширенные настройки поиска позволяют отфильтровать выдачу по ориентации и форме фотографии (горизонтальная, вертикальная, квадрат, панорама), размеру (S/M/L) или дате создания.

Другие бесплатные фотостоки

Есть и другие ресурсы, предлагающие бесплатные изображения: Free Photos Bank, Free Range Stock, Free Digital Photos и многие другие. Каким из них пользоваться — выбор за вами.

Форматы картинок

Существует множество форматов графических файлов. Иными словами, одна и та же картинка может быть сохранена виде файлов с разным расширением: JPG, PNG, GIF, AI, EPS, CDR, BMP, TIFF, PSD и других.

Разница между картинками, сохранёнными в разных форматах, может быть незаметна невооружённым глазом.

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

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

1. Растровые форматы

Сжатые — подходят для сайта:

Файлы с расширениями JPG/JPEG, GIF, PNG. Эти картинки можно просматривать в любом браузере и в любой программе для просмотра изображений. За счёт сжатия достигается сравнительно небольшой вес файлов, поэтому они предназначены для размещения на сайтах.

Самый распространённый формат — JPG, он подходит для всех видов статичных веб-изображений.

Изображения с расширением PNG, как правило, больше весят, но и более качественные и чёткие, чем JPG. Кроме того, в них можно использовать эффекты прозрачности и полупрозрачности.

Файлы в формате GIF — обычно наиболее «лёгкие» по весу, но при этом отличаются самой низкой цветопередачей.

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

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

Несжатые — НЕ подходят для сайта:

Файлы с расширениями BMP, TIFF/TIF, PSD. Эти файлы не используются в веб-контенте, поскольку имеют слишком большой вес. Их, как правило, применяют для печати, при сканировании, а PSD — в дизайне.

2. Векторные форматы — НЕ подходят для сайта:

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

Подбор цветовой гаммы

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

• colorscheme.ru
• color.adobe.com/ru/create/color-wheel
• paletton.com

Особенно полезны будут эти инструменты, если вы хотите изменить дизайн сайта — фон, цвет меню, шрифтов, кнопок и т.п.

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

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

И даже увидеть, как будут восприниматься выбранные вами цвета пользователями с отклонениями зрения (вкладка «Симуляция зрения» на сервисе Colorscheme.ru).

Что дальше

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

Картинки из Интернета: использование и защита фотографий в сети

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

Правовой статус фотографии

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

1. Фотография как объект авторского права.
2. Фотографическое изображение человека (гражданина).
3. Фотография как персональные данные.

В первую очередь с правовой точки зрения фотография является объектом авторского права, а именно – фотографическим произведением, прямо поименнованным в ч. 1 ст. 1259 Гражданского кодекса.

При этом следует обратить внимание, что с точки зрения закона охраняется не только сама фотография в первоначальном виде, но и производные произведения (п. 1 ч. 2 ст. 1259 ГК РФ), то есть переработка оригинального фото.

Как отмечает Антон Банковский, партнер CMS Russia, фотография представляет собой один из классических объектов авторского права, а указанная норма кодекса существует уже давно и соответствует как общемировой практике, так и традициям отечественного права.

В контексте фотографий, на которых представлено изображение человека, применяются положения ст. 152.1 ГК РФ. Так, обнародование и дальнейшее использование фотографии гражданина допускаются только с его согласия.

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

Согласие при этом не требуется только в случаях, указанных в ГК РФ – отметим, что это закрытый перечень:

1. Использование фотографии в публичных интересах (например, в государственных и/или общественных).
2. Фото человека было получено при съемке, которая проводится в местах, открытых для свободного посещения, или на публичных мероприятиях (например, на собраниях, съездах, конференциях, концертах, представлениях, спортивных соревнованиях и подобных мероприятиях). При этом исключением являются случаи, когда фотографическое изображение является основным объектом использования.
3. Позирование человека за плату.

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

Важно обратить внимание, что в соответствии с позицией ВС РФ, обнародование и дальнейшее использование изображения гражданина (ст. 152.

1 ГК РФ) не относятся к интеллектуальным правам в смысле положений части четвертой ГК РФ, в связи с этим в случае посягательства на соответствующее нематериальное благо не подлежат применению способы защиты, предусмотренные ст. 1251 и ст. 1252 ГК РФ (п. 34 Постановление Пленума Верховного Суда РФ от 23 апреля 2019 г.

№ 10 «О применении части четвертой Гражданского кодекса Российской Федерации). При этом произведения, содержащие изображение граждан, охраняются по правилам об объектах авторского права.

В некоторых случаях фотографии с изображением человека можно квалифицировать как персональные данные. В соответствии с ч. 1 ст. 11 Федерального закона от 27 июля 2006 г.

№ 152-ФЗ «О персональных данных» (далее – Закон № 152-ФЗ) к биометрическим персональным данным относятся сведения, которые характеризуют физиологические и биологические особенности человека, на основании которых можно установить его личность и которые используются оператором для установления личности субъекта персональных данных.

Обработка биометрических персональных данных может осуществляться только при наличии согласия в письменной форме субъекта персональных данных (п. 2 ч. 1 ст. 11 Закона № 152-ФЗ).

Согласно позиции Роскомнадзора к биометрическим персональным данным относятся в том числе изображение человека (фотография и видеозапись), которые позволяют установить его личность и используются оператором для установления личности субъекта (Разъяснения Федеральной службы по надзору в сфере связи, информационных технологий и массовых коммуникаций от 30 августа 2013 г. «Разъяснения по вопросам отнесения фото-, видеоизображений, дактилоскопических данных и иной информации к биометрическим персональным данным и особенностей их обработки»). Свою позицию ведомство закрепило в Письме Роскомнадзора от 17 июля 2020 г. № ОП-П24-070-19433, указав, что фотографические изображения посетителей организации, содержащиеся в системе контроля управления доступа (СКУД), будут являться биометрическими персональными данными, поскольку они характеризуют физиологические и биологические особенности человека, позволяют установить, принадлежит ли данному лицу предъявляемый СКУД пропуск, на основе которого можно установить его личность путем сравнения фото с лицом предъявителя пропуска и указываемых владельцем пропуска фамилии, имени и отчества с указанными в СКУД.

Соответствующий подход также поддерживается судебной практикой. Например, суд установил, что предприятие нарушило Закон № 152-ФЗ, так как оно обрабатывало биометрические персональные данные (фотографии) без письменного согласия субъекта (Определение Верховного Суда РФ от 5 марта 2018 г.

N 307-КГ18-101 по делу № А42-342/2017; аналогичные решения были вынесены, например, Постановлением Арбитражного суда Северо-Западного округа от 21 ноября 2017 г. № Ф07-11732/17).

В другом деле суд отклонил довод ответчика (в лице унитарного предприятия «Учебно-спортивный центр» Комитета по физической культуре и спорту Мурманской области) о том, что добровольно закрепленная посетителем бассейна фотография на бумажном носителе (то есть на пропуск) не относится к биометрическим данным физического лица, поскольку предприятие в краткосрочные период пребывания посетителя в чаще бассейна не осуществляет какую-либо цифровую или текстовую обработку фотографий, находящихся на пропусках (Постановление Тринадцатого арбитражного апелляционного суда от 27 июля 2017 г. № 13АП-12966/17). Суд постановил, что к биометрическим персональным данным относятся физиологические или биологические характеристики человека, в том числе изображение человека (фотография и видеозапись), которые позволяют установить его личность и используются оператором для установления личности субъекта.

При этом Роскомнадзор отдельно указывает случаи, когда фотография не может являться персональными данными.

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

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

Использование чужих фотографий

Основной случай использования без нарушения – это использование с согласия правообладателя, отмечает Кирилл Митягин, партнер Nevsky IP Law, патентный поверенный, к. ю. н.

Фотографии как объекты авторских прав могут использоваться без разрешения автора или иного правообладателя исключительно в информационных, научных, учебных или культурных целях, что установлено ст. 1274 ГК РФ. При этом обязательным требованием является указание имени автора фотографии и источника, из которого взята фотография.

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

Партнер адвокатского бюро CTL, адвокат (адвокатская палата Санкт-Петербурга) Ксения Гордеева, обратила внимание, что если в социальных сетях вы нашли фото, взятое из фотобанков, с лицензией CC0 (одна из лицензий Creative Commons), то можно свободно его использовать, поскольку по условиям данной лицензии автор отказывается от авторских прав и дает разрешение на неограниченное использование изображения. Сергей Зуйков, управляющий партнер ООО «Зуйков и партнеры», также отметил, что СМИ часто используют такие фотографии, указывая источник цитирования (размещения) фотографии – этим источником может также выступать аккаунт социальной сети. Использование фото в информационных целях будет считаться законным.

В качестве примера неординарного судебного решения на взыскание компенсации за использование фотографии Ксения Гордеева предлагает рассмотреть Постановление Четырнадцатого арбитражного апелляционного суда от 21 декабря 2020 года № А44-3316/2020.

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

Фотография была создана штатным сотрудником компании, выполняющим трудовые функции.

Издательство для информирования третьих лиц о принадлежности ему исключительных прав на весь контент, размещенный на его веб-сайте, в нижней части сайта разместила знак охраны авторского права, а также информацию о принадлежности ему исключительных авторских прав, в том числе, на фотоизображения, и предупреждение о недопустимости использования объектов интеллектуальных прав. Однако прокуратурой перед использованием чужого фотоснимка не были соблюдены правила использования материалов сетевого СМИ. После получения жалобы от издательства прокуратура оперативно удалила снимок. Тем не менее суд взыскал компенсацию за незаконное использование фотографии в размере 10 тыс. руб.

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

Актуальную судебную практику по вопросу приводит юрист CMS Russia Владислав Елтовский: в 2020 году Верховный Суд Российской Федерации рассматривал дело в отношении использования фотографии Минстроем России (Определение СК по гражданским делам Верховного Суда РФ от 28 января 2020 г. N 5-КГ19-228).

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

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

Судебной практикой был также выработан подход, согласно которому цитирование фотографий также возможно (решение Арбитражного суда г. Москвы от 26 января 2016 г. по делу № А40-142345/15-15-1143).

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

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

Защита своих фотографий

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

Ксения Гордеева обращает внимание, что определение того, является ли конкретная фотография объектом авторского права зависит от процесса ее создания.

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

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

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

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

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

Защита опубликованных в Интернете фотографий наиболее часто осуществляется через механизмы гражданского законодательства, отмечает Максим Бурда, старший юрист практики интеллектуальной собственности / ТМТ Адвокатского бюро «Егоров, Пугинский, Афанасьев и партнеры».

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

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

Что касается юридических действий, то в случае обнаружения нарушения правообладателю необходимо обращаться в суд с требованием удаления фотографии, а также возмещения убытков либо выплаты компенсации в соответствии со ст. 1301 ГК РФ, подчеркивает Владислав Елтовский.

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

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

Также можно депонировать фотографии (то есть зафиксировать в различных сервисах, которых сейчас появилось много, в том числе электронных.

***

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

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

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