5 способов получить высококачественные фоновые изображения для вашего сайта WordPress
Анна Гарджиони / WordPress
В прошлом высококачественные изображения снижали скорость загрузки многих веб-сайтов. С появлением более быстрых соединений с высокой пропускной способностью и адаптивных технологий многие из этих изображений возвращаются, не жертвуя эффективностью сайта.
Когда дело доходит до вашего веб-сайта WordPress, добавление удивительного фонового изображения может добавить ему привлекательности. Тем не менее, вы все равно можете отслеживать скорость своего сайта, чтобы убедиться, что вы не снижаете производительность с помощью качественных изображений.
Помните, большинству посетителей нравятся быстрые и простые в использовании сайты. Во многих случаях, вероятно, хорошей идеей будет создание собственных веб-оптимизированных изображений. Таким образом, вы получите именно то, что хотите и в чем нуждаетесь.
Вот пять способов получить высококачественную графику для использования в качестве фоновых изображений WordPress.
В любом случае идеальное изображение может стать дополнительным бонусом для удержания посетителей.
1. Архив общественного достояния
Архив общественного достояния больше не доступен.
2. Photobucket
Когда дело доходит до обширной коллекции бесплатных изображений, Photobucket является одним из самых популярных мест для посещения.
Если вы не планируете использовать изображения в коммерческих целях, например, для печати футболок с изображением, вы можете найти идеальные фоны для улучшения своего сайта.
Photobucket также имеет встроенный базовый редактор, который поможет вам изменить форму изображений в соответствии с вашими потребностями. В качестве дополнительного бонуса вы также можете заказать распечатку этих изображений напрямую у хоста разными способами, например, в виде календарей.
3.
FreeImages.comБлагодаря сотням тысяч изображений на выбор, с помощью FreeImages.com легко найти свой идеальный фон. Текстуры, ландшафты, архитектура и многое другое доступны для использования, не тратя много денег на лицензии на авторские права.
Платформа также включает премиальный раздел для изображений, разработанных более профессионально. Однако в этой области есть ссылки на другие сайты, которые требуют оплаты за использование таких изображений.
4. Pixabay
Pixabay имеет широкий спектр изображений, которые вы можете использовать, разработанные как «творческое достояние». Это означает, что вы можете использовать их практически для любых целей, не беспокоясь о комиссиях или лицензиях.
На этом сайте имеется постоянно растущая база изображений, начиная от конкретных тем и заканчивая превосходными фоновыми изображениями. Сюда входят иллюстрации, векторная графика и даже короткие видеоролики.
5. Создание собственного изображения
Один из лучших способов избежать проблем с авторскими правами или невозможности найти идеальное изображение — создать собственное изображение. В Интернете есть множество бесплатных инструментов, которые помогут вам создать потрясающее фоновое изображение из ваших собственных фотографий.
Например, бесплатный редактор Pixlr напоминает Photoshop с множеством инструментов. Эти приложения могут помочь вам превратить фотографии со смартфона в потрясающие фоновые изображения WordPress.
Добавьте немного бликов на свой сайт
Это лишь несколько методов, которые вы можете использовать для добавления высококачественных фоновых изображений WordPress. Независимо от ниши вашего сайта, может быть легко найти идеальные декорации для ваших страниц.
До тех пор, пока производительность вашего сайта не сильно упадет, нет причин соглашаться на простые цвета фона. Даже что-то такое маленькое, как сцена с природой, может стать дополнительным стимулом для привлечения постоянных посетителей.
Какие фоны вы бы хотели использовать на своем сайте? Считаете ли вы, что личная графика делает ваши страницы более уникальными?
Передовой опыт и бесплатные источники изображений
Первый дизайн для мобильных устройств: как извлечь из этого максимальную пользу
21 января 2019 г.70
23 января г. 2019Красивые фоны — это не просто круто иметь на сайте; Фон веб-сайта — одна из важнейших частей UX-дизайна веб-сайта.
Фоны веб-сайтов могут не только помочь вам создать эмоциональное впечатление на пользователей, но и помочь вам творчески и привлекательно рассказать свою историю. При этом, если вам нужен хороший веб-фон, нужно помнить о нескольких вещах.
Вы можете выбрать фоновые изображения веб-сайта, иллюстрации, сплошной цвет блока или их комбинацию, но выбор правильного фона веб-сайта — это выбор, который нельзя делать легкомысленно.
Имея это в виду, сегодня мы рассмотрим все основные вещи, которые вы должны учитывать при выборе фона веб-страницы.
Передовой опыт
Выберите правильное фоновое изображение для веб-сайта
Для веб-фона следует выбирать только высококачественные изображения (300 dpi). Имейте в виду, что вам нужно произвести сильное первое впечатление, если вы хотите, чтобы пользователи оставались на сайте дольше всего на несколько секунд.
Классные изображения могут привлечь внимание ваших пользователей еще до того, как на странице загрузятся другие элементы пользовательского интерфейса. Поэтому используйте только высококачественные визуальные эффекты при разработке красивых фонов, но будьте осторожны с типом файла, чтобы не замедлять работу вашего веб-сайта. Вам нужно качественное изображение, которое будет отлично смотреться и не будет мешать работе сайта.
Говоря о типах файлов, если вы используете изображения с большим количеством деталей для красочного фона, вам следует использовать JPEG. JPEG сочетает в себе высокое качество с совместимостью на разных платформах и минимально возможным размером файла.
Сжатие
Время загрузки страницы — это то, о чем вы всегда должны помнить. Высококачественные изображения хороши для вашего сайта только в том случае, если вы не жертвуете скоростью сайта ради качества. Вам нужно правильное сочетание отличной производительности и красивого внешнего вида.
К счастью, есть некоторые меры, которые вы можете предпринять, чтобы убедиться, что ваши изображения имеют правильный размер для вашего веб-сайта. Одна из лучших вещей, которую можно здесь сделать, — это сжатие изображений.
Если вы сохраняете изображения для Интернета в Photoshop, вы можете использовать параметр «Сохранить для Интернета», который автоматически сжимает изображение, чтобы оно соответствовало Интернету. Если вы не являетесь пользователем Photoshop, вы можете использовать один из этих бесплатных компрессоров изображений: Compressor.io, Kraken, TinyPNG или любой другой, который вам нравится.
Выберите правильное название для изображений
Когда дело доходит до любого контента, который вы добавляете на свой веб-сайт, вы хотите, чтобы он занимал высокие позиции в поисковых системах. То же самое касается фоновых изображений веб-сайта.
Используйте релевантные ключевые слова и всегда ставьте самое важное ключевое слово первым.
Вместо «img1034. jpg» приведенное выше изображение будет работать намного лучше с таким именем, как «лабрадор-ретривер-диета-упражнение.jpg», где «лабрадор-ретривер» является наиболее важным термином, а «диета» и «упражнения» являются дополнительными дескрипторами.
Если вы выбираете фон для своего интернет-магазина, выберите имя, соответствующее продукту, который вы продаете. Таким образом, когда кто-то ищет продукт, изображения также будут отображаться.
Используйте цвет пользовательского интерфейса с умом
Цвета — мощная и важная деталь любого дизайна, которая может повлиять на то, как пользователи видят ваш сайт и хотят ли они оставаться на нем. Тем не менее, отличный выбор цвета в данном случае — это не только что-то приятное для глаз, но и что-то практичное, что сделает текст читабельным.
Убедитесь, что текст и текстуры фона достаточно контрастны, чтобы текст можно было сканировать и читать. Однако слишком резкий контраст может быть слишком тяжелым для глаз. Постарайтесь выбрать правильный коэффициент контрастности для достижения наилучшего возможного эффекта.
Правильно расположите фоновые изображения веб-сайта
Создание крутых фонов — это не только выбор правильных цветов и изображений, но и их правильное расположение. Например, полноэкранное фоновое изображение иногда может отвлекать внимание от других элементов пользовательского интерфейса на странице.
Все дело в поиске правильного баланса и истории, которую вы хотите рассказать своим изображением. Вообще говоря, мы используем фоновые изображения и главные изображения двумя разными способами. Основные изображения прикрепляются к заголовку веб-сайта и относятся к содержимому, которое находится непосредственно под ним. Они используются, чтобы рассказать определенную историю или передать определенное сообщение.
Фоновые изображения, с другой стороны, видны, когда пользователь прокручивает страницу вниз, а не закрепляется на странице. Они используются для создания общего тона веб-сайта, а не для доставки одного конкретного сообщения.
Фоновые изображения должны быть адаптивными
Адаптивный дизайн имеет важное значение, поскольку сейчас, как никогда ранее, люди предпочитают свои мобильные телефоны и планшеты для работы в Интернете, а не настольные компьютеры.
При выборе фоновых изображений веб-сайта для оформления фона проверьте, как они отображаются на экранах разного размера и разной ширины окна браузера. Имейте в виду, что ожидания пользователей выросли, и они ожидают, что контент будет идеально адаптироваться к их устройствам.
Скачать бесплатные картинки
Давайте взглянем на источники некоторых удивительных бесплатных фонов для рабочего стола всех видов; абстрактные фоны, бесплатные текстуры, классные узоры и другие бесплатные фоновые изображения.
Pixabay
Если вы ищете бесплатные фоны, Pixabay должен быть одним из первых мест, которые вы должны посетить. Вы сможете выбрать из более чем 420 000 красивых изображений, которые идеально адаптируются к вашему фону.
Не беспокойтесь о запутанных лицензиях на изображения. Вы можете использовать любое изображение Pixabay без указания авторства в цифровой и печатной форме как для коммерческого, так и для личного использования.
Unsplash
Unsplash — отличный источник потрясающих фонов и фоновых рисунков. Вы даже можете подписаться на получение 10 новых изображений, доставляемых на ваш почтовый ящик каждые десять дней. Здесь вы можете получить бесплатное фоновое изображение в виде бесплатного png или бесплатного jpg, которое затем вы можете изменять, копировать и распространять любым удобным для вас способом, поскольку изображения Unsplash подпадают под действие лицензии Creative Commons Zero (CC0). Однако, если вы хотите отблагодарить сообщество, вы всегда можете отдать должное там, где это необходимо.
StockSnap
Изображения, текстурированные фоны, тонкие узоры, мозаичные узоры и т. д., найденные на StockSnap, свободны от ограничений авторского права и не требуют указания авторства. Если вы не найдете там то, что вам нужно сегодня, не волнуйтесь — каждую неделю добавляются сотни новых изображений.
Полезной особенностью этого сайта является возможность просмотра популярных фотографий для получения мгновенного доступа к тому, что сейчас популярно. Все изображения StockSnap подпадают под действие лицензии CC0.
Flickr
Flickr существует уже довольно давно и остается отличным источником бесплатных фоновых изображений для веб-сайтов. Однако вы должны быть знакомы с лицензией Creative Commons, прилагаемой к изображениям по вашему выбору. Существует восемь категорий лицензий, и не все изображения на Flicker подпадают под одну и ту же лицензию.
Например, изображения в разделе «Фотографии для бесплатного использования» доступны для всех, и от вас не требуется указывать авторство. Однако не все изображения, найденные на Flick, можно использовать таким образом.
Pexels
Freerangestock
PicJumbo
Заключение
Уникальные фоны — это некоторые из креативных элементов, которые могут выделить ваш сайт и сразу привлечь внимание пользователей. Выше вы можете бесплатно найти список отличных источников фоновых изображений и выбрать лучшие фоновые изображения для веб-сайта, которые будут соответствовать стилю и голосу вашего веб-сайта.