16 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

Руководство по поиску картинок для сайта или статьи

Поэтому подобрать хороший визуал — важная задача. Обычно визуал вытекает из концепции и референсов, которые под эту концепцию находятся. Часто в процессе работы я ставлю подходящие фотографии, просто чтобы посмотреть как оно работает. Искать фото можно где угодно — Google, специализированные подборки, например, niice.co. Либо даже взять фото с сайта схожей тематики.

Для референсов также можно использовать стоки. Бывает, что фотография в фотобанке стоит неподъемные для небольшого бизнеса деньги. Или просто сложно найти фотографии под конкретную задачу. Какие-нибудь улыбающиеся темнокожие парни подойдут не каждому сайту в России. Поэтому можно найти что-то близкое, а потом заказать съемку фотографу на основе того, что вы подобрали. Фотографу будет легко ее сделать, если будет от чего отталкиваться. Это самый простой способ поставить фотографу четкую задачу.

Вообще нужно поддерживать местных фотографов. Закажите съемку — вы получите уникальный контент, а фотограф заработает и сможет купить новый объектив, и в следующий раз сделать еще лучше. Ищите локальных людей, растите командой.

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

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

Еще один ресурс, который мне хотелось бы отметить — flickr. Он отличается тем, что люди выкладывают фотографии хорошего качества, но не сток. И администрация сайта даже может прислать предупреждение, если альбом напоминает коммерческий. Фликр хорош еще тем, что там есть не только традиционные фотографии, но и какие-то старинные снимки, фото из музеев. Можно взять фото гобелена, который выложил какой-нибудь музей и сделать из него паттерн, фон для сайта. Плюс, если фотография не разрешена для коммерческого использования, можно написать автору и купить фото. Люди охотно общаются и идут навстречу. Если у вас некоммерческий проект, то фотограф и вовсе может разрешить использовать фото бесплатно.

Как выбрать размер изображения?

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

Чтобы пользователь открыл страницу и сразу увидел изображение целиком, нужно заранее задать ей адекватные параметры и оптимизировать вес (а еще желательно внедрить адаптивный дизайн, который любят все — и поисковики, и пользователи).

Размер изображения

Идеальные размеры картинок для сайта у всех свои. Но относительно универсальным можно считать разрешение от 900х700 пикселей и меньше. Этого будет достаточно, чтобы пользователь видел изображение без дополнительных манипуляций, при этом оно не будет закрывать весь экран или, наоборот, теряться из виду.

Если нужно выбрать картинку под заданное место на сайте, можно пользоваться специальными расширениями для браузеров: например, линейка Page Ruler рассчитывает размер элементов в пикселях.

Наводите курсор на нужный объект, и сервис посчитает его размер

Вес фотогафий и иллюстраций

Чем тяжелее иллюстрации на сайте, тем медленнее он будет загружаться. Если веб-площадка грузится долго, то это замечают и пользователи, и поисковые роботы: ухудшаются поведенческие факторы и «проседают» позиции. Поэтому оптимизация изображений для сайта и проверка инструментами для проверки скорости загрузки — тоже часть поискового продвижения.

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

В зависимости от порога веса картинки, можно увеличить или уменьшить качество

Сколько должна весить одна картинка, определяется всегда отдельно для каждой площадки: есть ресурсы, где приходится пренебречь качеством для более быстрой загрузки, а где-то все наоборот. Чем меньше весит изображение, тем лучше, но без заметного ущерба его внешнему виду.

Зачем нужен единый визуальный стиль страниц в соцсетях

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

Читать еще:  DIMM, SDRAM, DDR — что это?!

Когда начнёте постоянно публиковать контент в едином стиле, вашим подписчикам будет проще найти вас в ленте новостей. Этим успешно пользуется большинство брендов (например, Dominos, Starbucks, Zara) — их посты выделяются в ленте.

Также единый стиль полезен для привлечения новых посетителей и конвертации их в подписчиков, потому что создает положительное первое впечатление. Я расскажу о четырех основных способах создания единого стиля.

1. Акцент на одном объекте

Многие бренды выбирают определенный объект, который присутствует на всех изображениях. Это может быть предмет, место съемки, логотип — любая вещь, которая связана с брендом.

2. Единая цветовая палитра

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

Время от времени вы можете добавлять что-то новое, включать новые палитры, но старайтесь не уходить от единого стиля композиции — не используйте цвета и объекты, которые выбиваются из контекста.

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

3. Используйте один шаблон

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

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

4. Используйте одинаковые фильтры

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

Как (не) брать картинки из сети

Почему книга не проходит модерацию, когда изображение на обложке из неизвестного источника? Как бы нам порой не хотелось поставить любимую картинку, найденную на просторах сети, на обложку своего произведения, стоит помнить, что у нее есть автор, а у него есть на эту картинку права. Как лучше поступить, чтобы никого не обидеть и защитить свои собственные права? Продолжаем разбирать вопросы авторского права с юристом.

Как зафиксировать права на использование обложки? Что может быть подтверждением?

Ответ можно разбить на две части: если обложку создавал сам автор, или если это делал кто-то другой.

Если обложка создана самим автором, то здесь все точно также, как и в случае с самим текстом книги: авторское право возникает в тот момент, когда произведение приобрело некую объективную форму. Права распространяются на все элементы книги: текст, оформление, обложку и прочее (если этим всем занимался автор самостоятельно). Авторское право регистрировать не нужно, но вот если возникнет какой-то конфликт, лучше иметь при себе доказательства, что именно вы были первым. Есть способа это сделать:

  1. Отправить книгу самому себе на домашний адрес. По получении у вас будет запечатанный (не распечатывайте его!) конверт с почтовым штемпелем, на котором стоит дата обработки отправления Почтой России — доказательство того, что на эту дату вы располагали текстом произведения со всеми элементами оформления, в том числе и с обложкой.
  2. Произведение может быть депонировано в одной из организаций предоставляющих соответствующую услугу. Например, Российская Государственная Библиотека принимает на депонирование необнародованные рукописи с выдачей свидетельства о депонировании. Но услуга эта платная.

Важно! Найти иллюстрацию и поставить на нее текст — это не считается авторской обложкой.

Если обложка была создана кем-либо (издательством, фирмой, художником) по заказу автора книги (по договору), лучшим подтверждением прав автора книги на обложку будет договор на её создание, где предусмотрен объём прав автора книги на обложку (права на неё могут быть отчуждены автору книги, могут быть предоставлены по лицензии).

Какие изображения из интернета точно можно брать, какие точно нельзя, какие вопросы спорные?

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

Важно! Найденная в интернете с помощью поисковика картинка может использоваться лишь при условии, что она находится в общественном достоянии или автор дал на это разрешение (в том числе всем желающим).

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

Читать еще:  Сравнение видеокарт по производительности

А если я укажу, что разрешение на использование изображения у меня есть, а это на самом деле не так?

Начнем с того, что быть честным — отличное человеческое качество, поэтому давайте не будем никого обманывать. К тому же в данном случае у такого обмана могут быть неприятные последствия. Пунктом 8.9 Пользовательского соглашения Bookscriptor предусмотрено, что «Автор гарантирует, что он лично создал Произведение и является его единственным автором, а также что при создании Произведений им не были нарушены авторские или иные права третьих лиц, что он имеет все права на заключение Соглашения и Произведение будет являться его оригинальным сочинением, что ни само Произведение, ни какая-либо его часть не будут являться имитацией, копией или заимствованием другого, в том числе и его собственного, охраняемого авторским правом произведения, и что Автором не будут нарушаться чьи-либо права и законные интересы».

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

Делимся небольшим списком бесплатных фотобанков, где вы можете найти изображения для своих произведений:

А еще мы добавили стоки в конструктор обложки, теперь вы можете сразу искать изображения во время работы над оформлением книги. Или выбирайте одну из стандартных обложек, их много и на любой вкус.

А что будет, если автор все-таки найдется и решит предъявить претензию?

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

За использование изображения без согласия лица, которому принадлежат авторские права на изображение, грозит то же, что за использование текста, музыки, видео и других объектов авторского и смежных прав:

  • гражданско-правовое требование выплаты компенсации в размере от 10 тысяч до 5 миллионов рублей, либо двукратной стоимости контрафактных экземпляров, либо двукратной стоимости лицензии;
  • административный штраф на граждан от 1000 до 2000 рублей с конфискацией контрафактных экземпляров, а также материалов и оборудования для их воспроизведения;
  • плагиат, если стоимость контрафактных экземпляров или лицензии превышает 100 тысяч рублей, влечёт уголовный штраф в размере до 200 тысяч рублей или в размере заработной платы или иного дохода осужденного за период до 18 месяцев, либо обязательные работы на срок до 480 часов, либо исправительные работы на срок до 1 года, либо арест на срок до 6 месяцев;
  • незаконное использование объектов авторского и смежных прав, если стоимость контрафактных экземпляров или лицензии превышает 100 тысяч рублей, влечёт уголовный штраф в размере до 200 тысяч рублей или в размере заработной платы или иного дохода осужденного за период до 18 месяцев, либо обязательные работы на срок до 480 часов, либо исправительные работы, принудительные работы или лишение свободы на срок до 2 лет;
  • если плагиат или незаконное использование объектов авторского и смежных прав совершены группой лиц по предварительному сговору или организованной группой, либо в особо крупном размере, они влекут принудительные работы на срок до 5 лет, либо лишение свободы на срок до 6 лет со штрафом в размере до 500 тысяч рублей или в размере заработной платы или иного дохода осужденного за период до 3 лет или без такового.

Но не будем заканчивать на такой грустной ноте: в сети есть безумное количество свободных изображений, которые вы можете спокойно использовать. К тому же всегда можно обратиться к художнику или дизайнеру, чтобы он сделал уникальную обложку (или иллюстрации) для вашей книги. Тогда уж точно ваше произведение будет выделяться на книжной полке.

Вот примеры обложек, которые сделали дизайнеры по техническому заданию от авторов.

Переходите в редактор и начните писать книгу прямо сейчас или загружайте готовую рукопись, чтобы опубликовать ее в нашем каталоге!

Где брать картинки для сайта?

Быстрее всего нужное изображение можно найти на фотобанках типа Depositphotos. У них миллионы файлов в библиотеках, эффективные поисковые алгоритмы со множеством фильтров, специально отобранные коллекции. Обычно, чтобы скачать изображение, нужно купить подписку на месяц стоимостью $ 50-$ 100, но есть доступные варианты с ценой за изображение в $ 1. Покупая файлы на фотобанках, вы можете быть спокойны насчет проблем с авторским правом — все изображения там продаются по стандартной лицензии, что дает вам право использовать их для медиа, печати и в рекламных целях.

Совет: многие фотобанки периодически делают рассылки бесплатных файлов. Это хороший способ пополнять свою коллекцию изображений.

Как правильно называть картинки на вашем сайте

“Я так рада, что нашла Вас. Искала картинки как покрывать печенья глазурью, наткнулась на Ваш блог и не могу оторваться, перечитала уже пол-архива”.

После того, как наконец-то разобралась, как правильно называть картинки, меня начали находить в поиске.

До этого все мои картинки назывались примерно так: «IMG_0345.jpg». Тут я стыдливо прячу взгляд в пол.

Читать еще:  Панель управления Windows 8

Свой «пинок» я получила на конференции Wordcamp, где попала на доклад Анны Ладошкиной о сайтах для слабовидящих. Я слушала вполуха, пока не услышала, что в России до 10 миллионов человек испытывают проблемы со зрением. Для таких людей сайты читают специальные программы и, в том числе, они читают картинки. Получается, что у меня они прочитали бы что-то вроде «IMG_0345.jpg».

Если сделать сайт более usefriendly для слабовидящего человека, то это поможет улучшить пользовательский опыт от вашего сайта в целом. Не буду пересказывать все выступление Анны, если вам интересно, его полностью можно посмотреть на сайте Wordcamp.tv.

Итак, я засела за гугл и учебники блоггинга и достаточно быстро разобралась с тем, как правильно называть картинки. Как всегда, всё оказалось гораздо легче, чем казалось.

Если вы ещё этого не делаете, то делюсь с вами, как это делать как следует.

Зачем называть ваши картинки правильно

  • Система для поиска в ваших архивах. Вам самим будет легче ориентироваться в ваших архивах и библиотеках картинок, если все они будут названы единообразно.
  • SEO или поисковая оптимизация. По ключевым запросам поисковик будет выдавать ваши картинки в поиске и к вам придут люди не только по поисковым запросам, но и по поиску по картинкам.
  • Использование сайта слабовидящими или слепыми людьми.
  • Корректное отображение картинок. Если возникли технические сложности и сайт не показывает картинки, то пользователь вместо них увидит описания того, что на них изображено.
  • Красивые подписи под нашими картинками на Pinterest!

Этап первый. Правильно назвать файл с картинкой

  • Используйте систему – называйте картинки однообразно. Это не будет влиять на SEO, но вам это поможет навести порядок в файлах.
  • Используйте транслит (если хотите, чтобы ваши картинки искались по запросу на русские слова) и ключевые слова (например, moj-sposob-vedeniya-ezhednevnika).
  • Используйте только дефисы в качестве разделителя. Не используйте нижние подчеркивания! Дефисы разделяют слова — логическое разделение, подчеркивания работают просто как визуальное отделение. Нижнее подчеркивание поисковики “не видят”, поэтому использовать их неэффективно. Подробнее о том, почему именно так, в видеокомментарии от Google (язык: английский).
  • Можете добавить название своего блога, чтобы обозначить, что картинка с вашего сайта.
  • Если у вас несколько картинок с одинаковыми названиями, используйте порядковые номера. В таком случае, ставьте двузначные номера для картинок (например, -01, -02).

Финально файл, будет выглядеть следующим образом:
moj-sposob-vedeniya-ezhednevnika-hometocome-03.jpg

Этап второй. Прописать атрибуты title и alt

Атрибут TITLE: Атрибут title входит в язык html. Данное описание будет показываться пользователю сайта при наведении на картинку курсором. Данный атрибут не участвует в продвижении сайта, но он позволяет увеличивать поведенческий фактор, который также влияет на позицию сайта в поисковой системе. Пишется оно так title=“Описание картинки с использованием ключевых слов”. И вот тут как раз можно и нужно использовать кириллицу. Именно то, что написано в этом атрибуте будет показано в описании картинке на Pinterest, если ее кто-то запинит.

Описание не нужно делать слишком большим (максимально пару предложений). Когда посетитель заходит на сайт, то он не видит описания изображения, но его видят поисковые роботы, когда индексирую сайт. Посетитель может увидеть данный текст, когда отключены в настройках браузера изображения и тогда на месте данного изображения появится текст, по которому посетитель сможет понять что это за картинка.

Атрибут ALT: Атрибут alt также входит в язык html. Назначение его заключается в описании какого-то объекта с целью дать дополнительную информацию об объекте (в нашем случае картинки). Пишется оно так alt=“Описание картинки с использованием ключевых слов”. Тут тоже используйте кириллицу.

Атрибут ALT и TITLE могут быть одинаковыми. Я их почти всегда оставляю одинаковыми.

В WordPress прописание этих атрибутов предусмотрено редактором. Это, кстати, очень удобно и еще один плюс в копилку WordPress.

В Blogger вам нужно в формате редакции поста нажать на картинку и выбрать “Свойства”.

Блог “Дом, в который хочется приходить” у меня сделан на другой платформе, поэтому там мне приходится прописывать эти атрибуты в html коде поста (но это не сложно, просто занимает больше времени).

Финально код картинки выглядит следующим образом:
alt=“Мой способ ведения ежедневника | Блог Дом, в который хочется приходить”
title=“Мой способ ведения ежедневника | Блог Дом, в который хочется приходить”

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

Хотите узнать больше о том, как работают поисковые системы, и что делать для того, чтобы ваш блог выпадал в топе по поисковым запросам ваших читателей?

У вас есть возможность получить видеозапись Блог Бранча «SEO без бороды. О поисковой оптимизации для девочек от девочки». Мария Кошенкова, автор женского портала NameWoman.ru понятно и просто расскажет нам о том, как работают алгоритмы поисковиков, как правильно подбирать ключевые слова для вашего сайта и как их использовать.

Стоимость видеозаписи (2 часа) – 500 рублей.

Ссылка на основную публикацию
Статьи c упоминанием слов:
Adblock
detector