три способа работы с изображениями в Нубексе
В «Нубексе» существует три основных способа добавить изображения на сайт:
- создать отдельную страницу с фотогалереей, на которой будут представлены только фото;
- вставить на страницу несколько изображений в виде отдельного блока;
- разместить картинку в тексте страницы — так же, как вы делаете, например, при оформлении вордовских документов.
Способ 1. Добавить изображения в фотогалерею
Фотогалерея — это специальный раздел на сайте, предназначенный исключительно для публикации изображений. Это значит, что в нем нельзя разместить, например, интерактивную карту или видеоролик: только фото, максимум — с подписями и вводным текстом в начале страницы.
На сайте страница с фотогалереей выглядит так, как показано на скриншоте ниже: заголовок, вступительный текст и миниатюры альбомов с названиями и описаниями.
Кликнув по миниатюре, вы перейдете к содержанию альбома — галерее фотографий.
Как видите, лучше всего пользоваться галереей в том случае, если у вас действительного много фотографий. Так вы сможете их упорядочить, разложить по альбомам, добавить краткие пояснения: в результате материалы будут представлены аккуратно и структурированно.
Подробные инструкции по использованию фотогалереи у нас собраны в отдельный блок статей.
Способ 2. Разместить изображения в виде блока на странице
Если вы хотите расположить на странице не только картинки, но и другую информацию (видеоролики, текст, формы обратной связи и т.д.), для вставки изображений рекомендуем использовать тематические блоки страницы. Блоки — это своего рода «строительные кирпичики», из которых можно составить структуру раздела, совмещая элементы различных типов (например, текст, фото, видео, новостные вставки).
Для вставки изображений подходят два вида блоков: «Фотографии» и «Слайд-шоу».
Публикация изображений с помощью блока «Фотографии»
Изображения, добавленные с помощью блока «Фотографии», на странице сайта будет выглядеть так, как показано на скриншоте ниже: в виде уменьшенных копий. Каждую картинку можно посмотреть в полном размере, нажав на иконку с плюсиком в ее правой нижней части.
Если вам подходит этот способ, рекомендуем ознакомиться с инструкцией по добавлению блоков с фотографиями на страницы сайта.
Публикация изображений с помощью блока «Слайд-шоу»
Если создать слайд-шоу на странице и выбрать тип отображения «Галерея», то изображения при публикации на сайте будут выглядеть так, как показано на скриншоте ниже.
К фотографиям, загруженным с помощью блока «Слайд-шоу», можно добавить подпись, краткое описание и ссылку, по которой перейдет пользователь, кликнув на картинку в галерее. Также можно изменять дизайн слайдов, применяя различные шаблоны оформления. Однако изображения, опубликованные в виде галереи слайдов, нельзя увеличить: они доступны только в миниатюре.
Способ 3. Вставить картинку в текст страницы
И, наконец, последний способ разместить картинку на странице сайта — просто вставить ее в текст документа. Это удобно в тех случаях, когда изображений совсем немного, и создавать для них отдельный блок или фотогалерею нет смысла: гораздо проще распределить их по тексту страницы.
Чтобы добавить изображение в текст, необходимо использовать библиотеку ресурсов — виртуальное хранилище данных. Т.е. если при работе с фотогалереей и блоками вы загружаете картинки непосредственно с компьютера, тут нужно будет сначала «залить» их в библиотеку, а потом уже вставлять в текст.
Инструкции по загрузке изображений в библиотеку ресурсов и вставке картинок в текст у нас тоже есть.
Картинки для сайта — где найти и как выбрать нужное изображение?
- Где найти картинки для сайта?
- Как подбирать размер и вес изображения?
- Как выбрать картинки для сайта и создать свой стиль: советы
Где найти картинки для сайта?
Изображения для свободного использования в коммерческих и некоммерческих целях можно получить бесплатно и за деньги.
Бесплатные стоки
Бесплатные фотостоки работают по лицензии CCO. Сейчас их очень много, вот некоторые из них:
- Freerange Stock
- Pixabay
- Free Stock Images
- Designers Pics
- Плюсы: можно найти картинки для сайта бесплатно по темам и категорям, при этом авторство указывать обязательно. Использовать можно по своему усмотрению, в том числе изменять.
- Минусы: искать подходящую иллюстрацию можно очень долго (и не найти).
Платные фотобанки
Платформы с платными картинками работают в двух форматах: подписка или «розничная» продажа отдельных картинок. Изображения продаются по стандартной лицензии, которая дает право использования в коммерческих целях, в том числе для оформления веб-ресурсов.
Примеры фотобанков:
- Photogenica
- 123RF
- CanStockPhoto
- DepositPhotos
- Плюсы: найти нужные изображения для сайта можно гораздо быстрее — выбор там гораздо больше, чем на бесплатных площадках.
Некоторые сервисы присылают подборки фотографий для свободного использования на e-mail.
- Минусы: придется заплатить.
Напрямую у фотографов и графических дизайнеров
Можно купить права на использование уже готовых снимков из портфолио фотографов, а можно заказать у них фотосъемку и письменно договориться о том, что снимки принадлежат только вам и никем больше публиковаться не могут. Графические дизайнеры тоже под заказ создают изображения.
- Плюсы: уникальный иллюстративный материал, созданный по вашим требованиям и параметрам.
- Минусы: заплатить придется больше, чем за фотобанк. Кроме того, в условиях нехватки времени работа с фрилансерами может стать трудоемкой — нужно быть на связи, отвечать на вопросы, исправлять макеты, утверждать финальный вариант. Если же время у вас есть, то этот минус выпадает из списка.
Создавать самому
Если вы умеете работать в известных графических редакторах (например, суперизвестный Photoshop), можно самому создавать нужные изображения. Если умеете фотографировать и у вас есть хорошее оборудование для этого, можно делать снимки и ретушировать их.
Также можно пользоваться простыми онлайн-редакторами, которые помогают создавать иллюстрации разных форматов для разных целей:
- Canva
- Infogram
- Crello
- BeFunky
- Плюсы: можно не платить (у онлайн-редакторов есть и бесплатные тарифные планы), не нужно кому-то объяснять, что должно получиться, — все можно сделать самостоятельно.
- Минусы: чаще всего это требует усилий и времени, особенно если это побочная деятельность: например, если вы копирайтер и основное ваше дело — писать тексты, то на самообучение может понадобиться в том числе нерабочее время.
Как выбрать размер изображения?
Картинки на веб-странице должно быть видно целиком — без прокручивания ползунков в какую бы то ни было сторону. Особенно это важно в эпоху mobile first, когда все больше людей посещают сайты с мобильных устройств.
Чтобы пользователь открыл страницу и сразу увидел изображение целиком, нужно заранее задать ей адекватные параметры и оптимизировать вес (а еще желательно внедрить адаптивный дизайн, который любят все — и поисковики, и пользователи).
Размер изображения
Идеальные размеры картинок для сайта у всех свои. Но относительно универсальным можно считать разрешение от 900х700 пикселей и меньше. Этого будет достаточно, чтобы пользователь видел изображение без дополнительных манипуляций, при этом оно не будет закрывать весь экран или, наоборот, теряться из виду.
Если нужно выбрать картинку под заданное место на сайте, можно пользоваться специальными расширениями для браузеров: например, линейка Page Ruler рассчитывает размер элементов в пикселях.
Наводите курсор на нужный объект, и сервис посчитает его размер
Вес фотогафий и иллюстраций
Чем тяжелее иллюстрации на сайте, тем медленнее он будет загружаться. Если веб-площадка грузится долго, то это замечают и пользователи, и поисковые роботы: ухудшаются поведенческие факторы и «проседают» позиции. Поэтому оптимизация изображений для сайта и проверка инструментами для проверки скорости загрузки — тоже часть поискового продвижения.
Для уменьшения веса фотографий и картинок есть онлайн-сервисы типа Optimizilla: нужно загрузить туда картинку и дождаться, пока программа ее «сожмет». После этого качество можно отрегулировать с помощью ползунков справа:
В зависимости от порога веса картинки, можно увеличить или уменьшить качество
Сколько должна весить одна картинка, определяется всегда отдельно для каждой площадки: есть ресурсы, где приходится пренебречь качеством для более быстрой загрузки, а где-то все наоборот. Чем меньше весит изображение, тем лучше, но без заметного ущерба его внешнему виду.
Как выбрать картинки для сайта и создать свой стиль: советы
- Определитесь с целью своего сайта: что именно он дает или должен давать посетителям.
Исходя из этого выбирайте и картинки — они должны формировать полноценное представление у пользователя о ваших услугах или товарах. Например, фото спортивной одежды должны показывать, насколько она подходит для спорта, а иллюстрации статей блога о выпечке — пробуждать аппетит.
Фотографии пирожных с сайта пекарни «Хлебница» сделаны в теплых тонах — это вызывает приятные ассоциации
- Добавляйте элементы корпоративного цвета. Даже среди бесплатных изображений для сайта можно найти картинки подходящих цветов. А если делать изображения самим, то можно собственноручно расставлять акценты.
Корпоративный цвет SEO.RU — зеленый, и мы стараемся использовать его в том числе при оформлении статей в блоге
- Старайтесь быть оригинальными. Если используете общедоступные бесплатные картинки для сайта, делайте необычную ретушь с помощью специальных приложений или нестандартное кадрирование.
Если делаете собственный иллюстративный материал, то простора для фантазии больше, поэтому можно разработать собственные методы для обработки.
На сайте образовательной платформы «Теории и практики» превью одной из статей состоит из двух фотографий — оно привлекает внимание контрастом и ярким оформлением
- Экспериментируйте со связкой текста и изображений — такие картинки очень нравятся пользователям, поэтому получают социальный отклик.
Именно так работает инфографика — пример с сайта Лаборатории реактивного движения НАСА
- 5. Просматривайте другие блоги и порталы, изучайте их иллюстративную составляющую. Только не занимайтесь плагиатом, а комбинируйте идеи и методы обработки, дополняйте детали и анализируйте тенденции.
Картинки для сайта — мощный инструмент привлечения и удержания внимания. С его помощью вы можете заметно улучшить качество контента и получить отдачу в виде роста трафика и новых пользователей.
iCloud — Apple
Обновите до iCloud+, чтобы получить более мощные функции и хранилище.
Всего от 0,99 долл. США в месяц. Узнать больше
iCloud встроен в каждое устройство Apple. Это означает, что все ваши данные — фотографии, файлы, заметки и т. д. — в безопасности, актуальны и доступны, где бы вы ни находились. Для начала каждому предоставляется 5 ГБ бесплатного хранилища iCloud. И вы можете перейти на iCloud+ в любое время, чтобы получить новые мощные функции и больше места для хранения. 1
Обновление до iCloud+
Фотографии на всю жизнь
на всех ваших устройствах.
С помощью Фото iCloud вы можете просматривать, искать и делиться всеми фотографиями и видео с любого из ваших устройств, независимо от того, были ли они сделаны вчера или много лет назад. Такие функции, как распознавание лиц и обнаружение объектов, обрабатываются локально на вашем устройстве с помощью машинного обучения, а не в облаке.
Сделайте столько фотографий, сколько захотите. Не беспокоясь о месте на ваших устройствах.
Чтобы сэкономить место на ваших устройствах, исходные фотографии в полном разрешении автоматически загружаются в iCloud. У вас всегда будет облегченная версия каждой фотографии на вашем устройстве, и вы сможете загружать оригиналы, когда они вам понадобятся.
Самый простой способ поделиться фотографиями с друзьями и семьей.
Общие альбомы позволяют создавать альбомы для поездок, событий или чего угодно. Просто выберите друзей и членов семьи, которые могут видеть, комментировать и добавлять свои фотографии и видео.
Все ваши файлы доступны со всех ваших устройств.
К файлам, которые вы храните в iCloud Drive, легко получить доступ, независимо от того, какое устройство вы используете. Вы можете получить доступ ко всем своим файлам в приложении «Файлы» на iOS и iPadOS, в Finder на Mac, в проводнике для ПК с Windows или на сайте iCloud.
Упорядочивайте файлы по своему усмотрению. Доступ к ним на любом устройстве вы хотите.
iCloud Drive позволяет упорядочивать файлы с помощью папок, переименовывать их и помечать цветами. И когда вы вносите изменения, обновление выполняется на всех ваших устройствах. Вы даже можете сделать все, что находится на рабочем столе Mac и в папках «Документы», автоматически доступными в iCloud Drive.
С легкостью делитесь папками и файлами.
iCloud Drive позволяет быстро и легко работать с другими людьми из любого места. Просто отправьте личную ссылку, и они получат мгновенный доступ к папкам и файлам, которыми вы решили поделиться. Вы решаете, могут ли они просматривать, делиться или редактировать каждый файл, и вы можете изменить эти настройки в любое время. Принять участие может любой желающий, поскольку он работает на iPhone, iPad, Mac, ПК с Windows и в Интернете.
Все самое необходимое.
Доступно со всех ваших устройств.

iCloud автоматически обновляет приложения, включая Почту, Календарь, Контакты, Напоминания, Safari и некоторые из ваших любимых приложений из App Store, на всех ваших устройствах. Поэтому, когда вы добавляете новый номер телефона, добавляете веб-сайт в закладки или обновляете слайд в презентации, изменения отображаются везде.
Совместная работа с Pages, Numbers, Keynote и Notes.
Работайте вместе с другими над документами, презентациями и электронными таблицами и просматривайте изменения по мере их внесения. Благодаря оперативным обновлениям на всех ваших устройствах ваши соавторы всегда будут на одной волне.
Каждое сообщение. Обновлено на всех ваших устройствах.
iCloud автоматически сохраняет все ваши сообщения. Найдите адрес, забавную биржу или что-нибудь еще. И вы можете продолжить любой разговор с того места, на котором остановились. Даже при переходе на новый телефон или компьютер.
Автоматическое резервное копирование дает вам душевное спокойствие.

iCloud автоматически создает резервную копию ваших устройств iOS и iPadOS, когда они подключены к источнику питания и сети Wi-Fi. Так что, если вы потеряете свое устройство или купите новое, у вас будет все самое важное, и вы не пропустите ни секунды. 2
Перенесите на новое устройство все, что вам нравилось в старом.
iCloud упрощает перенос настроек, фотографий, приложений и документов на новое устройство. Просто войдите в iCloud при настройке нового устройства, и уже через несколько минут вы будете готовы к работе.
Двухфакторная аутентификация помогает защитить ваши данные.
Двухфакторная аутентификация — это дополнительный уровень безопасности, гарантирующий, что только вы сможете получить доступ к своей учетной записи. Это означает, что доступ к вашему аккаунту возможен только на устройствах, которым вы доверяете, например на iPhone, iPad или Mac.
Подробнее о двухфакторной аутентификации
Частный ретранслятор iCloud
Просматривайте, как будто это
никого не касается.

iCloud Private Relay позволяет вам работать с Safari в разных сетях еще более безопасно и конфиденциально — дома, в отеле или кафе. Он разработан таким образом, что веб-сайты, сетевые провайдеры и даже Apple не могут использовать ваш IP-адрес, местоположение и активность в Интернете для создания подробного профиля о вас. 4
Узнайте, как Private Relay
защищает вашу конфиденциальность в Интернете (PDF)
Безопасное видео HomeKit
Следите за своим домом. Держите другие глаза подальше.
Подключайте свои камеры с помощью HomeKit Secure Video, чтобы записывать, анализировать и просматривать видеоматериалы домашней безопасности из любого места. Отснятый материал хранится в сквозном зашифрованном формате, который можете отслеживать только вы и выбранные вами люди. И ни одно из этих записанных видео не засчитывается в ваше хранилище iCloud, поэтому вам не нужно отказываться от места для фотографий, файлов, резервных копий и других вещей, которые вам больше всего нужны.
Выберите план, который подходит именно вам.
Все планы iCloud+ могут использоваться совместно с помощью функции «Семейный доступ». А iCloud+ включен во все планы Apple One без дополнительной оплаты.
Обновление до iCloud+
iCloud
iCloud+
iCloud+ сочетает в себе все, что вам нравится в iCloud, с еще большим количеством замечательных функций. Подписавшись на iCloud+, вы получите доступ к Private Relay, Hide My Email, расширенной поддержке HomeKit Secure Video, а также к выбору планов хранения ваших фотографий, файлов и многого другого.
Да. Все владельцы устройств Apple по-прежнему бесплатно получают 5 ГБ хранилища iCloud. Вы можете перейти на iCloud+ в любое время, чтобы получить еще более мощные функции конфиденциальности и расширенное хранилище для ваших данных.
Сайта фото: Картинки для сайта — как подбирать фото и изображения на фотостоках