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

Где брать бесплатные изображения для блогов и сайтов:

  1. Свои фото — смартфон с хорошей камерой — вполне достаточное решение для небольшого проекта.
  2. Рисунки — популярное направление с хорошим вирусным потенциалом, обычно я заказываю отрисовку персонажей и некоторых картинок на fiver.
  3. Фото, которые открыты для распространения и изменения, в том числе — фото, которые стали общественным достоянием.
  4. Интеграция (эмбед) с жругих ресурсов, где фото размещено на законных основаниях.

Фотографии для свободного изменения и распространения:

Бесплатные картинки для изменения и использования в коммерческих целях — это изображения под лицензией CC0 License, это помимо указанного ранее не требует и указания авторства (специалисты по авторскому праву могут поправить, но обычно в таких случаях дополнительно указывается No attribution required).

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

В Гугле есть поиск картинок (я как-то писал статью о поиске по лицам, но это не совсем в нашу тему). Нажимаете «Инструменты поиска», выбираете тип лицензии, например «С лицензией на использование и изменение».
Бесплатные картинки для сайта

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

Есть и специализированные поисковые системы по бесплатным фото, как пример:

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

Рисунки

Хорошая тема для многих ниш. Без шуток. Оригинальная подача контента теперь важна не менее чем сам контент. Фото — есть у всех, у многих есть видео, а вот классные иллюстрации, какие-то тематические стильные зарисовки — это и уникальный контент и отличная подача.

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

Здесь вполне уместно попробовать и собственные силы (надо же развиваться и в других направлениях, а не только в интернет-маркетинге).

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

Полезно:

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

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

В России фото становится общественным достоянием, если с года смерти его автора прошло 70 лет, правило не применяются в случае, если пятидесятилетний срок действия авторского права или смежных прав истёк к 1 января 1993 года.

В США, произведения, опубликованные до 1 января 1923 на территории Соединённых Штатов, являются общественным достоянием. Фото и другие произведения также переходят в общественное достояние, если публикация случилась более 95 лет назад или его автор умер более 70 лет назад.

Здесь — список ресурсов, с подобными фото.

Эмбеды

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

Фотостоки с бесплатными изображениями

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

Бонус

Ещё несколько отличных стоков, где полно фотографий CC0 License:
[sociallocker]

[/sociallocker] Автор поста: AlexH

adne.info

: Вложение расширенных элементов — Веб-технологии для разработчиков

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

HTML-элемент <embed> вставляет расширенный контент в выбранное место документа. Этот контент может быть представлен от внешнего приложения или другого источника интерактивного контента, такого как плагин для браузера, например. 

The source for this interactive example is stored in a GitHub repository. If you’d like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.

Примечание: Этот раздел посвящен только элементу, который является частью стандарта HTML5, и никак не касается ранних, нестандартизированных его реализаций.

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

Категории контентаFlow content, phrasing content, embedded content, interactive content, palpable content.
Разрешенное содержимоеОтсутствует, это empty element.
Пропуск тегаДолжен иметь открывающий тег, закрывающий тег должен быть пропущен
Разрешённые родительские элеметныЛюбой элемент, который допускает встроенный контент
Разрешенные роли ARIAapplication, document, img, presentation
DOM-интерфейсHTMLEmbedElement

Атрибуты

Атрибуты этого элемента включают все глобальные атрибуты.

height
Отображает высоту ресурса в CSS пикселях. Это должно быть абсолютное значение; проценты не допустимы.
src
Ссылка на встраиваемый ресурс.
type
MIME-тип, используемый для выбора подключаемого модуля для создания экземпляра.
width
Отображает ширину ресурса в CSS пикселях. Это должно быть абсолютное значение; проценты не допустимы.

Примечание

Вы можете использовать свойство object-position, чтобы настроить расположение встроенного объекта в рамке элемента, а также свойство object-fit, чтобы контролировать регулирование размер объекта в соответствии с рамкой.

Примеры

<embed type="video/quicktime" src="movie.mov">

Спецификации

Поддержка браузерами

Note: До версии 45, Firefox не отображает сожержимое HTML-ресурса, но сообщает о том, что для отображения контента требуется плагин (см. баг 1237963).

Update compatibility data on GitHub
КомпьютерыМобильные
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome для AndroidFirefox для AndroidOpera для AndroidSafari on iOSSamsung Internet
embedChrome Полная поддержка
Да		Edge Полная поддержка ДаFirefox Полная поддержка 1IE Полная поддержка ДаOpera Полная поддержка ДаSafari Полная поддержка ДаWebView Android Полная поддержка
Да		Chrome Android Полная поддержка ДаFirefox Android Полная поддержка 4Opera Android ? Safari iOS ? Samsung Internet Android Полная поддержка Да
height		Chrome Полная поддержка ДаEdge Полная поддержка ДаFirefox Полная поддержка 1IE Полная поддержка ДаOpera Полная поддержка ДаSafari Полная поддержка ДаWebView Android Полная поддержка ДаChrome Android Полная поддержка ДаFirefox Android Полная поддержка 4Opera Android ? Safari iOS ? Samsung Internet Android Полная поддержка Да
srcChrome Полная поддержка ДаEdge Полная поддержка ДаFirefox Полная поддержка 1IE Полная поддержка ДаOpera Полная поддержка ДаSafari Полная поддержка ДаWebView Android Полная поддержка ДаChrome Android Полная поддержка ДаFirefox Android Полная поддержка 4Opera Android ? Safari iOS ? Samsung Internet Android Полная поддержка Да
typeChrome Полная поддержка ДаEdge Полная поддержка ДаFirefox Полная поддержка 1IE Полная поддержка ДаOpera Полная поддержка ДаSafari Полная поддержка ДаWebView Android Полная поддержка ДаChrome Android Полная поддержка ДаFirefox Android Полная поддержка 4Opera Android ? Safari iOS ? Samsung Internet Android Полная поддержка Да
widthChrome Полная поддержка ДаEdge Полная поддержка ДаFirefox Полная поддержка 1IE Полная поддержка ДаOpera Полная поддержка ДаSafari Полная поддержка ДаWebView Android Полная поддержка ДаChrome Android Полная поддержка ДаFirefox Android Полная поддержка 4Opera Android ? Safari iOS ? Samsung Internet Android Полная поддержка Да

Легенда

Полная поддержка  
Полная поддержка
Совместимость неизвестна  
Совместимость неизвестна

Смотрите также

  • Другие элементы, используемые для встраивания различного рода контента: <audio>, <canvas>, <iframe>, <img>, <math>, <object>, <svg>, and <video>.
  • Свойства, для позиционирования и определения размера внедренного контента в его фрейме: object-position and object-fit

developer.mozilla.org

Тег | htmlbook.ru

Internet ExplorerChromeOperaSafariFirefoxAndroidiOS
3.0+1.0+2.0+1.0+1.0+1.0+1.0+

Спецификация

HTML:3.24.015.0XHTML:1.01.1

Описание

Элемент <embed> используется для загрузки и отображения объектов (например, видеофайлов, флэш-роликов, некоторых звуковых файлов и т.д.), которые исходно браузер не понимает. Как правило, такие объекты требуют подключения к браузеру специального модуля, который называется плагин, или запуска вспомогательной программы.

Спецификация HTML 4.0 рекомендует использовать тег <object> для загрузки внешних данных вместо тега <embed>. Однако некоторые браузеры не отображают таким образом нужную информацию, поэтому наилучшим вариантом будет поместить <embed> внутрь контейнера <object>.

Вид внедренного объекта зависит от установленных в браузере плагинов, типа загружаемого файла, а также от атрибутов тега <embed>. На рис. 1 и рис. 2 показан вид воспроизведения в браузере различных типов файлов.

Рис. 1. Воспроизведение видеофайла в браузере

Рис. 2. Воспроизведение аудиофайла в браузере

Синтаксис

<embed></embed>

Атрибуты

align
Определяет как объект будет выравниваться на странице и способ его обтекания текстом.
height
Высота объекта.
hidden
Указывает, скрыть объект на странице или нет.
hspace
Горизонтальный отступ от объекта до окружающего контента.
pluginspage
Адрес страницы в Интернете, откуда можно скачать и установить плагин к браузеру.
src
Путь к файлу.
type
MIME-тип объекта.
vspace
Вертикальный отступ от объекта до окружающего контента.
width
Ширина объекта.

Закрывающий тег

Не требуется.

Пример

HTML5IECrOpSaFx

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Тег EMBED</title>
  </head>
  <body> 
    <embed src="images/mouse.swf" 
           type="application/x-shockwave-flash"
           pluginspage="http://www.macromedia.com/go/getflashplayer">  
  </body>
</html>

htmlbook.ru

Как Wikipedia может устроить новую революцию — Look At Me

Привет! На днях я купил номер журнала «Афиша» о 100 главных романах XX века. Отличный номер, доступен вот по этой ссылке. Давайте проанализируем, чем именно редакция журнала занималась две недели перед выпуском номера: они выбирали лучшие романы и договаривались с экспертами. Так делаются листинги, и это нормально.

Большинство материалов современной культурной или развлекательной журналистики сегодня составляют «списки лучшего». Мы делаем точно так же, вот, к примеру, целый раздел «Списки» на Look At Me: «12 самых раздражающих клонов Flappy Bird», «10 новых фильмов на Kickstarter», «10 книг в жанре альтернативной истории» и так далее. Часто авторы Look At Me, «Афиши» и Buzzfeed вместе с Mashable жонглируют широко известными фактами и с разной степенью таланта делают из этого тексты.

Мы все бесконечно делаем листинги

Сколько ценности есть вот в таком обзоре: «Удивительной мощи приключенческая серия, в рамках которой французская студия Ubisoft может делать всё, что придёт ей в голову. После средневекового Иерусалима, ренессансной Италии и Америки периода Гражданской войны серия переместится в Карибский бассейн, а оттуда, возможно, и в космос. И всё это будет на сто процентов логично»? Думаю, что даже автор этого текста будет со мной согласен — этот абзац проще было бы заменить ссылкой на Wikipedia. Но автор был вынужден, такова структура материала. Избавим же автора от страданий.

для справедливости Проанализируем одну статью из нашего материала «10 книг в жанре альтернативной истории». Большую часть занимает справочная информация, в которую включается заголовок, год выхода книги, короткое описание сюжета авторства Родиона Данилова и картинка. Что если дать журналистам и блогерам инструмент, позволяющий не писать справочную информацию? К примеру, возможность делать эмбед любой статьи Wikipedia?

Концепт вставки статьи Wikipedia
на сайт или блог

Новый раздел на Wikipedia — «Вставить статью на свой сайт»

Каждый абзац, главу информации из серого столбца справа можно добавить в эмбед. Видите маленькие зелёные галочки? Статью на своём сайте можно собрать, как конструктор. Получится что-то вроде этого:

Концепт эмбеда «Википедии»Концепт эмбеда «Википедии»Концепт эмбеда «Википедии»Концепт эмбеда «Википедии»

Текст из серого столбца идёт в подзаголовок, абзацы — под фотографию. Любое обновление на сайте энциклопедии отображается в эмбеде, то есть информация будет всегда актуальной. Скорость сборки любого списка увеличивается в разы, а значит, журналисту теперь остаётся больше времени для поиска качественного комментатора, придумывания собственного по-настоящему хорошего текста (вместо того чтобы копировать и вставлять информацию о годе рождения писателя). Стыдно брать информацию полностью? Сделайте эмбед только картинки и информации из серого столбца — сэкономите нервы себе и яростным читателям, которые всегда горазды найти ошибки. Это эмбед, ничего лишнего.

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

Врезанный в текст эмбед «Википедии»

Эмбеды захватывают интернет: целые статьи составляются из фотографий Instagram, роликов YouTube и песен Soundcloud. Недавно к этому списку присоединился один из самых больших фотостоков Getty Images. Представим теперь, что информацию из Wikipedia можно копипастить легально. После революции знаний в интернете, может случиться новая — революция курируемого контента. Думаете, случится катастрофа? На мой взгляд, будет только лучше. У журналистов освободится время на более важные материалы, при этом просмотры читателей можно будет зарабатывать дальше, только честно. Читатели смогут оценивать статьи: что было сложно сделать, а что — приятное развлечение. Мир станет веселее, краски ярче, войн не будет.

В эмбеды можно вставлять рекламу, как это делается, к примеру, на YouTube, а значит, создатель Wikipedia Джимми Уэйлс не будет больше просить у нас денег, их будет достаточно. Это не противоречит принципу Wikipedia, на сайте рекламы не появится. Кроме того, можно создать сайт Wikilistings, который будет агрегировать все списки, и школьники вместе со студентами, взявшись за руки, начнут таким образом потреблять информацию. Представьте себе задание в школе: «Соберите список самых жестоких правителей за всю историю существования мира». Или что-то более полезное, конечно.

О победе «курируемого контента» над свежесозданным контентом говорят уже давно, и это действительно так: если раньше платформы подразумевали создание контента (даже Tumblr), то в 2010 появился сервис, где на странице пользователя появляются только чужие картинки — Pinterest. Все прочие платформы ещё дают возможность творить, тут же прямое указание — собирай. В мире курируемого контента выборка тоже важна, и это полноценная часть журналистской работы. Важно понимать, что курируемый контент может работать вместе с обычным и помогать людям, а не делать аудиторию глупее.

Другие известные концепты Wikipedia

• Проект легкой и читаемой версии энциклопедии A Readable Wikipedia

• Новый логотип Wikipedia, разработанный Moving Brands

• Процесс создания другого любопытного логотипа Wikipedia


ОФОРМЛЕНИЕ
Денис Шарыпин

www.lookatme.ru

Почему и как эмбедить Википедию

  • 19 Марта 2014