Эскизы — маленькие картинки, много силы

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

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

• Поиск изображений Google: Если вы создаете миниатюру для настольной версии для поиска изображений Google, рекомендуется размер 177 пикселей. Можно использовать и более мелкие эскизы.
• Amazon: Amazon использует разные размеры эскизов для разных приложений. На стартовой странице используются миниатюры высотой 200 пикселей и динамической шириной. Изображения предварительного просмотра на страницах категорий имеют высоту 150 пикселей.
• YouTube: Размер эскизов для рабочего стола на YouTube составляет 210 x 118 пикселей на стартовой странице. Это соответствует распространенному формату изображения 16:9. Для предложений видео справа от уже запущенного видео используются миниатюры размером 168 x 94 пикселей.
• Pinterest: Ширина изображения в Pinterest фиксирована и составляет 236 пикселей. Чем шире экран зрителя, тем больше изображений отображается рядом друг с другом.

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

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

• Экономия места: Изображения предварительного просмотра позволяют пользователям Интернета представить обзор различных медиаконтентов на небольшом пространстве.
• Удобство для пользователя: Изображения обладают тем большим преимуществом, что их можно очень быстро воспринимать; большие пальцы структурируют веб-сайт так, чтобы пользователи могли быстро ориентироваться на нем.
• Интерактивность: Эскизы вовлекают пользователя в работу с сайтом — обычно путем нажатия на эскиз.

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

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

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

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

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

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

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

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

Эти 5 советов должны помочь вам подобрать правильный дизайн для ваших миниатюр:

1. Используйте значимые цвета
2. Лицо — это простой способ установить контакт со зрителем.
3. Используйте кадры действий для привлечения внимания
4. Добавьте текст, если не очевидно, о чем видео.
5. Повышайте узнаваемость с помощью логотипа и т.д. (брендинг).

Вот пример хорошо оформленных миниатюр:

Есть много моментов, которые составляют хорошее миниатюрное изображение. Создатели:

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

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