БЫЛО/стало
Создаем мультимедийную машину времени
Чтобы помочь читателю сравнить визуальные элементы, можно заверстать два изображения рядом или вставить слайдер было/стало. У последнего больше преимуществ: картинка на экране крупнее, а пользователи увлеченно перетаскивают разделитель слева направо и наоборот. Чаще всего слайдеры используют, чтобы показать, как изменился город за N лет. На самом деле возможности этого мультимедийного элемента гораздо шире.
ИНСТРУМЕНТЫ
Как сделать слайдер
было/стало
JuxtaposeJS — лёгкий и удобный инструмент, с помощь которого можно показать не только, как изменился город или человек. Упаковать в слайдер можно любые изображения, которые можно сравнить между собой.
Сервис JuxtaposeJS от Knightlab не требует регистрации. Это удобно, потому что не надо вспоминать данные учетной записи, особенно, если слайдеры делаешь не так часто.
Как использовать JuxtaposeJS
В раздел Create a Juxtapose добавьте две фотографии: по ссылкам из Dropbox или другого сетевого хранилища, которое дает ссылку, оканчивающуюся указанием на расширение файла — «.jpeg». Из двух изображений вы получаете одно, поделённое ползунком на две части.
Установите настройки отображения мультимедийного элемента:
— стартовая позиция слайдера,
— лейблы,
— подписи,
— анимация ползунка,
— масштаб изображения,
— вертикальный или горизонтальный слайдер.

Готовый слайдер можно встраивать на сайт через код <iframe> или поделиться в соцсетях адаптированной ссылкой, которую генерирует сервис.
Видеообзор сервиса от Оксаны Силантьевой
В результате получается наглядная иллюстрация изменений: пользователю не нужно переводить взгляд с одной фотографии не другую. Большое преимущество JuxtaposeJS — его простота. Пользователь выбирает минимальное количество параметров, а значит, риск сделать что-то не то сводится к нулю. Кроме того, для использования инструмента не нужно уметь кодить. Наконец, этот инструмент работает на всех платформах и девайсах, что делает его универсальным.
Чем JuxtaposeJS лучше других подобных инструментов?
В отличие от TwentyTwenty и Double Viewer JuxtaposeJS не нужно скачивать и преобразовывать под него свой код.

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

Кроме того, JuxtaposeJS удобнее использовать, чем Before After Image Slider: последний работает только в комплекте с фреймворком Vafpress: для корректной работы придется скачивать и Before After, и этот фреймворк.
Когда речь идет об изображениях, всегда уместно вспомнить об авторских правах. Этот материал поможет вам не нарушить чужие права и защитить свои.
кому принадлежат права на контент в сети
Хочу проиллюстрировать новость на своем сайте фотографией из интернета.
Это законно?

Вы написали материал для своего сайта, для иллюстрации необходима подходящая фотография. Вы нашли ее в интернете и сомневаетесь, можно ли ею проиллюстрировать ваш текст: вдруг нарушите чьи-то авторские права?
Авторы
Наталья Якимовская
Наталья Гарина
Откуда я могу знать, кто правообладатель этой фотографии?
Внимательно смотрим, есть ли на фотографии или под ней подпись с указанием имени автора, года первого опубликования, источника заимствования и т.д. Если что-то есть – уже легче. Пробиваем имеющиеся данные в поисковых системах. Иногда это помогает найти настоящего автора/правообладателя на фотографию.
А если под фотографией вообще нет никакой подписи, ее можно взять?
Наш совет – не стоит. Вы честно попытались найти автора, но все ваши поиски не увенчались успехом. Автор может потом объявиться и подать на вас в суд за нарушение авторских прав. В суде вы должны доказать согласие автора на публикацию его фото на вашем сайте. То, что вы его искали, но не нашли – не аргумент, но вы хотя бы показываете суду свою лояльность. Для некоторых судей это может служить доказательством вашей добросовестности. Может случиться так, что вы думали, что нашли автора, но это оказалось не так. Кто-то уже присвоил себе авторство данной фотографии. В такой ситуации ответчиками будете и Вы, и мнимый автор.
Я установил автора, он согласен на публикацию этого фото. Как мне подписать фотографию?
Необходимо обязательно указать имя автора и источник заимствования. Об этом нам прямо говорит пункт 1 статьи 1274 ГК РФ «Свободное использование произведения в информационных, научных, учебных или культурных целях». Обратите внимание, что на многих сайтах сейчас есть условия использования материалов, в которых четко определяется, в каком виде можно перепечатывать материалы, какие гиперссылки в какой именно части вашего сайта должны иметь место. Так что внимательно читайте условия использования и следуйте им.
Что мне будет, если я опубликую фотографию без подписи, а потом объявится ее правообладатель?
Правообладатель может прислать вам претензию с предложением заключить лицензионный договор на использование его произведений или сразу подать на вас в суд. За каждое опубликованное без его согласия фото российским законодательством предусмотрен штраф – от 10 тысяч до 5 миллионов рублей. На сегодняшний день средняя сумма по каждому факту нарушения авторских прав (не указано имя автора, фотография без спросу переработана и т.д.) колеблется от 10 до 15 тысяч рублей. Например, вы опубликовали пять фотографий – за каждую заплатите по 10 тысяч рублей. Еще может потребоваться возмещение морального вреда. Так что лучше соглашайтесь на досудебное урегулирование – лицензионный договор с указанной правообладателем в нем стоимостью использования его фотографий.
Если нет прямого запрета автора фотографии – ее можно публиковать?
Мы не рекомендуем. Могут быть нюансы. Лучше так: если есть прямой запрет, то публиковать нельзя, если есть прямое разрешение – можно. Разрешение на использование фотографии можно получить в устной или письменной форме. Лучше иметь письменное разрешение – если возникнет спорная ситуация, оно может стать доказательством в суде.
Есть ли разница, когда я размещаю чужое фото на своей личной страничке или в зарегистрированном СМИ?
Суд всегда уверен, что СМИ – это коммерческая организация, конечной целью которой является получение прибыли. СМИ получают деньги от рекламы на своем сайте, от траффика, от размещения партнерских материалов и т.д. Разница в коммерческом использовании фотографии для СМИ и в личных некоммерческих целях есть, и она может учитываться судом.
Слышал, что фотографию можно разместить без согласия автора и выплаты ему вознаграждения, но с указанием его имени. Это правда?
Статья 1274 ГК РФ, которую мы уже упоминали, допускает: «цитирование в оригинале и в переводе в научных, полемических, критических, информационных, учебных целях, в целях раскрытия творческого замысла автора правомерно обнародованных произведений в объеме, оправданном целью цитирования, включая воспроизведение отрывков из газетных и журнальных статей в форме обзоров печати». Правда, до сих пор суды различных инстанций расходятся во мнении, является ли публикация фотографий «цитированием» или нет.
Что значит: «в информационных целях»?
Это значит, что целью вашей публикации было именно информирование ваших читателей, а не что-либо другое (заработать, увеличить число подписчиков и т.д.) Здесь можно вспомнить недавнюю победу портала 66.ру над блогером Ильей Варламовым, которая создала прецедент для использования фотографий в онлайн-СМИ. Суд по интеллектуальным правам решил, что суды нижестоящих инстанций неправильно толковали подпункт 3 пункта 1 статьи 1274 ГК РФ («Свободное использование произведения»), и что «Информационные» (освещающие текущие экономические, политические, социальные и религиозные вопросы) фотографии можно использовать без согласия правообладателя и без выплаты вознаграждения при указании имени автора, источника заимствования, правомерности первичной публикации и отсутствия запрета автора». Но это не значит, что теперь суд всегда будет вставать на сторону заимствующих чужие фотографии ответчиков.
Если я отрежу ту часть фотографии, которая мне нужна – на нее будут распространяться мои авторские права? Ее можно публиковать?
Нет. Любые изменения проводятся только с согласия автора снимка. Любая часть оригинальной фотографии охраняется авторским правом. Фотографию нельзя изменять без согласия: изменять цветовое решение, кадрировать, добавлять или вырезать отдельные части и т.д. Если Вы делаете фотоколлаж из разных фотографий, вы должны заключить договор с каждым автором.
А как автор может доказать, что это его фотография?
По закону автором фотографии признаётся лицо, указанное на экземпляре произведения обычным образом, пока не доказано иное. Можно использовать так называемые «водяные знаки», содержащие сведения об авторе фотографии, дате создания, первом источнике публикации и т.д., но все это весьма легко подделать. Опытный фотограф пользуется опцией автоматической записи своего имени в EXIF, сохраняя RAW-негативы в архиве фотоаппарата. В суде такой фотограф предъявляет в качестве доказательства свой фотоаппарат, иногда снимки из той же фотосессии, которые он не выкладывал в интернет. Есть простой «дедовский» способ – автор фотографии распечатывает ее, и присылает сам себе по почте в конверте. Конверт вскрывается в суде.
Откуда можно брать фотографии, не опасаясь нарушить чьи-то авторские права?
В платных и бесплатных фотостоках. Или фотографировать самому. В фотостоках все условия публикаций фотографий обозначены в лицензионном соглашении: где и в каком объеме вы можете выложить купленное или бесплатно скачанное фото.
Если вы решили использовать для слайдера чужие фотографии или иллюстрации, постарайтесь найти их автора и оригинал изображения, чтобы не нарушить авторские права. Мы знаем сервис, который вам поможет.
смотрим вглубь
Как узнать, откуда фото.
Сервис TinEye

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

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

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

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

Загрузить изображение для проверки можно одним из трех способов:
— указать ссылку на изображение в интернете;
— загрузить файл с компьютера;
— прямо в браузере перетащить фото со страницы сайта, где оно опубликовано, на вкладку TinEye.
Интерфейс сервиса на английском языке
Сервис быстро загружает фото с жесткого диска и не сохраняет их на сервере, поэтому опасаться, что после проверки авторское изображение попадет «в руки» недобросовестных сайтов не стоит.
Требования к изображениям:
  • формат JPEG, PNG, GIF, BMP или TIFF;
  • рекомендуемый размер не менее 300 пикселей по любой стороне, но сервис также принимает маленькие фото до 100px;
  • максимальный размер файла 20 МБ;
  • лучше не использовать снимки с водяными знаками -TinEye может искать логотип вместо самого изображения.
Если вы собираетесь часто пользоваться TinEye, можно установить одноименное расширение для браузера — чтобы начать верификацию изображения, достаточно будет щелкнуть по нему правой клавишей мыши.
Есть расширения для всех популярных браузеров: Firefox, Chrome, Safari, Opera и Internet Explorer
Результаты поиска по умолчанию сортируются по «наилучшему совпадению», но можно отфильтровать по времени загрузки, размеру изображения и наиболее отредактированному. Выберете нужный вариант в выпадающем меню фильтров, и сервис запомнит выбор на всю сессию.
Доступные фильтры: «Наилучшее совпадение», «Наиболее измененный», «Самое большое изображение», «Новейшее», «Старейшее»
Можно посмотреть, на каких популярных фотохранилищах и сайтах с пользовательскими изображениями, наподобие Твиттера, Фликра, Реддита или Имгура опубликовано изображение — для этого есть дополнительный фильтр по доменам/коллекциям. Значком «коллекция» отмечены сайты, на которых опубликована информация об источнике изображения или его авторе. Эта функция позволяет быстро найти первоисточник и связаться с ним.
На июль 2018 года сервис проиндексировал около 30 миллиардов изображений
Если поиск не выдал список ссылок, значит, фотография уникальна. Разработчики отмечают, что не сохраняют загруженные пользователями снимки и не индексируют их.

Бесплатная версия сайта позволяет проверять не более 50 изображений в сутки, и 150 в неделю. Владельцы платных аккаунтов могут загружать до миллиона снимков по заранее оплаченным пакетам и использовать API для автоматического поиска.
Пираты, сдавайтесь!
TinEye индексирует изображения даже если они были обрезаны, отредактированы или искажены (например, нанесены на футболку, кружку). Чтобы сравнить проиндексированное изображение с оригиналом, щелкните левой клавишей мыши на любом изображении из результатов поиска — справа появится всплывающее окно. Нажмите синюю кнопку «Switch» («Переключить») над изображением, чтобы сравнить его с загруженным для поиска.
Переходите от отредактированного изображения к оригиналу и обратно с помощью кнопки «Switch»
Чтобы найти первоисточник — сайт, на котором изображение было опубликовано впервые, — отсортируйте результаты поиска по самому старому и самому большому изображению — скорее всего, этот ресурс будет содержать информацию о владельце.

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

TinEye — многофункциональный инструмент. Он поможет установить первоисточник изображения и получить дополнительную информацию о нём, найти фото с более высоким разрешением, проследить, как оно изменялось.
Что ещё почитать по теме:
Верификация
Журналистика
Инструменты
Краткое руководство по верификации фото и видео
Анонимный источник прислал вам эксклюзивные фото и видео. Как опубликовать полученные материалы, чтобы их не назвали фейками?
Публикация новости — только 40% работы журналиста
Что нужно сделать сразу после публикации материала на сайте СМИ, чтобы он достиг целевой аудитории. Пошаговая инструкция для региональных изданий.
Играем в Шерлока. Сервис FotoForensics
Инструмент поможет установить подлинность фото и наглядно покажет вам, какая именно часть кадра была изменена.
Made on
Tilda