Картинки для сайта: как подбирать правильно
Вы заметили, что мы говорим “не почитай на сайте”, а “посмотри на сайте”. Сайты мы любим и воспринимаем в первую очередь глазами. Без картинок на сайте никто не удостоит ваш сайт даже взглядом. Только если графический контент оформлен хорошо, пользователи возьмутся за изучения сайта. Только тогда они оценят его полезность и удобство.
Чтобы подобрать картинки для сайта, вам вовсе не нужно быть архивариусом интернета или покупать дорогие фото. Достаточно знать, что и как искать.
В этом материале мы расскажем: как выбрать красивые стильные бесплатные фото и иллюстрации, на каких ресурсах их загружать, как добиться стилистического единства фото для сайта, в какие части страницы можно добавлять изображения для сайта.
Содержание
Что выбрать: стоковые фото, иллюстрации для сайта или фото от профессионального фотографаПервое, что вам нужно знать. Правильного ответа на этот вопрос нет.
Подбор стоковых фото быстр, удобен и позволяет сэкономить деньги. Но если вам нужно показать свои товары или услуги – этот вариант не подходит. К тому же если вы не хотите сделать свой сайт шаблонным, вам нужно перебрать сотни фотографий.
Иллюстрации требуют долгого поиска бесплатных картинок для сайта (иллюстраций на стоках меньше, чем фотографий). А заказ иллюстраций у диджитал-художника вообще дорогая затея. Если вам хватит усидчивости и вы сможете подобрать все иллюстрации в одной стилистике – ваш сайт будет характерным и запоминающимся.
Фотограф создаст уникальный контент именно о вас или о вашем продукте. Если вы заказываете профессиональную съёмку, вы должны говорить на одном языке с фотографом. Язык этого общения – техническое задание (ТЗ). О том, как составить ТЗ для фотографа, мы расскажем ниже.
Где брать картинки для сайта: фото и иллюстрацииСвой сайт вы можете наполнить контентом из фотостоков с миллионами бесплатных картинок для сайта. Используя фотостоки с бесплатными изображениями, вы не создадите себе проблемы с авторскими правами.
Для поиска фото мы рекомендуем обращаться к Unsplash, Pexels, Pixabay, StockSnap, Freerange Stock. С этими фотостоками вам не нужно указывать авторов фотографий, упоминать их источник или платить роялти. Изображения можете использовать в коммерческих целях и изменять их любым нужным образом. Поиск на стоках позволяет применять фильтры сортировки профессиональных бесплатных фотографий и выбирать нужные вам тематики.
Иллюстрации на условиях бесплатной лицензии вы можете найти на стоках Ouch.pics, Freepik, unDraw, Manypixels. Дополнительно искать иллюстрации для сайта вы можете и на упомянутых ранее фотостоках (там есть также и разделы с иллюстрациями). Если вы загорелись идеей подобрать ваши уникальные иллюстрации, ищите их через Google. Есть буквально сотни сайтов с небольшими наборами бесплатных картинок.
Бесплатные стоковые фото для сайта: как правильно искатьГлавная задача при поиске изображений на фотостоках – быть небанальным и придерживаться выбранного стиля. Несколько советов помогут вам в этом.
Используйте разные слова в запросах на стоке
Пробуйте разные комбинации ключевых слов во время поиска на фотостоках, пока результаты не устроят вас. Не останавливайтесь на первых попавшихся результатах. Эти изображения могут часто появляться на других сайтах. Вы сами можете оценить, насколько пресными могут быть фото по простым запросам.
Выше расположены фотографии по запросу “тренировка” на фотостоке Unsplash. Вы можете увидеть, что у всех этих фото нет характера: улыбки, много счастья и конфетная дружественность. Разве вам нужны такие стерильные изображения?
Вот тут уже появляется индивидуальность. Для поиска этих изображений использованы запросы “экстремальные нагрузки”, “растяжка на улице”, “креативная тренировка”, “красивый джоггинг”.
Обращайте внимание на коллекции
Когда вам попадётся подходящая фотография, вы можете найти похожие изображения для сайта тремя способами.
Во-первых, у каждой фотографии есть свой автор. Вы можете открыть страницу автора и просматривать другие изображения. Возможно, там будут стилистически похожие изображения.
Во-вторых, определённая фотография может входить в коллекцию фотографий. Переходите по соответствующей ссылке с подборкой фотографий и выбирайте дополняющие изображения.
В-третьих, внизу страницы фотостоки предлагают похожие изображения. Чаще всего они близки и тематически, и стилистически, и в плане использованных в фото цветов.
Иллюстрации для сайта: какие бывают стилиВыбирая иллюстрации как картинки для сайта, вы не скованы связанными с использованием фотографий ограничениями. Вам не обязательно подыскивать фотографии с одинаковыми персонажами. Локации, не характерные для вашей страны, не появятся на фото. Иллюстрации не требуют дополнительной цветокоррекции и обработки.
Если у вас есть сайт с абстрактными услугами (например, в сфере инфобизнеса или бухгалтерских услуг для малых предпринимателей) иллюстрации лучший выбор. Они внесут эмоции в информационную составляющую сайта.
Чтобы все иллюстрации на сайте были похожими, вам нужно бегло разбираться в типе иллюстраций – их художественных особенностях. Исходя из этих особенностей иллюстрации делятся следующим образом:
В зависимости от объемности исполнения
иллюстрации делятся на плоские, полуплоские и выполненные в 3D. В плоских иллюстрациях используется заливка цветом. В полуплоских появляются тени или разделение объектов на несколько фигур в перспективе. С распознаванием 3D у вас не будет сложностей.
На основе использованных художественных средств
иллюстрации могут выполняться простыми фигурами, с использованием кистей и текстур, прибегая к градиентам. Первый тип иллюстрацией – простые плоские изображения с едиными заливками. На иллюстрациях с кистями и фактурами вы можете увидеть повторяющиеся штрихи или имитацию материалов и текстур. В изображениях с градиентами цвета плавно перетекают друг в друга.
Исходя из особенностей использования контуров
иллюстрации могут быть вообще без контуров, с использованием контуров в качестве обводок или контуры могут быть внутри объектов для разделения их на части.
В зависимости от реалистичности исполнения
иллюстрации бывают относительно реалистичными, супер деформированными или крайне стилизованными. В первом случае у всех объектов сохраняются пропорции из реальной жизни. В деформированных иллюстрациях отдельные части могут быть увеличенными и уменьшенными или неестественной формы. В крайне стилизованных изображениях объекты будут похожи на геометрические фигуры, завитки или абстракции.
Исходя из сложности сюжета и обилия деталей
среди иллюстраций можно выделить минималистичные, сбалансированные и визуально нагруженные типы. В минималистичных иллюстрациях объекты представляются упрощенными. В сбалансированных вы можете рассмотреть детали и элементы исполнения, но эти иллюстрации быстро считываются. В последнем случае нужно длительное время для прочтения сюжета и содержания иллюстраций.
Теперь у вашего художественного ощущения есть конкретные термины описания. При выборе картинок на стоках старайтесь подбирать такие изображения, в которых есть все признаки выбранных вами художественных типов. Чтобы вам было легче, мы составили шпаргалку для сверки стиля.
Учтите, что на вашем сайте вы можете комбинировать фотографии, иллюстрации и геометрические фигуры. Например, геометрические фигуры и абстракции декорируют и делают дизайн страницы сайта интереснее. Сюжетными иллюстрациями вы продемонстрируете условные вещи: услуги, преимущества, порядок работы. Реалистичные изображения помогут показать что-то конкретное: людей, товары, помещения.
Заказанная фотосъёмка: как поставить ТЗ и найти фотографаНанятый вами специалист точно решит задачи по созданию контента, если вы правильно составите техническое задание и обсудите детали фотосъемки. Только тогда затраты по созданию фото для вашего сайта будут обоснованным. В техническом задании (ТЗ для фотографа) вам обязательно нужно прояснить такие аспекты:
- Задача фотосессии. Опишите для какой цели вы нанимаете фотографа, что нужно сфотографировать, на чем нужно сделать акцент, какие эмоции должны вызывать фотографии и какое действие в результате просмотра контента должен сделать посетитель сайта.
- Стилистика и концепция. Определитесь с жанровыми особенностями фотографий: предметная, интерьерная репортажная, фуд, корпоративная, художественная или техническая съемка. Приложите понравившиеся примеры фотографий (референсы). Укажите ведущие цвета.
- Сфера использования. Расскажите вкратце о сайте, для которого создаются фотографии. Дополнительно вы можете показать макет сайта или понравившиеся сайты с похожей тематикой. Не лишней будет информация о вашем бренде, особенностях бизнеса и целевой аудитории.
- Локации, реквизит, обслуживание. Договоритесь о всех технических деталях. Где будет проходить съёмка и нужно ли арендовать для неё студию. Нужны ли профессиональные модели или их роль будет выполнять кто-то из ваших знакомых. В каком виде нужно подготовить реквизит или предметы съёмки. Узнайте, нужны ли визажисты и аренда света.
- Количество и вид фото. Установите количество фотографий, которое вам нужно получить в результате съёмки. Дополнительно перечислите, что конкретно должно присутствовать на фото. Не забудьте указать формат будущих фото, то есть соотношения их сторон.
- Обработка и сроки сдачи. Фотограф может делать просто фото или дополнительно их обрабатывать. На срок и конечную цену за работу фотографа влияет сложность обработки. По градации сложности обработка делится следующим образом: простая цветокоррекция, художественная ретушь, сложная обработка с удалением или добавлением элементов.
- Цена. Исходя из сложности, времени, количества фото и типа обработки изображений, фотограф назовёт стоимость работы. Вам остаётся только обсудить порядок и очередность оплат.
Найти специалиста можно на биржах по поиску творческих специалистов или в соцсетях, используя теги. Например, по тегам #фотограф #Киев #фешн-фотография вы найдёте в Instagram подходящего для модной съемки специалиста.
Всегда рассматривайте несколько вариантов фотографов и обращайте внимание на работы в портфолио. Чем ближе стилистически работы в портфолио к желаемому вами
На что обратить внимание, выбирая картинки для сайтаИзбегайте клише
Не выбирайте первое попавшееся изображение на стоке и не просите делать шаблонные фотографии (например, команды с улыбками и поднятыми пальцами вверх).
Например, вы доставляете готовые полезные обеды – не выбирайте улыбающуюся женщину с салатом как картину на вашем сайте, а выберете жизненную фотографию с обычным человеком, который обедает.
Придерживайтесь цветовой схемы
Объединяйте все изображения на вашем сайте единым цветовым решением. Постарайтесь выбирать фото с повторяющиеся цветами. На некоторых фотостоках есть цветовой фильтр изображений – он поможет выбрать подходящие изображения.
Если фото сделаны разными авторами, но они стилистически едины, – используйте онлайн-фоторедакторы для наложения фильтров или проводите цветокоррекцию вручную.
Проводите проверку эмоциями
Когда вы подберёте определенное количество фотографий, настанет время выбора. Рассматривая фотография постарайтесь почувствовать фото без привязки к формулируемым вам целям. Те, которые вызывают эмоции, – это ваши фотографии.
Больше всего эмоций вызывают картинки для сайта с динамичным сюжетом, уникальным настроением и людьми на фото или в иллюстрациях.
Думайте о мобильном виде сайта
Ваши изображения должны быть уместными не только в полной версии сайта, но и при просмотре на мобильных устройствах
Если фотография будет отображаться на мобильных устройств без масштабирования, нужно в макете мобильной версии сайта оценить, насколько мелкими будут детали изображения.
Не забудьте об оптимизации изображений
Изображения должны быть не только качественным, но у них должен быть и оптимальный размер. Тогда сайт будет быстро загружаться, это оценят поисковики и пользователи с медленным интернетом.
На размер картинок влияет формат изображения и степень сжатия. Больше о форматах и оптимизации вы узнаете в разделе статьи, посвящённому SEO-оптимизации изображений. Для уменьшения размера картинок вы можете использовать сервисы Kraken.io, TinyPNG.com, Compressor.io, Imagecompressor.com.
Куда добавлять картинки на сайт: первый экран, фото продукта или услуги, галерея, фонИзображение главного экрана. Одно изображение – одна мысль
Первый экран страницы – это фильтр для посетителя. За пару секунд он решает: продолжить просмотр или закрыть страницу. Поэтому уделяйте особое внимание подбору изображения для этого блока.
Картинка главного экрана сайта не должна быть перегружена визуально, а её смысл должен считываться за миллисекунды.
Фото товаров и услуг на вашем сайте. Советы по выбору и размещению
Когда вы показываете свои товары или услуги, у вас есть 3 возможности для их демонстрации. Чередуйте между собой их или выбирайте самый подходящий в зависимости от ситуации. Фото товаров вы можете получить у вашего поставщика товаров или сделать их самостоятельно.
- Взаимодействие в фото товаров на сайте. На таких фотографиях вы показываете результат или процесс взаимодействия клиента с вашим продуктом. Например, вы продаёте кофеварки с очень простым уходом – покажите процесс её обслуживания. Данный тип фотографий можно использовать, когда выгоду легко показать.
- Детализация в фото товаров на сайте. Хотя бы раз пользователю нужно показать товар или услугу с должной детализацией. Лучше всего делать серию предметных фотографий и размещать их в галерее. Допустим, вы продаёте обувь ручной работы. Для демонстрации своего продукта размещайте фотографии с последовательной детализацией. Например, вид сверху – система шнуровки – макрофото фурнитуры системы шнуровки.
- Контекст в фото товаров на сайте. Показывайте условия или ситуацию, в которых ваш продукт уместный. Так вы демонстрируете причину, которая вызывает потребность в товаре или услуге. Например, ваши индикаторы дыма в помещениях могут быть не только функциональными, но и стильными. Правильный вариант их размещения – фото в современных и красивых интерьерах.
Галерея на сайте. Польза и экономия пространства
Каждое действие пользователя на сайте требует усилий. Если их нужно много, пользователь может устать и потерять интерес. Статичный контент (то есть контент без интерактивного взаимодействия) легко потреблять, но он не компактный.
Галерея – это случай интерактивного контента на странице сайта.
Вы можете расположить изображения на странице сайта одно над другим. Но тогда страница получится длинной, прокручивать её долго.
Выбираете галерею? Пользователь сможет просмотреть важную информацию в одном месте, но посетитель должен быть заинтересован в лишних кликах.
Поэтому используйте галерею с картинками для сайта только в том случае, если там будет полезная однотипная информация. Например, детализации фото товаров, интерьер помещений, изображения с элементом репортажности, серии фото людей (например, сотрудников компании с небольшими текстовыми описаниями).
Картинка как фон. Правила размещения изображений-фонов на сайте
Изображения и текстовый контент находятся в диалоге между собой. Глаз наблюдателя в первую очередь фокусируется на фото. Затем взгляд переходит на заголовок, а уже после на элементы взаимодействия со страницей. Например, кнопкой.
Вам нужно соблюдать несколько правил, чтобы разные элементы страницы правильно взаимодействовали между собой.
- Не размещайте смысловой и композиционный центр фоновых изображений под текстом. В таком случае посетитель не сможет сконцентрироваться ни на фото, ни на тексте. Композиционный центр – это логическая и визуальная точка концентрации внимания на изображении. Не забывайте, что участок фотографии под текстом должен быть однородным по цвету и свету.
- Делайте текст и изображение самодостаточными. То есть посетитель должен понять смысл фото и текста по отдельности без привязки друг к другу. Но связь этих элементов должна добавить глубины к пониманию или эмоциональному восприятию темы блока.
- Составляйте композиционные пары из фото и текста с элементами сайта. У изображений или блоков есть композиционные центры. При правильном сочетании точки внимания изображения ведут к точкам внимания в тексте.
Наш конструктор сайтов – Weblium – превращает создание сайтов в удовольствие. Ваш сайт будет полезным и красивым, а вам для этого не нужно обращаться к дизайнерам.
Точно так же мы максимально упростили работу с изображениями, чтобы ваш дизайн сайтов появлялся за часы – а не дни.
Бесплатные изображения с фотостока Unsplash
Прямо из меню работы с изображениями вы можете найти свои картинки из 1 000 000 изображений на стоке. Для добавления иконок из меню управления элементом иконки ищите необходимое в бесплатных библиотеках Icons8 и The Noun Project.
Базовые возможности редактирования изображений
Вы можете выбирать параметры масштабирования и заполнения области изображения на сайте, чтобы откадрировать фото и иллюстрации нужным образом. Дополнительно вы можете применять фотофильтры и наложение цвета, чтобы придать стилистическое единство фотографиям.
Оптимизация изображений и её отключение
Для увеличения скорости загрузки сайта наш конструктор сайтов автоматически уменьшает размер изображений, сохраняя их качество. Если вам нужно показать фото в высоком качестве, то фоновые изображения на сайте вы сможете показать с оригинальными параметрами.
Мы знаем, что с правильными изображениями дизайне вашего сайта не будет уступать работам профессиональных дизайнеров. Присоединяйтесь к платформе и создавайте ваш замечательный сайт сейчас.
Автор
Александр Громов
Автор блога Weblium.
Другие статьи автора
Как отличить контентное изображение от декоративного — журнал «Доктайп»
Давайте разберёмся, что такое контентное изображение, что такое декоративное и как их отличить друг от друга. От типа изображения зависит то, как оно будет добавлено на страницу.
Теория
Контентное изображение
Слово контент происходит от английского слова «content» — содержимое. С помощью таких изображений мы можем донести до пользователей полезную информацию. Чтобы добавить контентное изображение к себе на страницу, используйте в разметке <img>
. Для изображений такого типа необходимо заполнять атрибут alt
, который описывает то, что изображено на картинке.
Декоративное изображение
Из названия понятно, что этот тип изображений используется исключительно для оформления. Такие изображения не несут для пользователя полезной информации. Декоративные изображения следует реализовывать с помощью CSS.
Практика
В теории всё просто, но на деле мы можем столкнуться с неоднозначными ситуациями, в которых не так-то просто определить тип изображения. Давайте вместе рассмотрим различные ситуации на примерах.
Очевидные случаи
Изображение товара в карточке товара, контентное
Карточка товара на сайте EdoqueКарточки товаров на сайте CadburyТакие изображения содержат информацию о внешнем виде товара. Если они по какой-либо причине не отобразятся, то пользователь потеряет часть информации о товаре.
Реализация: <img>
Логотип, контентное
Логотип на сайте Haribo-shopЛоготип на сайте EvercodelabПартнёрские логотипы на сайте SpeciaЛоготипы могут быть реализованы как текстом, так и изображением, поэтому нужно ориентироваться на конкретный макет. В приведённых выше примерах логотип представлен изображением, которое содержит важную информацию о названии сайта.
И также часто встречаются блоки с партнёрскими логотипами. В таких ситуациях логотипы являются контентными изображениями.
Реализация: <img>
Изображения и текст, контентное
Изображение в статье на сайте MeduzaИзображения товара на индивидуальной странице на сайте PichShopПримеры выше — изображения в статье. Данный случай ничем не отличается от карточки товара — у нас есть и описание, и изображение, несущие важную для пользователя информацию. Таким образом, изображение является контентным и должно быть сделано тегом <img>
.
Реализация: <img>
Вспомогательная иконка, декоративное
Вспомогательные декоративные иконки на сайте MediaMarktВ примере иконки в меню имеют декоративный характер. Если вдруг они пропадут, информация не потеряется, и пользователь всё равно сможет понять в какой раздел ему нужно. Для реализации лучше всего использовать background-image
для псевдоэлемента.
Реализация: background-image
для псевдоэлемента
Другой пример из того же магазина. Изображение лишь дополняет подпись. Такие изображения лишь поясняют названия и являются декоративными.
Реализация: background-image
для всего блока или для псевдоэлемента
Фоновое изображение, декоративное
Фоновая картинка с фруктами на сайте EdoqueПитерское фоновое изображение на сайте Sobor.gorozhanko.ruНа примерах выше мы можем рассмотреть варианты декоративных фоновых изображений. Для реализации лучше всего подойдёт background-image
для всего блока.
Реализация: background-image
для всего блока
Спорные моменты
Изображение в промослайдере
Слайдер на сайте CadburyВ элементах слайдера нам часто встречаются изображения товаров. Они несут в себе важную визуальную информацию о товаре, поэтому в таком случае нам следует отнести их к контентному типу изображений.
Реализация: <img>
Однако, бывает и такое, что в слайдере изображения никак не относятся к тексту слайдов и служат только для декоративных целей, следовательно, относятся к декоративному типу изображений.
Реализация: background-image
для всего блока
Карта с изображением
Карта в блоке с контактами. Макет ДевайсПод интерактивную карту принято добавлять изображение с картой, на случай если интерактивная карта не загрузилась. Каким же образом её добавлять? Карта несёт информацию об адресе. Например, в макете Девайс с нашего базового интенсива по HTML и CSS. В блоке «Контакты» только по карте можно понять адрес компании, ведь в тексте адрес не продублирован, а значит если изображение потеряется, пользователь потеряет информацию о местонахождении компании. Таким образом, изображения карт относятся к контентным изображениям.
Реализация: <img>
(атрибут alt должен описывать изображение, в данном случае — Карта офиса по адресу улица Строителей, 15)
Иконки соцсетей
Социальные кнопки на сайте HariboКнопки с социальными сетями представляют собой более интересный случай. С одной стороны, они являются декоративными, так как являются частью интерфейса сайта, однако, если их картинки не загрузятся — информация всё же пропадёт (пользователь будет не способен понять к какой социальной сети относится каждая ссылка). Таким образом, здесь применяется комплексный подход: внутри ссылки обязательно прописывается поясняющий текст. Изображение на этих кнопках-ссылках декоративные. Для доступного скрытия текста ссылки необходимо добавить класс .visually-hidden
. Таким образом, при потере CSS-файла, изображение пропадёт, а текст ссылки появится. При нормальной работе сайта пользователь увидит лишь изображение. Также необходимо не забывать про доступность — так как в разметке мы прописываем текст ссылки, то при чтении сайта скринридером, ссылки будут озвучены.
Реализация: background-image
для ссылки
Вывод
Вопрос определения типа изображения способен запутать неокрепший ум начинающего верстальщика, поэтому советуем вам каждый раз, когда вы сталкиваетесь с необходимостью определить тип изображения, обращать внимание на все детали, а не идти самым простым путём.
«Доктайп» — журнал о фронтенде. Читайте, слушайте и учитесь с нами.
ТелеграмПодкастБесплатные учебники
15 лучших сайтов с авторскими правами и изображениями без лицензионных отчислений
Может быть, вы начинающий фотограф, который ищет вдохновения. Или подающий надежды предприниматель, пытающийся найти стоковые фотографии для добавления на свой веб-сайт.
Какой бы ни была ваша профессия, этот список лучших веб-сайтов с фотографиями гарантирует, что у вас всегда будет доступ к изображениям, защищенным авторским правом и без лицензионных отчислений.
Как работают изображения без авторских прав?
Некоторые веб-сайты позволяют загружать изображения для личного использования (например, фоновые обои), но запрещают использовать изображения в коммерческих целях. Сюда входят такие экземпляры, как визитные карточки, веб-сайты или плакаты. Изображения на следующих веб-сайтах защищены Creative Commons CC0:
«Лицо, связавшее произведение с этим документом, посвятило произведение в общественное достояние, отказавшись от всех своих прав на произведение во всем мире в соответствии с законом об авторском праве, включая все смежные и смежные права, в той мере, в какой это разрешено законом».
Следующие веб-сайты либо поддерживают, либо полностью состоят из общедоступных изображений CC0. Владельцы этих изображений разрешили пользователям изменять, редактировать и использовать свои изображения без нарушения авторских прав.
Прежде чем углубляться в сайты с бесплатными стоковыми изображениями, обратите внимание на два общих правила при использовании изображений CC0.
- Хотя вы не обязаны отдавать должное создателю, мы рекомендуем вам опубликовать усилия художников.
- Эти веб-сайты часто имеют Пожертвовать
страницу или экран-заставку. Если вы часто пользуетесь бесплатными сайтами для размещения изображений, подумайте о том, чтобы сделать пожертвование на их дело. Если бы каждый, кто пользуется сайтом изображений без авторских прав, добавлял цену за кофе, это принесло бы большую пользу фотографам и художникам, предлагающим свои товары бесплатно.
Теперь, когда это прояснилось, вот веб-сайты, которые вам нужно добавить в закладки, чтобы получить качественные изображения без авторских прав.
Изображение предоставлено: Mirzaman/Freerange StockПосле того, как вы зарегистрируетесь для получения бесплатного членства на Freerange, тысячи стоковых фотографий высокого разрешения будут у вас под рукой бесплатно. Все изображения веб-сайта могут быть использованы для личных или коммерческих проектов.
В дополнение к тысячам уникальных изображений на сайте также имеется около 20 000 фотографий CC0, большинство из которых имеют точные ключевые слова и описания.
Изображение предоставлено: Патрик Томассо/UnsplashUnsplash — это побочный проект, начатый Crew, агентством онлайн-маркетинга, но выросший в один из крупнейших и наиболее часто используемых сайтов с авторскими правами и бесплатными стоковыми изображениями. Сейчас в нем более миллиона изображений на самые разные темы, а авторы загружают изображения со всего мира.
По мере того, как библиотека стоковых изображений Unsplash росла, росла и его функция поиска, и вы можете искать в базе данных, используя цвета, тренды, коллекции и многое другое.
Хотя Unsplash начинался как побочный проект, сейчас он является одним из лучших сайтов изображений без авторских прав, поэтому он не фигурирует в нашем списке менее известных сайтов с бесплатными изображениями.
Pexels — это веб-сайт, который хочет помочь. Основанный в 2015 году, он превратился в авторитетную библиотеку стоковых фотографий. В заявлении о миссии лучше всего сформулирована цель:
.Мы помогаем миллионам дизайнеров, писателей, художников, программистов и других творческих людей получить доступ к красивым фотографиям, которые они могут свободно использовать, что позволяет им создавать удивительные продукты, дизайны, истории, веб-сайты, приложения, произведения искусства и другие работы. Мы называем это: «Расширение прав и возможностей творцов».
Pexels также уникален тем, что отображает не только изображения, расположенные на веб-сайте Pexels. Он также использует изображения с других высококачественных веб-сайтов, таких как Little Visuals.
Лучше всего то, что Pexels просматривает свои изображения, чтобы обеспечить их максимальное качество. На сайте можно найти много исключительных фотографий, и хотя в определенных нишах вам будет сложно найти изображение, но со временем это меняется. Обратите внимание, что вы также можете скачать с сайта стоковые видео без авторских прав.
Изображение предоставлено: Bernard Spragg/FlickrХотя Flickr не предназначен для общедоступных изображений, он может похвастаться обширной библиотекой высококачественных общедоступных изображений. Flickr остается одной из самых больших библиотек изображений в Интернете, и с миллионами высококачественных общедоступных изображений у вас вряд ли скоро закончатся стоковые фотографии.
На Flickr всегда появляются новые функции. Например, вы можете заказать распечатку фотографий прямо с Flickr, что очень удобно, если вы найдете фотографию, которая вам нравится. Если вы новичок в этой платформе, ознакомьтесь с нашим руководством для начинающих по Flickr, так как есть несколько функций, таких как фотопоток и Flickr Pro, о которых вам следует знать.
При работе с Flickr следует помнить, что не каждое изображение на сайте является бесплатным для использования, бесплатным или защищенным Creative Commons.
Вы можете легко потерять себя в течение нескольких часов, просматривая красивые изображения без авторских прав на Life of Pix.
Созданная рекламным агентством LEEROY в Монреале, Life of Pix — это рай для бесплатных общедоступных фотографий. Более того, его веб-сайт Life of Vids содержит еще более впечатляющие стоковые видеоматериалы, которые доступны бесплатно. Каждую неделю Life of Pix выбирает фотографа, который занимает центральное место и получает дополнительное продвижение по службе, в то время как фотографы могут управлять своим профилем Life of PIx, чтобы убедиться, что он показывает их лучшие работы.
StockSnap предоставляет превосходную и обширную библиотеку бесплатных стоковых изображений. Сотни высококачественных фотографий добавляются еженедельно, и StockSnap не является вашим магазином случайных фотографий.
Каждое изображение в StockSnap, созданное хорошими людьми из Snappa, можно использовать бесплатно. Вам будет трудно найти лучшее хранилище изображений.
Изображение предоставлено: WikiImages/Pixabay.Pixabay — еще один репозиторий изображений, который объединяет изображения с других сайтов хостинга изображений. Он пытается собрать самое лучшее из бесплатных стоковых изображений для личного или коммерческого использования.
Pixabay также обеспечивает легкий доступ к «поиску камеры», который позволяет пользователям просматривать изображения на основе камеры, с которой они были сняты. Это отличный ресурс как для начинающих, так и для профессиональных фотографов.
Изображение предоставлено Сесилом Стоутоном, пресс-службой Белого дома (WHPO)/Викимедиа.Викимедиа, предлагающая более 34 миллионов бесплатных мультимедийных материалов, включая видео и звуки, необходима графическим дизайнерам, фотографам и художникам, которые ищут бесплатные высококачественные изображения. Викимедиа также является частью гораздо более крупной организации, занимающейся бесплатными изображениями, образованием и информацией.
Image Credit: Ryan Bruce/BurstГоворят, что-то работает хорошо, когда вы его почти не замечаете, и это именно то, что обеспечивает Burst. В том же духе, что и Unsplash, Burst предлагает не только элегантный интерфейс для изучения, но и очень широкий выбор изображений и категорий на выбор.
Более того, он предоставляет изображения как низкого, так и высокого качества без авторских прав, в зависимости от того, добавляете ли вы изображения на веб-сайт или используете изображения для графического дизайна.
Если вам нужен обширный онлайн-репозиторий бесплатных высококачественных изображений, немедленно добавьте в закладки Burst.
Авторы и права: Каролина Грабовска/KaboomPicsKaboomPics — действительно впечатляющее предприятие. От дизайна пользовательского интерфейса до огромного резервуара или звездных изображений — вы обнаружите, что прочесываете изображения, которые вам даже не нужны.
Если бы речь шла только об изображениях без лицензионных отчислений, выбор KaboomPics уже был бы лучшим в своем классе. Но он также имеет поисковую систему выбора цвета и цветовые палитры для изображений.
Это лишь малая часть того, что может предложить KaboomPics. От фотосессий до информативных записей в блогах — это один из самых впечатляющих сайтов бесплатных стоковых изображений.
Подпись к изображению: Материнская плата на пленке/FlickrЕсли вы ищете инструмент для поиска изображений без лицензионных отчислений и авторских прав, то Openverse — это инструмент для вас. Разработанный и поддерживаемый WordPress, вы можете использовать Openverse для поиска в Интернете изображений, свободных от авторских прав. Более того, вы можете использовать Openverse для поиска с использованием различных лицензий Creative Commons, таких как CC BY (указание создателя изображения) и CC BY-ND (указание создателя, адаптации запрещены).
Следует отметить, что при работе с Openverse необходимо перейти на веб-сайт изображения, чтобы найти точную лицензию для отображения, а не просто использовать URL-адрес Openverse (что не считается!).
Изображение предоставлено: Flower Petal Background/GratisographyВы ищете что-то еще? Вам нужна причудливая бесплатная фотография с высоким разрешением? Тогда Gratisography — это место для вас.
На сайте есть куча изображений, не защищенных авторскими правами, которые являются «Поистине уникальными. Обычно причудливыми 😉 Всегда бесплатно». и позволит вам внести уникальный вклад в ваш следующий проект.
Libreshot — еще один удобный источник немного необычной фотографии без лицензионных отчислений. Каждый кадр на сайте — работа владельца Мартина Вореля.
Ворел загружает свои блестящие фотографии со всего мира в Libreshot, что позволяет вам использовать их бесплатно. Он только просит, чтобы, если вы используете одну из его фотографий, добавить ссылку на сайт.
Изображение предоставлено: Green Fern/Negative SpaceNegative Space предлагает вам тысячи красивых бесплатных изображений, охватывающих широкий спектр категорий. Как и на некоторых других популярных сайтах изображений без авторских прав, вы можете искать Negative Space, используя цвет изображения, которое вы хотите, а не определенный поисковый запрос или категорию.
Постоянно добавляются новые бесплатные изображения, поэтому не забудьте добавить Negative Space в закладки для своего следующего проекта.
Авторы и права: Женщина, делающая селфи/переснимокВаш последний вариант бесплатных стоковых изображений — отличный Reshot. Если вам нужны действительно уникальные стоковые изображения, Reshot — один из лучших вариантов.
Команда разработчиков и креативщиков проверяет каждый загруженный на сайт кадр без авторских прав, гарантируя, что вам доступны только лучшие из лучших. Это означает, что стандарты фотографии, представленные на Reshot, очень высоки, и это отразится и на вашей работе.
Что замечательно в Reshot, так это то, что вы также можете использовать его для поиска уникальных значков и иллюстраций для вашего следующего проекта, а также для поиска изображений с использованием различных ориентаций изображения.
Дополнительные носители, свободные от авторских прав, которые вы можете использовать
С таким количеством сайтов, посвященных бесплатному предоставлению высококачественных стоковых изображений, вы можете почувствовать ошеломление от выбора. Есть даже бесплатные стоковые сайты с иллюстрациями и векторами.
Тем не менее, мы рекомендуем сосредоточиться на наиболее привлекательном сайте и просматривать ряд доступных изображений без авторских прав, пока не найдете то, что вам нравится.
Требования к фотографиям | Документы, удостоверяющие личность
Фотографии для паспортов, удостоверений личности и водительских прав должны соответствовать определенным требованиям. Существуют правила относительно размера, качества, фона, внешности лица, положения, выражения лица, очков, освещения и кадрирования.
Размеры
- Размер фотографии
Размер должен быть 35 мм x 45 мм (ширина x высота).
- Ширина лица
От 16 мм до 20 мм (без ушей).
- Длина лица
11 лет и старше: от 26 мм до 30 мм (от подбородка до макушки).
До 11 лет: от 19 мм до 30 мм (от подбородка до макушки).
Каркас
Голова должна быть оформлена следующим образом:
- Голова показана полностью
- по центру головы.
Качество фото
Количество фотографий:
- быть в цвете
- быть истинным подобием
- быть не старше 6 месяцев на дату подачи заявки
- будет естественным представлением
- быть резким, с достаточным контрастом и детализацией
- быть неповрежденным
- не быть репродукциями (копиями)
- без изменений компьютерным программным обеспечением
- для печати на высококачественной гладкой фотобумаге
- имеют минимальное разрешение 400 dpi.
Освещение
Освещение должно быть следующим:
- даже
- не пере- и не недоэкспонированный
- нет тени на лице или на заднем плане
- без отражения на лице
- отсутствие отражения от аксессуаров.
Положение
Положение должно быть следующим:
- головой вперед
- глаза выровнены по горизонтали
- головка не наклонена
- плечи прямые.
Фон
Фон должен быть следующим:
- светло-серый, светло-голубой или белый
- однотонный
- все одного цвета
- все одного оттенка
- достаточно контрастно с головой.
Очки
К очкам предъявляются следующие требования:
- глаза полностью видны
- очки полностью прозрачные
- отсутствие искажений из-за отражения от очков
- нет тени.
Внешний вид лица
Требования к внешнему виду лица следующие:
- непокрытая голова
- лицо полностью видно
- глаз полностью видны.
Уши не должны быть видны до тех пор, пока отображается вся ширина лица.
Увеличить изображение Слева направо: 1. Глаза видны не полностью. 2. Правильно.Выражение
Требования к выражению следующие:
- нейтральное выражение
- смотрит прямо в камеру
- рот закрыт.
Исключение по религиозным причинам
Если вы носите головной убор с покрытой тканью из-за своей религии или убеждений, вы можете не снимать головной убор во время фотосъемки. Головной убор должен быть однотонным, только одного цвета, а также должен контрастировать с фоном.
Увеличить изображение Слева направо: 1. Лицо видно не полностью. 2. Правильно. Увеличить изображение Слева направо: 1. Лицо видно не полностью. 2. Правильно.Исключение для детей до 6 лет
Дети в возрасте до 6 лет не обязаны соответствовать следующим требованиям:
- Положение: «глаза горизонтально выровнены, «голова не наклонена» и «плечи прямые»
- Выражение: «нейтральное выражение лица», «смотрит прямо в камеру» и «закрывает рот»
- Если ребенку нужна поддержка, это не должно быть видно на фото.
Исключение по физическим или медицинским причинам
Возможно, вы не сможете выполнить все требования по физическим или медицинским причинам. В случае возникновения сомнений организация, выдавшая проездной документ или документ, удостоверяющий личность, вправе запросить у вас в качестве доказательства медицинскую справку.
Что разрешено/запрещено?
Артикул | Это разрешено? |
---|---|
Борода | Да |
Парик | Да |
Другая прическа | Да |
Длинная бахрома | Да, но не слишком долго: глаза и лицо должны быть полностью видны. |
Ребенок с закрытыми глазами | № |
Очки | Да, заявители могут сами решить, носить очки на фотографии или нет. |
Кислород или зонд для питания | Да |
Губная помада или другой макияж | Да |
Губная помада или другой макияж | Да |
Серьги | Да |
Кепка или шляпа | Нет, заявители могут носить головные уборы только по причинам религии или убеждений, или если они перенесли выпадение волос из-за лечения и хотят покрыть голову на фотографии. Такие головные уборы должны быть одного цвета и ровного оттенка. |
То же фото, что и в предыдущем документе | Желательно нет, фото не старше 6 месяцев |
Документы
Руководство по спецификации фотографий 2020 — Критерии принятия фотографий на паспорт в голландских проездных документах
Претенденты на получение проездных документов должны представить цветную фотографию паспорта, которая показывает их истинное сходство.