Что такое превью вкладок в яндекс
Перейти к содержимому

Что такое превью вкладок в яндекс

  • автор:

В Яндекс.Браузер встроили нейросети нового поколения: Помощь с текстом, перевод видео, создание изображений

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

Нейроредактирование

Функция «Помощь с текстом» на базе YandexGPT позволяет корректировать орфографические и стилистические ошибки, сокращать и структурировать тексты. Это делает общение в интернете более удобным и профессиональным.

Нейроредактирование в обновлённом Яндекс.Браузере — это функция, позволяющая пользователям улучшать качество своих текстов с помощью искусственного интеллекта. Эта возможность основана на использовании YandexGPT, модели генеративного предобученного трансформера, разработанной Яндексом.

Функция нейроредактирования доступна прямо в текстовых полях браузера: при написании комментариев, отзывов, писем и других текстовых сообщений. Для активации достаточно выделить фрагмент текста и выбрать опцию «Помочь с текстом» в контекстном меню.

Нейроредактирование включает в себя несколько режимов работы:

  • Исправление ошибок: автоматическое исправление орфографических, грамматических и пунктуационных ошибок. Этот режим помогает сделать текст более грамотным и читабельным.

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

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

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

Пересказ и перевод видео

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

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

  • Перевод видео: Нейросети Яндекс Браузера способны переводить видеоролики с японского и корейского на русский язык, а также с других популярных языков, таких как английский, китайский, французский, испанский, итальянский и немецкий. Это позволяет русскоязычным пользователям свободно погружаться в контент, созданный за рубежом, без необходимости владеть иностранными языками.
  • Озвучка перевода: Помимо текстового перевода, браузер также может озвучивать переведённый контент, обеспечивая естественный и плавный просмотр видео. Использование синтезированной речи делает перевод ещё более доступным и удобным.
  • Пересказ содержания: Браузер может кратко излагать основные моменты и идеи видеороликов с помощью технологии YandexGPT, делая это на русском языке. Такая функция особенно полезна для быстрого ознакомления с ключевыми моментами длинных или сложных видеоматериалов.

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

Генерация изображений

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

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

  • Текст в изображение: Пользователи могут описать желаемое изображение текстом или голосом через интерфейс встроенного помощника Алисы, и нейросеть YandexART преобразует это описание в визуальный контент.
  • Широкий спектр применения: Сгенерированные изображения могут использоваться для самых разных целей, включая иллюстрации к постам в социальных сетях, создание уникальных аватаров, дизайн стикеров, мемов и многого другого.
  • Креативность и индивидуализация: Функция позволяет пользователям реализовать свои самые смелые идеи и создавать уникальный контент, который отражает их индивидуальность и творческий потенциал.

Безопасность и производительность

Безопасность пользователей Яндекс.Браузера также усилена благодаря встроенной модели ML для проверки сайтов на наличие фишинга, что делает серфинг в интернете более безопасным. Улучшенная производительность браузера делает его доступным даже для устройств с устаревшими компонентами.

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

Безопасность:
  • ML-модель для защиты от фишинга: Яндекс Браузер использует продвинутую машинное обучение для идентификации и блокировки фишинговых сайтов. Эта модель анализирует веб-страницы в реальном времени и может распознавать признаки мошенничества менее чем за 0,01 секунды, предупреждая пользователей об опасности и предлагая избежать перехода на потенциально вредоносные сайты.
  • Проверка на серверах Яндекса: Если модель обнаруживает подозрительную активность, она инициирует дополнительную проверку на серверах Яндекса, что позволяет с высокой точностью определить, является ли сайт источником угрозы.
Производительность:
  • Оптимизация загрузки: Яндекс Браузер теперь загружается значительно быстрее, особенно на компьютерах с устаревшим оборудованием. В частности, на системах с медленными жёсткими дисками (HDD) время запуска сокращено более чем в два раза — с 45 до 20 секунд. Это достигнуто за счёт оптимизации алгоритмов и эффективного использования ресурсов.
  • Улучшенное использование ресурсов: Разработчики также сосредоточились на снижении потребления системных ресурсов во время работы браузера, что обеспечивает более плавную и стабильную работу даже при открытии множества вкладок или выполнении ресурсоёмких задач.

Дополнительные функции

Дополнительные функции, такие как сканирование QR-кодов во время воспроизведения видео, облачные вкладки и быстрый перенос настроек из других браузеров, делают использование Яндекс.Браузера ещё более удобным и функциональным.

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

Сканирование QR-кодов:

  • Пользователи теперь могут сканировать QR-коды прямо во время воспроизведения видео. Это удобно, когда в видеоролике появляется QR-код с ссылкой или информацией — достаточно навести курсор на код, и браузер предложит перейти по ссылке без необходимости использовать смартфон или другие устройства.

Облачные вкладки и группы вкладок:

  • Функция облачных вкладок позволяет пользователям начать просмотр страницы на одном устройстве, а затем продолжить на другом, при условии авторизации под своим Яндекс ID. Это облегчает синхронизацию работы между различными устройствами, например, между смартфоном и ноутбуком.
  • Группы вкладок помогают организовать открытые страницы по категориям или проектам, что делает управление вкладками более удобным и позволяет сократить беспорядок на панели вкладок.

Быстрый перенос настроек:

  • При переходе с другого браузера в Яндекс Браузер пользователи могут легко перенести свои настройки и закладки одним кликом. Это значительно упрощает процесс миграции и помогает быстро настроить рабочее пространство в новом браузере.

Нейросетевые функции и интерфейс:

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

Превью: что это значит и как работает

Превью: что это значит и как работает

Первое впечатление очень важно, особенно, если это касается продаваемого товара. Если мы видим обложку на видео и она не вызывает никакого интереса, соответственно смотреть этот ролик мы не будет. Сегодня мы как раз и поговорим о превью, что это значит и как работает.

Что такое превью

Начнём с того, что такое превью. Это, заставка или обложка для предварительного просмотра, в которой отражена вся суть материла. Чаще всего превью применяется в качестве обложки для Ютуб, как рекламная заставка для очередного ролика. На самом деле, превью действительно можно считать импровизированной рекламой. Согласитесь, что внешний вид побуждает нас либо купить тот или иной продукт, по его внешнему виду или нет. Опытные интернет-маркетологи прекрасно знают об этой психологии человека. Поэтому стараются сделать так называемую «оболочку» товара как можно более привлекательной.

Что такое превью

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

Что такое превью для видео на Ютубе

Что такое превью для видео на Ютубе

Мы уже застрагивали тему превью для видео, но сейчас мы поговорим, о том, что это такое более подробно. Как уже говорилось ранее, это миниатюра, которая ставится в качестве обложки ролика на каком-либо канале. Так как это отличный маркетинговый ход для привлечения просмотров и подписчиков, видеоблогеры подходят к разработке обложки очень серьёзно. Многие даже пользуются услугами веб-дизайнеров, кто профессионально подходит к этому делу и на основе интересов аудитории и специфики контента создаёт уникальное превью. Чтобы превью для видео было действительно качественным и привлекало пользователей, важно помнить несколько правил. Самое главное – это качественное изображение. Если в макете превью есть текст или эмоджи, обязательно выделите их с заднего фона, дабы пользователь первым дело обратил внимание именно на них. Конечно же, суть обложки должна соответствовать структуре видео, то есть о чём пойдёт речь. Здесь действует принцип дезинформации на сайте. То есть если название страницы не будет соответствовать поисковому запросу, отказы в Яндекс Метрике, это первое, что начнёт стремительно увеличиваться. Конверсия и посещения будут уменьшаться и поисковые системы, видев всю ситуацию, понизят сайт в позициях. Если цель превью для ролика – прославить собственную персону или прорекламировать какой-либо бренд. Своё фото или фото продукта для рекламы нужно ставить на видном месте, крупным платом, можно даже подчеркнуть, выделив рамкой. Текст видео всегда должен быть цепляющим, дабы убедить пользователя срочно посмотреть этот ролик и перейти на контент блогера или сайт рекламируемого бренда.

Что такое превью фотографий

Что такое превью фотографий

Аудиторию скорее интересует, не что такое превью фотографий, а как создать превью-фотографию для привлечения пользователей. Особенно эта тема интересна тем, кто задумал вести бизнес-аккаунт в Инстаграм, как импровизированный сайт для бизнеса. Конечно, заниматься массфолловингом, это первое, что нужно для продвижение аккаунта. Но чтобы удержать пользователя и сделать его своим подписчиком, необходимо привлечь его. А сделать это получится, только если превью аккаунта вызовет у него неподдельный интерес. Для этого можно выбрать либо самую удачную личную фотографию и поставить хештег своего аккаунта. Либо выбрать абстракцию, отражающую структуру аккаунта, например красивый товар, который продаётся у Вас.

Что такое превью макета

Что такое превью макета

Существует так же превью вкладок, что это такое, сейчас расскажем. Итак, превью макета, это, по сути, изображение, в котором отражена суть проекта, то есть его «лицо». Обычно превью макета служит для утверждения на печать, если мы говорим о том, создании баннера, как рекламы. Блог нашего сайта можно взять как ещё один показательный пример превью, и как это работает. Не будем открывать всех секретов разработки обложки для каждой статьи, но знаем одно – это привлекает посетителей. Каждое превью на материал блоге разрабатывается дизайнером, дабы сделать его уникальным. Специально для наших статей была разработана рамка для большего эффекта. Как можно заметить, в превью публикации отражается её тема, то есть о чём пойдёт разговоров. Если рассуждения пойдут на тему эффективного продвижения под Яндекс, то наш специалист находится соответствующее изображение и моделирует саму миниатюру. Про все тонкости и особенности создания продающего превью не рассказывают даже в самые опытные коучеры, что делает разработку обложек более сложной. Но те, кто постигают эти знания и понимают общий алгоритм процесса, зарабатывают на это не хуже, чем на обучение SEO продвижению сайтов, или раскрутке какой-либо личности. Что ж, сегодня мы обсудили всё, что связано с превью, определили, что это такое и как его грамотно разработать, чтобы привлечь аудиторию не только на контент на Ютубе, но и на сайт или блог. На самом деле, превью так же важно для оформления роликов или статей, как микроразметка для сайта. Поэтому этому атрибуту в маркетинге нужно уделять должное внимание.

Делаем превью сайтов в стиле Yandex Браузера

yandex browser

Прошло уже почти два месяца как Yandex порадовал некоторых пользователей новым продуктом — Yandex Браузером. Несмотря на невероятную динамику развития продуктов в этой области (Chrome и Firefox), Яндексу удалось привнести в свой браузер ряд новых идей.

Из всех особенностей этого браузера больше всего меня зацепило их дизайнерское решение относительно изображений сайтов в «быстрых закладках» (Speed dial). Люди любят глазами и поэтому приятно видеть у себя в новом табе не пустую белую страницу, а красочные картинки. Беда только в том, что лично я, чаще всего, смотрю на подпись под этой картинкой или же на favicon, так как по скриншоту сайта бывает очень сложно его узнать. Эту проблему дизайнеры яндекса, на мой взгляд, решили очень элегантно. В данном посте мы посмотрим, как реализовать эту идею на клиентской стороне.

Суть идеи заключается в следующем:

  1. Получаем favicon сайта
  2. Определяем доминирующий в favicon цвет
  3. Рисуем прямоугольник с доминирующим цветом и вставляем в него favicon
  4. Для пущей привлекательности сверху накладывается градиент.
  1. Получить favicon.
  2. Получить доступ к значению каждого пикселя изображения.
  3. Определиться с алгоритмом определения доминирующего цвета.
Получение favicon

Для того чтобы получить favicon, можно либо написать на сервере некий обработчик, который по домену будет искать и возвращать favicon, либо можно подглядеть как это делает Яндекс браузер… А делает он это при помощи запроса на одноименный сервис яндекса. Например такой запрос:

Вернет вот такую вот картинку:

image

Доступ к пикселям изображения

Относительно второй задачи — единственным способом получить доступ к значениям пикселей изображения на клиентской стороне является использование элемента . Загрузив изображение в canvas мы сможем получить значение произвольного пикселя.

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

Таким образом, чтобы воспользоваться элементом canvas для поиска доминирующего цвета в favicon-е, необходимо организовать у себя на сервере некий прокси, который скачивал бы favicon (например с сервиса favicon.yandex.ru) и возвращал бы его назад к вам на страницу.

В связи с этим реализация такого превью сайтов чисто на клиентской стороне, увы, не получится. На самом деле раз уж нам все равно нужен сервер в качестве прокси для изображений, то мы могли бы перенести на сервер и вычисление доминирующего цвета, получая назад на страницу уже не иконку, а цвет. Однако то, как это реализовать на серверной стороне, не так интересно и сильно разнородно, так как в зависимости от используемого на сервере языка (Python, PHP, Java) реализация будет разная. Поэтому мы рассмотрим как это сделать на клиенте с помощью элемента canvas.

Алгоритм определения доминирующего цвета

Существует множество алгоритмов определения доминирующего цвета изображения. Общая идея этих алгоритмов следующая. Каждый пиксель изображения представляет собой четверку чисел R, G, B, A. Мы идем по всем пикселям и особым образом анализируем их составляющие:

// создаем элемент canvas var canvas = document.createElement('canvas'); var ctx = canvas.getContext('2d'); // отрисовываем в canvas наш favicon ctx.drawImage( faviconImage, 0, 0, 18, 18); // получаем данные о пикселях var data = ctx.getImageData(0, 0, 18, 18); // Обходим каждый пиксель for ( i = 0; i; rgb.r = data.data[i]; rgb.g = data.data[i + 1]; rgb.b = data.data[i + 2]; > 

В нашем случае при реализации следует учитывать две особенности:

I. У многих favicon-ов существуют прозрачные пиксели, которые при отрисовке в элемент canvas представляются в виде rgba( 0, 0, 0, 0 ). Так как мы игнорируем альфа-канал, то для нас эти пиксели будут выглядеть как черные (#000000), что не соответствует действительности. Чтобы исправить это, просто закрасим canvas в белый перед тем как отрисовывать на ней favicon.

// Заливаем canvas белым прямоугольником ctx.fillStyle = 'rgb(255, 255, 255)'; ctx.fillRect(0, 0, 18, 18); // Отрисовываем favicon ctx.drawImage( faviconImage, 0, 0, 18, 18); 

II. Так как по задумке favicon будет вписываться в белую окружность, то в случае, если преобладающим цветом в изображении окажется белый, мы не увидим ни окружности, ни границ нашего элемента. Чтобы избежать этого, мы будем просто в каждом алгоритме игнорировать белые пиксели.

Я рассмотрю три различных алгоритма определения доминирующего цвета по возрастанию их сложности.

Алгоритм 1. Среднее значение цвета

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

image

Алгоритм 2. Евклидово расстояние

Данный алгоритм чуть более сложен и заключается в следующем. Каждый цвет представляет собой вектор в трехмерном пространстве (r, g, b). Мы проходим по каждому пикселю и считаем его расстояние до всех остальных пикселей (Евклидово расстояние между двумя векторами). Затем ищем тот пиксель, который находится ближе всех ко всем остальным. Цвет этого пикселя и есть наш искомый цвет. Здесь следует отметить, что данный алгоритм, в отличие от предыдущего, не создает новый цвет, а лишь выбирает из уже существующих в данном изображении.

image

Алгоритм 3. Метод кластеризации k-средних

Суть данного алгоритма заключается в следующем. Произвольно выбирается k пикселей (центров) изображения различного цвета. Проходим по всем остальным пикселям и относим каждый из них к одному из центров на основании их близости друг к другу (считаем Евклидово расстояние как и в алгоритме 2). Затем пересчитываем центры — устанавливаем для них значение равное среднему среди всех пикселей, отнесенных к нему (как в алгоритме 1). Вновь проходим по всем пикселям и распределяем их по новым центрам. Проделываем все это до тех пор, пока значение центров не перестанет изменятся. Искомым цветом будет значение центра с наибольшим количеством пикселей. Следует отметить, что данный метод используется для тех же целей в браузере Chrome. Результат его работы для k = 3 следующий:

image

image

(для остальных значений параметра k результаты не столь показательны)

Заключение

Вопрос о том какой из данных алгоритмов лучше — спорный.

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

P. S. Github-юзер static-lab предложил и реализовал еще один алгоритм «Усреднённое по YUV с контрастом», который тоже дает весьма неплохой результат:

image

Пример можно запустить у себя в браузере (favicons закодированы в Base64): DEMO
Исходники тут: github

  • Веб-разработка
  • JavaScript
  • Обработка изображений

Яндекс.Маркет открывает сортировочный центр в Самаре

Яндекс.Маркет открыл сортировочный центр в Самаре. Он подойдет партнерам, которые готовы возить туда упакованные заказы по модели FBS (продажи с фулфилментом магазина). Для работы по этой модели у продавца должна быть возможность отгружать заказы в сортировочный центр не реже 5 дней в неделю в день поступления или на следующий рабочий день. Сортировочный центр в Самаре находится по адресу пр. Кирова, д. 10, к. 1 и работает ежедневно с 09:00 до 18:00. Заказы доставляются по всей России. Сортировочный центр принимает товары с максимальными габаритами 175×100×100 см, суммой длин трех сторон не более 400 см и весом до 100 кг. Напомним, в марте Яндекс.Маркет открыл сортировочный центр в Нижнем Новгороде. А ранее, в феврале, еще один сортировочный центр Маркета заработал в Краснодаре. Он берет на себя вопросы общения с клиентом, а также оформление возвратов. Чтобы начать отгружать заказы на новые сортировочные центры по модели FBS, партнерам необходимо зарегистрировать новый личный кабинет и следовать инструкции в Справке.

Яндекс.Маркет запустил новый процесс работы с возвратами

Яндекс.Маркет запустил новый процесс работы с возвратами

Для FBY, FBY+ и FBS

Оксана Мамчуева 27 мая 2021

На Яндекс.Маркете теперь можно заказать цветы с экспресс-доставкой

На Яндекс.Маркете теперь можно заказать цветы с экспресс-доставкой

Стоимость экспресс-доставки – от 99 рублей

Оксана Мамчуева 26 мая 2021

Партнеры Яндекс.Маркета могут сами подключаться к экспресс-доставке

Партнеры Яндекс.Маркета могут сами подключаться к экспресс-доставке

Пока только в 5 городах

Оксана Мамчуева 25 мая 2021

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *