Как изменить фон сайта на картинку, шаблон 1704 — Вопрос от Sad Zvezdohcka
- Вопросы
- Горячие
- Пользователи
- Вход/Регистрация
>
Категории вопросов
Задать вопрос +
Основное
- Вопросы новичков (16393)
- Платные услуги (2102)
- Вопросы по uKit (81)
Контент-модули
- Интернет-магазин (1430)
- Редактор страниц (236)
- Новости сайта (497)
- Каталоги (805)
- Блог (дневник) (111)
- Объявления (294)
- Фотоальбомы (432)
- Видео (255)
- Тесты (60)
- Форум (575)
Продвижение сайта
- Монетизация сайта (219)
- Раскрутка сайта (2447)
Управление сайтом
- Работа с аккаунтом (5296)
- Поиск по сайту (425)
- Меню сайта (1760)
- Дизайн сайта (13454)
- Безопасность сайта (1464)
- Доп.
функции (1304)
функции (1304)Доп. модули
- SEO-модуль (225)
- Опросы (63)
- Гостевая книга (99)
- Пользователи (431)
- Статистика сайта (197)
- Соц. постинг (212)
- Мини-чат (91)
постинг (212)Вебмастеру
- JavaScript и пр. (644)
- PHP и API на uCoz (233)
- SMS сервисы (10)
- Вопросы по Narod.
- Софт для вебмастера (39)
- Вопросы
- Дизайн сайта
- Как изменить фон сайта на…
- фон-сайта
- дизайн
голоса: 0
Перейти в Панель управления — Главная — Дизайн — Управление дизайном(CSS), удалить все содержимое, после вместо удаленного содержимого установить содержимое с файла http://yurgazvezdochka.my1.ru/.s/src/css/1704.css — Сохранить.
После найти строку номер 54:
body.base{background-color:#FAFAFD;border:none}
замените ее на:
body.base{background:#FAFAFD url(http://good-surf.ru/forum/urok/css/fon/images/big.jpg)no-repeat 0%0%/cover fixed;border:none}
вместо ссылки http://good-surf.ru/forum/urok/css/fon/images/big.jpg пропишите ссылку на ваше фото для фона сайта.
…
Красивый фон для сайта на WordPress — привлекаем внимание
Дизайн
08 мая 2019 Анна Рогозянская
При оформлении каждого поста в блоге мы стараемся сделать его не только информативным, но и визуально приятным. Согласитесь, что монолитные блоки текста воспринимались бы намного тяжелее без фоновых изображений, картинок и анимаций. Мало у кого хватит терпения на такое чтение, тем более, если визуальный контент на сайте доносит смысл в разы быстрее и проще.
Каждый у кого есть свой сайт, будь то блогер или предприниматель тоже должны это прекрасно понимать. Поэтому чтобы любой из них не терял время на поиски подходящих бесплатных изображений для оформления фона, мы подготовили подборку стоковых изображений, который помогут вашем контенту стать виральным. Надеемся, что этот пост облегчит жизнь владельцев WordPress тем, ведь чтобы оторваться от конкурентов им понадобится много красивых картинок.
Но давайте вернемся к теме этой статьи и узнаем, что вас ждет. Ниже вы найдете наборы бесплатных фоновых изображений для каждой категории наших тем WordPress.
Надеюсь, эта коллекция поможет вам найти подходящий фон для сайта на WordPress и сэкономит ваши время и деньги.
А если вы ещё не знаете точно, что подойдет именно вашему сайту, советую обратить внимание на наши предыдущие посты, которые помогут вам в этом:
- Выбираем цветовую схему: что важно знать
- Акцент на главном: 200+ бесплатных размытых фонов
- Лучшие цвета для оформления сайта: палитры из кино
- Роль цвета в создании сайтов и конверсионный веб-дизайн
- Как цвета влияют на наше восприятие: примеры из фильмов
Готовы подобрать красивый фон для сайта, который точно понравится вашим посетителям? Тогда просмотрите нашу коллекцию лучших бэкграундов для WordPress тем!
Фон для сайта на WordPress «Искусство»
Смотреть картинки
Фон для сайта на WordPress «Культура»
Смотреть картинки
Фон для сайта на WordPress «Животные»
Смотреть картинки
Фон для сайта на WordPress «Питомцы»
Смотреть картинки
Фон для сайта на WordPress «Дизайн»
Смотреть картинки
Фон для сайта на WordPress «Фотограф»
Смотреть картинки
Фон для сайта на WordPress «Образование»
Смотреть картинки
Фон для сайта на WordPress «Книги»
Смотреть картинки
Фон для сайта на WordPress «Бизнес»
Смотреть картинки
Фон для сайта на WordPress «Услуги»
Смотреть картинки
Фон для сайта на WordPress «Авто»
Смотреть картинки
Фон для сайта на WordPress «Мотоциклы»
Смотреть картинки
Фон для сайта на WordPress «Компьютеры»
Смотреть картинки
Фон для сайта на WordPress «Интернет»
Смотреть картинки
Фон для сайта на WordPress «Электроника»
Смотреть картинки
Фон для сайта на WordPress «Развлечения»
Смотреть картинки
Фон для сайта на WordPress «Игры»
Смотреть картинки
Фон для сайта на WordPress «Ночные клубы»
Смотреть картинки
Фон для сайта на WordPress «Дом»
Смотреть картинки
Фон для сайта на WordPress «Семья»
Смотреть картинки
Фон для сайта на WordPress «Мода»
Смотреть картинки
Фон для сайта на WordPress «Красота»
Смотреть картинки
Фон для сайта на WordPress «Еда»
Смотреть картинки
Фон для сайта на WordPress «Ресторан»
Смотреть картинки
Фон для сайта на WordPress «Праздники»
Смотреть картинки
Фон для сайта на WordPress «Подарки»
Смотреть картинки
Фон для сайта на WordPress «Цветы»
Смотреть картинки
Фон для сайта на WordPress «Медицина»
Смотреть картинки
Фон для сайта на WordPress «Недвижимость»
Смотреть картинки
Фон для сайта на WordPress «Общество»
Смотреть картинки
Фон для сайта на WordPress «Люди»
Смотреть картинки
Фон для сайта на WordPress «Спорт»
Смотреть картинки
Фон для сайта на WordPress «Отдых»
Смотреть картинки
Фон для сайта на WordPress «Путешествия»
Смотреть картинки
По обычаю, ждем вашим впечатлений и комментариев.
Напишите понравилась ли вам наша подборка, или возможно вам есть чем её дополнить? Поделитесь своими ресурсами красивых картинок. Будем рады получить ваш отзыв 🙂
Фоновые изображения веб-сайта: веб-сайты с большими фоновыми фотографиями
Vandelay Design может получать компенсацию от компаний, продуктов и услуг, представленных на нашем сайте. Для получения более подробной информации, пожалуйста, обратитесь к нашей странице раскрытия информации.
При разработке фоновых изображений веб-сайта необходимо учитывать множество факторов. Например, стоит ли использовать стоковые изображения, статические изображения или тонкие узоры? Как ваши изображения подчеркивают ваш веб-сайт? И могут ли такие вещи, как полупрозрачные наложения, в конечном итоге отвлечь внимание от того, чего вы пытаетесь достичь?
Фон контента может иметь большое значение для придания веб-сайту особого вида. Преднамеренный выбор цвета фона может иметь большое значение для создания впечатления от веб-сайта, что вдвойне важно для веб-сайтов, использующих фоновые изображения, которые часто более сложны по цвету и композиции.
Когда придет время выбрать сплошной фон для дизайна вашего веб-сайта, вы должны искать вдохновение.
Демонстрация фоновых изображений веб-сайтов
Когда дело доходит до того, как фоновые изображения работают в различных концепциях веб-сайтов, этот список содержит множество идей для вдохновения. Есть примеры невероятных фоновых изображений и привлекающих внимание элементов, таких как движущиеся объекты. Есть также примеры красочных фоновых изображений и тонких, высококонтрастных фотоизображений.
Независимо от того, является ли ваш веб-сайт коробочным или полноразмерным макетом или соответствует общему соотношению, существует множество примеров изображений, интегрированных в дизайн веб-сайта. Многие из них также отлично подходят для сайтов-портфолио.
Дуб Парагон
Дуб Парагон имеет чудесную деревенскую атмосферу благодаря выбору полноэкранного фонового изображения. Приятное сочетание вечернего света с прожекторами, отбрасывающими тени на каркас здания, способствует ощущению уюта.
Сайт очень сильно фокусирует внимание на продукте благодаря фоновому изображению.
Nobull
Nobull предлагает отсутствие быка с прямой апелляцией к стремлению к силе и мотивации в выборе образа лидера. Изображение, на котором изображен человек, готовящийся к поднятию тяжестей, демонстрирует серьезное отношение к бренду. Отсутствие ярко выраженных гендерных признаков на фотографии также способствует универсальности бренда. Фитнес, как видно здесь, для всех.
Травамигос
Красивый вид на пляж восхищает посетителей Травамигоса и вызывает вопрос: «Почему это не можете быть вы?» Изображение превосходное, на нем изображен красивый пляж с чистой водой, потрясающие скальные образования и возбужденные и активные отдыхающие, чтобы все это увидеть. Картина пробуждает желание путешествовать у любого, кто ее посещает. (См. нашу витрину туристических веб-сайтов для получения дополнительных идей.)
Solid Giant
Веб-сайт Solid Giant представляет услугу, предоставляя фотографию Джоша Старра, владельца, как только вы открываете сайт.
Такая стратегия имеет большое значение для установления доверительных отношений с бизнесом. Знание того, кто является владельцем, и знакомство с главой организации имеет большое значение.
Salt Surf
Полноэкранная карусель фоновых изображений Salt Surf изображает молодых людей, представляющих бренд одежды. Изображения угрюмые и непринужденные, отражающие тип покупателя, которого бренд стремится заманить. Галерея источает прохладу, когда она переключается между четырьмя избранными продуктами.
Юридическая практика
Юридическая практика представляет трех дружелюбных профессиональных женщин, усердно работающих. Это отличный способ задать тон веб-сайта, слоган которого гласит: «Мы говорим на языке, который вы понимаете». Изображение кажется привлекательным, но оно также отражает характер самой работы. Для юридической практики изображение изображает что-то столь же профессиональное и дружелюбное.
Diehl Group Architects
Diehl Group Architects использует карусельную систему для создания высококонтрастных черно-белых изображений, отражающих различные аспекты бизнеса.
Эта подборка полноэкранных фоновых изображений представляет различные виды работ, выполняемых Diehl Group, например роли старых чертежей в стеке для службы криминалистической архитектуры.
E2 Homes
E2 Homes освещает портфолио своих архитектурных реконструкций, чтобы подчеркнуть качество своей работы. Когда вы прокручиваете страницу вниз, каждый дом заполняет экран, отображая дизайн и эстетику компании. Каждая фотография ярко освещена и демонстрирует разнообразие материалов и текстур, что вызывает большой визуальный интерес.
Курорт Heartwood
Курорт Heartwood приглашает зрителей взглянуть на частные акры, которые они предлагают. На первом изображено мирное озеро и пристань для лодочных экскурсий, а затем, когда вы прокручиваете, вы видите возбужденных лодочников на более позднем фоновом изображении. Рассказ здесь, чтобы проиллюстрировать веселье, является приятным штрихом.
Bensen
Внимание Bensen к дизайну мебели становится очевидным, как только вы заходите на веб-сайт и встречаете его в центре внимания.
Начиная от стульев и столов и заканчивая кроватями и шкафами, каждое посещение представляет собой хорошо освещенную фотографию рассматриваемого продукта, установленную среди дополнительного декора. Чувство дизайна здесь сильное и делает привлекательным отображение продуктов с помощью фоновых фотографий.
Elemotion Foundation
Галерея изображений слонов Elemotion имеет большое значение для приглашения зрителей поддержать дело защиты животных. Фоны веб-сайта в полный рост, изображающие азиатских слонов в дикой природе, помогают установить эмоциональную связь. Это сильное вступительное заявление, которому помогают изменения размера фонового изображения.
Exo Ape
Фоновые изображения Exo Ape, отражающие эстетику дизайна бренда, несомненно, привлекают внимание. Первое изображение представлено и привязано к фону, оставаясь на месте при прокрутке. Другие изображения взрываются примерами тотального, привлекающего внимание видеофона, изображающего различные дизайнерские проекты.
Utah.gov
Веб-сайт правительства штата Юта предоставляет посетителям впечатляющий обзор. Природная красота и масштабы штата показаны на вращающейся галерее изображений, обрамленных неправильной горной формой внизу, отражающей некоторые из тех же видов, что и на заднем плане. Размеры фонового изображения подчеркивают широко открытые пространства, которые представляет Юта.
Черт, да!
Черт Да! предлагает большой фон, изображающий различных выступающих, связанных с организацией, на большом центральном фоновом изображении. Тем не менее, каждое легкое движение мыши приводит к тому, что новый динамик заполняет пространство, создавая хаотичное, но эффективное выявление количества потенциальных динамиков на сайте.
Vermeulen
Как и другие веб-сайты в этом списке, веб-сайт Vermeulen использует чередующиеся серии изображений, заполняющих страницу. Это довольно убедительно, поэтому его можно увидеть так часто, поскольку каждое большое изображение изображает потрясающую дизайнерскую работу.
Такие подробные фотографии также можно найти, когда вы прокручиваете страницу вниз, подчеркивая различные элементы того, что делает Vermeulen. Позиции фонового изображения помогают вести взгляд через их историю.
Maxxim Vacations
Maxxim Vacations приветствует посетителей простым изображением домов среди холмов в районе залива, на которых изображен прекрасный атлантический регион Канады. Такое спокойное и расслабляющее изображение, показывающее пейзаж на рассвете, имеет красивую игру света и областей визуального интереса. Вы не можете не быть очарованы.
Buffalo
Этот бренд одежды использует высококонтрастные изображения суровых туристов и живописных природных пейзажей, чтобы подчеркнуть долговечность своей одежды для активного отдыха. Полноэкранные изображения чередуются в разумном темпе и подчеркивают одежду. Изображения варьируются от постановочных фотографий, изображающих пейзажи, до снимков моделей в движении в середине движения, что создает ощущение динамизма.
Domaine Du Gouverneur
Этот веб-сайт начинается с большого изображения окружающей среды замка, которая сочетает в себе французскую архитектуру и зелень в уютном пространстве. По мере прокрутки пользователи узнают больше о клубе, мероприятиях и еде. Карусель изображений, изображающих действия и связанное с ними время, показывает целый день, который каждый может провести в этом гольф-клубе.
Ports V
Ports V выделяет одежду с помощью полноэкранных изображений, изображающих моделей в одежде бренда. Все это довольно практично и подчеркивает захватывающий дизайн одежды в постановочных позах. На сайте используется довольно стандартная форма полноэкранного отображения изображений, как и на других сайтах в списке. Однако здесь важно то, что это работает.
Loftgarten
Веб-сайт Loftgarden представляет зрителям 3D-рендеринг архитектурной и дизайнерской концепции, которая сначала кажется реальной, но на самом деле является визуализацией. Сайт дает понять это.
Использование веб-сайтом одного большого изображения убедительно и хорошо выглядит в мобильных браузерах.
Нью-Йоркское историческое общество
Нью-Йоркское историческое общество представляет сборник рассказов и очерков о музее и библиотеке. Он фокусируется на ключевых темах за счет использования больших фоновых изображений. Изображения изображают различные проблемы и время от времени меняются, но они отлично привлекают внимание. (Посмотрите нашу витрину некоммерческих веб-сайтов, чтобы получить больше вдохновения.)
Idyl
Idyl использует свой фон контента для продвижения своих дизайнерских украшений из экологически чистых бриллиантов. Зрители впервые видят современную женщину с ожерельем и серьгой в фокусе, изображая лишь часть декора тела, доступного в Idyl. Гламурный снимок выглядит так, будто его можно было бы использовать для рекламы любого количества продуктов, если бы не яркие бриллианты на шее и ухе модели.
F Modern
F Modern представляет серию фотографий дизайна интерьера, изображающих ультрасовременный дизайн мебели бренда.
Статические изображения увеличиваются и панорамируются, чтобы придать каждому снимку домашнего пространства ощущение движения. Цвета, выбранные в окружающей среде, также помогают мебели выделяться. Вам не составит труда определить, какая мебель находится в центре внимания.
MT Food Group
MT Food Group заставляет посетителей голодать, заполняя весь экран великолепными фотографиями вкусных блюд. Галерея-карусель освещает около пяти из шести вкусных блюд и дополняется жирным текстом «Еда — это наша философия». Не смотрите на этот графический фон натощак.
Go Instore
Go Instore представляет новую технологию Live Video Shopping, иллюстрируя, что это такое, на фоновом изображении веб-сайта. На изображении женщины, делающей покупки, не выходя из дома, главный образ справа показывает живого покупателя, с которым она работает. Эта динамика, достигаемая за счет фоновых изображений заголовка, является эффективным способом сделать сервис более понятным для посетителей.
Заключительные мысли о фоновых изображениях веб-сайтов
Поиск подходящих фоновых изображений веб-сайтов может действительно повысить удобство просмотра веб-сайтов для посетителей. Использование таких элементов, как негативное пространство в сочетании с удобным для мобильных устройств соотношением сторон, позволяет фоновому изображению вашего веб-сайта выглядеть блестяще независимо от контекста, в котором оно просматривается. Окно браузера может быть сложно заполнить, поэтому подумайте, как эти веб-сайты используют размер фонового изображения, пустое пространство и многое другое, чтобы убедиться, что вы должным образом вдохновлены.
Полное руководство по поиску идеального фонового изображения для вашей целевой страницы
Вы решили, что потрясающее фоновое изображение для вашей целевой веб-страницы — это правильная идея. Большой! Но как и где найти то, что подходит для вашего бизнеса?
При выборе правильного фонового изображения необходимо учитывать несколько факторов.
В этой статье вы узнаете, что искать, где искать и как оптимизировать фоновые изображения.
Следите за каждым шагом, а также давайте отличные советы, которые вы не захотите игнорировать.
Отличное фоновое изображение — это мощный способ повысить ценность любого предложения.Что искать в фоновом изображении
Выбор идеального фонового изображения начинается с понимания того, что искать в отличном фоновом изображении. Конечно, вы можете выбрать любое старое изображение для своей целевой страницы, но доказано, что тщательно подобранное изображение дает гораздо лучшие результаты.
Прежде чем вы приступите к поиску идеального изображения, вам необходимо принять во внимание несколько соображений, чтобы убедиться, что вы выбрали наилучшее изображение. Вот некоторые из лучших практик по выбору идеального фонового изображения.
Убедитесь, что ваше изображение:Привлекает внимание
У вас есть всего несколько секунд , чтобы по-настоящему привлечь внимание ваших посетителей.
Ваши фотографии нужны для того, чтобы вызвать первоначальный интерес и заставить зрителя прочитать вашу рекламную копию.
Привлекательное изображение заставит людей оставаться на странице и может быть использовано для побуждения их к желаемому действию.
Ням! Это выглядит вкусно! Используйте изображения, перед которыми не может устоять ваша целевая аудитория.Только не делайте это слишком отвлекающим …
Вам нужно найти идеальный баланс между красивым и отвлекающим. Если изображение слишком смелое, оно может отвлечь внимание от вашего основного призыва к действию, что негативно скажется на коэффициенте конверсии.
Соответствует вашей личности
Рассмотрите цветовую схему, которую вы выбрали для своей целевой страницы. Образ будет конфликтовать? Или он будет дополнять общий дизайн?
Обратите внимание, что KISSmetrics использует общую синюю цветовую схему для своей целевой страницы. Лучше, чтобы фоновое изображение соответствовало вашей целевой странице и цветовой гамме бренда.
Таким образом, вы привлечете внимание к CTA и , чтобы повысить узнаваемость бренда 🙂
Контрасты с вашим текстом
Иногда фон изображения может конфликтовать с цветами шрифта и затруднять чтение того, что на странице. Ваш текст должен легко читаться на фоне фонового изображения.
Это фоновое изображение может отлично работать, если оно имеет затененную рамку вокруг текста или затемняет/размывает фоновое изображение для повышения читабельности копии.Дополняет ваш макет
Макет невероятно важен для повышения коэффициента конверсии. При правильном размещении ваше изображение привлечет внимание к определенным аспектам вашего текста.
Используйте фоновое изображение, которое дополняет макет и подчеркивает CTA. Не центрируйте форму в фокусе изображения. Чего вы хотите избежать, так это того, чтобы ваше изображение отвлекало внимание от вашего основного призыва к действию или формы регистрации.
Передает сообщение
Не выбирайте изображение, которое привлекает больше внимания, чем основная цель страницы.
Вместо этого выберите фоновое изображение, которое дополнит или даже поможет объяснить ваш бизнес, не отвлекая от основного призыва к действию. Используйте свое фоновое изображение, чтобы усилить общее сообщение, а не как попытку сообщить все сразу!
Эта страница отлично показывает посетителям, о чем продукт, не отвлекая при этом внимание.Использует реальных людей
В зависимости от характера вашего продукта или бизнеса, включение людей (или практически всего, у кого есть лицо) на ваших изображениях может оказать сильное влияние.
Существует несколько отчетов и тестов, которые могут подтвердить, что фотографии людей положительно влияют на первое впечатление о достоверности посетителей.
Новое исследование утверждает, что лица не всегда привлекают столько внимания, как мы думаем…
Пример: веб-сайт поиска отелей, на котором изображена невероятно счастливая пара с четко видимыми лицами.
Тем не менее, пользователей, похоже, волнует только окно поиска и призыв к действию в центре. Хотя это отличное исследование, я случайно заметил одну ключевую черту на большинстве изображений: лица смотрят на что-то!
Как люди, мы склонны смотреть на лица (они могут быть очень сильными и убедительными), но большее влияние на нас оказывает направление, в котором смотрят люди.
Думайте об этом как о форме социального доказательства: человек на изображении говорит глазами: «Эй! этот продукт великолепен!»
Используйте этот тип подсказки направления в своих интересах при выборе фонового изображения и направьте внимание посетителей на вашу основную цель.
Обратите внимание, в каком направлении смотрят ребята? БУМ! Введите ваш адрес электронной почты. Тщательно отобранные изображения реальных человек добавляют на страницу человеческий элемент и могут помочь повысить уровень доверия посетителей.
Один совет при использовании изображений людей; избегайте использования стоковых изображений и отдавайте предпочтение неоплачиваемым изображениям или изображениям, сделанным самостоятельно, это выглядит более подлинным.
Нет изображения? Без проблем.
Возможно, он вам не нужен. Используйте силу убедительного текста, чтобы донести свое сообщение.
Вы можете создать поразительные эффекты, используя простую типографику с успокаивающим однотонным фоном.На самом деле мне нравится этот маршрут, потому что он заставляет вас прилагать дополнительные усилия для написания вашего текста.
Где найти изображения
В Интернете есть несколько мест, где вы можете найти потенциальные изображения для вашей целевой страницы. Как и в случае с большинством веб-сайтов или бизнес-вариантов, существуют платные и бесплатные версии.
У каждого есть свои плюсы и минусы, но, в конечном счете, преимущества платных изображений (по крайней мере, с точки зрения бизнеса) намного перевешивают недостатки.
Стоит… Платить?!
Давайте посмотрим на доступные платные варианты, а именно потому, что наши клиенты добились большого успеха со следующими услугами. Платный вариант имеет явное преимущество в скорости и простоте:
PROS
- Экономьте время . Изображения из многих платных сервисов часто делятся на категории и теги, что позволяет очень быстро фильтровать выбранную область.
- Правильный размер . Большинство платных опций предлагают изображения различных размеров. В большинстве случаев вам действительно нужна только версия среднего размера размером примерно 1600 × 1200 пикселей. Не нужно пытаться оптимизировать, обрезать или изменять размер изображения самостоятельно.
- Качество и разрешение — Вообще говоря, платные сервисы будут иметь большее количество изображений более высокого качества в разных размерах, что значительно упростит дизайн. Разрешение будет очень высоким, поэтому вам не нужно беспокоиться о размытых, пиксельных изображениях.
- Тестовые изображения . Большинство этих сервисов позволяют загрузить уменьшенную фирменную версию изображения… чтобы проверить, будет ли хорошо выглядеть полноразмерное изображение.
- Права на использование . Что делать, если вы случайно неправильно прочитали правила использования или если однажды вас неожиданно оштрафуют? Неа. Вы заплатили за это… без суеты, без суеты.
- Умный поиск и просмотр . Излишне говорить, что поставщики платных изображений стремятся предложить лучший сервис, чем их бесплатные аналоги. Большинство из этих торговых площадок предлагают возможность поиска похожих снимков, как только вы найдете те, которые вам нравятся. Если вы цените свое время, вы оцените это по сравнению с бесплатным подходом.
МИНУСЫ
- Не эксклюзив — Многие стоковые изображения уже были замечены в Интернете и разыграны. Люди могут сказать , если вы используете старые стоковые изображения.
- Предсказуемость . Иногда стоковые фотографии выглядят так же, как стоковые.
- Это стоит денег — За это нужно платить :), но если вы действительно занимаетесь бизнесом, это не должно быть проблемой.
_Who хорошее стоковое фото?
_
Shutterstock
Библиотека Shutterstock, содержащая более 35 миллионов изображений, векторов и видеороликов, является популярным вариантом. Для изображений по требованию ($19за одного, 49 долларов за пять — или подписка за 249 долларов в месяц) Shutterstock предлагает разумные цены и достаточную гибкость для более крупных операций.
Большое стоковое фото
По цене $12,99 за xl/векторные изображения Bigstock предлагает еще один выбор изображений для целевых страниц. Приятной особенностью этого являются дополнительные категории, такие как типографика.
iStockphoto
Еще один сайт с миллионами изображений. Оплата варьируется в зависимости от того, платите ли вы по мере использования или используете экономичные подписки (как и на многих других сайтах).
У этого сайта сильное сообщество, так как для фотографий присутствует множество оценок и отзывов.
Fotolia
На нашем последнем сайте Fotolia.com доступно чуть более 16 миллионов фотографий. Сравните низкие цены вместе с тегами, категориями и другими преимуществами, чтобы сделать это еще одной достойной остановкой при поиске бесплатных стоковых фотографий.
Getty Images
Библиотека Getty содержит миллионы стоковых изображений и иллюстраций, а также тысячи часов видео. Недешевый вариант, так как цена может зависеть от ряда переменных, таких как время, в течение которого вы собираетесь использовать изображение, однако выбор велик, а пользовательский интерфейс очень прост в навигации.
Свобода от комиссий
Не так уж без ума от траты денег на потрясающее фоновое изображение? Я не виню вас, мы знаем, каково это — держать его в тонусе.
Бесплатное получение фона вашей целевой страницы не означает, что вы дешевы — вы просто человек, который делает все сам.
Ну, по крайней мере, вы сами находите изображения:
PROS
- Бесплатно — Все изображения бесплатны и, как правило, остаются такими, если вы их правильно выбрали.
- Расширение выбора — Выбор бесплатных изображений по-прежнему не так велик, как его платный аналог, однако становится все больше сайтов, предлагающих бесплатные изображения, что значительно увеличивает ваш выбор.
ПРОТИВ
- Требует времени – Нет возможности сортировать изображения. Приготовьтесь потратить массу времени на сортировку изображений, которые не так важны для вашего видения, как вам хотелось бы.
- Внесение корректировок — Для того, чтобы фоновое изображение было «идеальным по пикселям», вам, возможно, придется выполнить дополнительную обрезку или масштабирование изображения.
- Сложное лицензирование — Приходится иметь дело с различными типами лицензирования и атрибуции. Бесплатно не бывает без затрат. Взгляните на сложные лицензии Creative Commons.
Бесплатно не бывает без затрат. Взгляните на сложные лицензии Creative Commons.Bing и Google Image Search
Как вы понимаете, этот вариант требует гораздо больше работы. Это, безусловно, потребует больше времени и охоты за идеальной картинкой.
Для начала попробуйте поискать в Bing или Google Images изображения «<Ваша тема/ТЕМА> обои».
Обе поисковые системы имеют опции для фильтрации по размеру (Вы хотите X-Large), цвету (в соответствии с вашей схемой) и типу изображения.
Creative Commons Search
Хотя он немного менее интуитивно понятен, чем Bing или Google Image Search, он по-прежнему является золотой жилой библиотеки. Этот сайт позволит вам отфильтровать результаты поиска, чтобы включить только результаты с определенных сайтов. Если вам не нравится пользовательский интерфейс на этом сайте, вы всегда можете просто перейти на исходный сайт, указанный на их главной странице.
Flickr
Я заметил сильную тенденцию многих компаний искать изображения на Flickr.
Это (по моему скромному мнению), возможно, один из лучших вариантов для поиска изображений бесплатного качества. Большая часть контента — это фотографии, сделанные реальными людьми — здесь нет стоковых фотографий.
Хорошие места для начала здесь и здесь.
Еще крутые бесплатные варианты
Есть также несколько действительно хороших предложений от пары пользователей на Quora (где вы можете найти меня, отвечая на интересные вопросы):
- Pexels
- Маленькие визуалы
- Убрать брызги
- Смерть для Стоковое фото
- Новый старый запас
- Суперизвестный
- Пикжумбо
- Библиотека шаблонов
- Гратисография
- Гетрефе
- IMCreator
Возьмите сами
Я уверен, что некоторые из вас являются начинающими фотографами. Возможно, в вашей библиотеке уже есть идеальное изображение. Возможно, стоит заглянуть, и преимущество в том, что это будет более личным для вас.
С бесплатными изображениями вы получаете то, за что платите. Можно найти странный драгоценный камень, но, вероятно, вы будете искать некоторое время. При использовании изображений из бесплатных источников убедитесь, что у вас есть надлежащая аккредитация, чтобы предотвратить негативную реакцию в будущем.
Эксклюзив для клиентов KickoffLabs
Если вы еще не нашли подходящее фоновое изображение для своей кампании. Не беспокойтесь, мы обеспечим вас…
Недавно мы добавили более 150 БЕСПЛАТНЫХ фоновых изображений, которые вы можете использовать на ЛЮБОЙ целевой странице. Есть большой выбор людей, мест, размытых изображений и удивительных текстур дерева на выбор. Не возитесь с платными или нужны бесплатные параметры поиска!
Войдите сейчас, чтобы начать использовать бонусные изображения или загрузите свои собственные.
Как оптимизировать изображения
Вы выполнили описанные выше действия и выбрали идеальное фоновое изображение для своего веб-сайта.
Оптимизация ваших изображений для максимального коэффициента конверсии на этом не заканчивается. Вот что нужно сделать после того, как у вас будет готово идеальное изображение:
Уменьшить размер изображения
Знаете ли вы, что 47% потребителей ожидают, что веб-страница загрузится за 2 секунды или меньше? Очевидно, что время загрузки страницы оказывает огромное влияние на коэффициент конверсии вашей страницы.
Тем более, что фоновые изображения, как правило, намного больше по размеру файла, это может значительно увеличить время, необходимое для загрузки вашей страницы.
Используйте инструмент оптимизации изображений, такой как Kraken.io или Yahoo! Smushit, чтобы уменьшить размер файла.
Во многих случаях мне удавалось легко уменьшить размер файлов более чем на 75%. Сделайте своим посетителям одолжение и уменьшите изображения, прежде чем загружать их на свою страницу.
Кстати, вы всегда должны оптимизировать изображения для небольшого размера файла, независимо от того, для фонового изображения это или нет.
Назовите и пометьте свое изображение
Ваше текущее изображение, вероятно, имеет общее имя, например «person_standing_facing_front_1600x120.jpg» или что-то в этом роде. Если вы хотите получить какие-либо SEO-сопровождения из недавно выбранного фонового изображения, вам нужно изменить название изображения и теги alt в коде.
Добавьте описательный заголовок с ключевыми словами, чтобы поисковые системы могли сканировать ваше имя файла изображения.A/B тестирование
Если быть до конца честными, существует ряд различных вариантов и соображений, которые необходимо учитывать для обеспечения успеха ваших целевых страниц. Потребуется некоторое время и немного проб и ошибок, чтобы выяснить, какая комбинация лучше всего резонирует с вашей аудиторией.
Лучший способ измерить и улучшить коэффициент конверсии — провести A/B-тестирование. Создайте несколько разных страниц и посмотрите, какая из них дает наилучшие результаты, настройте менее успешные страницы, чтобы получить наилучший общий результат.
Что нужно проверить?
Вот несколько советов для начала:
A/B-тест #1
Если вы хотите повысить доверие к странице, попробуйте поэкспериментировать с человеческими лицами на фоновых изображениях.
Посмотрите, как ребята из Basecamp (ранее 37Signals) увеличили количество регистраций на 102,5%, используя большое фоновое изображение человека.
A/B-тест #2
Если цель страницы — привлечь внимание людей к основному призыву к действию, я бы поэкспериментировал с различными фоновыми изображениями, используя подсказки направления, чтобы сосредоточить внимание на основной цели страницы. Будь то заголовок, призыв к действию или форма регистрации.
Как вы можете получить больше информации о том, как ваши изображения могут влиять на взаимодействие с пользователем?
Использование тепловых карт и пользовательских записей в качестве дополнительных данных для A/B-тестирования:
- Inspectlet
- Ококвант
- ClickTale
- Сумасшедшее Яйцо
В заключение
Вы уже на пути к блаженству оптимизации коэффициента конверсии! Но если ваш текст, CTA, форма или макет страницы отсутствуют, отличное фоновое изображение НЕ спасет вас от провала CRO.