Pull to refresh

Делаем скриншоты правильно: практические советы

Reading time8 min
Views188K
Устройство для снимка экрана на первых компьютерах (Command-Shift-3)
Устройство для снимка экрана на первых компьютерах (Command-Shift-3)

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

Ведь кажется, что скриншот — это “секунда работы, Alt+PrintScreen и Ctrl+V!”. Некоторые клиенты удивляются, когда слышат, что скриншот в мануале может стоить и $2 и даже $5.

В этой статье я расскажу, как правильно делать скриншоты, почему это не просто “два клика” и какие подводные камни встречаются на пути неопытного скриншотера. Рассматривайте ее как чеклист или список практических советов для тех, кто документирует ПО. Надеюсь, это поможет вам избежать разочарований и порадовать юзеров красочными понятными картинками.
Читать дальше →
Total votes 81: ↑69 and ↓12+57
Comments76

Мешают туристы на фоточке? Adobe Monument Mode уберет все лишнее

Reading time2 min
Views17K


Вчера состоялась конференция Adobe MAX, на которой компания продемонстрировала технологии, ПО и его возможности, над которыми ведется работа в настоящий момент. Участники провели несколько презентаций, и одной из наиболее запоминающихся была презентация с «Monument Mode». Это новая возможность для камер мобильных устройств, позволяющая получать фотографии без туристов, автомобилей и других объектов, которые портят все удовольствие и мешают увидеть себя или какую-либо достопримечательность на отпускном фото.

Сейчас Monument Mode еще дорабатывается, но результат все равно впечатляет. Так, на сцене двум гостям презентации было предложено действовать, как туристам, которые фотографируют достопримечательности. Когда камеру смартфона навели на саму «достопримечательность», приложение медленно убрало всех «туристов» и другие объекты со снимка, оставив лишь саму достопримечательность. Monument Mode использует также и другие снимки местности, если таковые есть.
Читать дальше →
Total votes 17: ↑16 and ↓1+15
Comments21

Институт ИИ AIRI запустил генеративную сеть  «Портретиист», создающую из фото картины в стиле различных художников

Reading time2 min
Views1.6K

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

Читать далее
Total votes 13: ↑13 and ↓0+13
Comments0

Microsoft выпустила тестовую версию Paint с поддержкой слоёв и режимов прозрачности

Reading time1 min
Views2.6K

Microsoft выпустила обновление Paint с инструментом удаления фона, а также поддержкой режима прозрачности и слоёв. Оно доступно для инсайдеров Windows на каналах Dev и Canary под версией 11.2308.18.0. 

Читать далее
Total votes 1: ↑1 and ↓0+1
Comments4

Повышаем эффективность взаимодействия дизайнеров и frontend-разработчиков

Reading time9 min
Views5K
Когда к списку ключевых услуг нашего аутсорс-продакшена добавился дизайн, мы решили, что не хотим работать по общепринятым стандартам. Мы стали искать особый подход к дизайну: максимально качественно, максимально оперативно, максимально экономно. И мы его нашли — просто поменяв местами дизайнеров и верстальщиков.


Читать дальше
Total votes 6: ↑5 and ↓1+4
Comments18

Как разложить фото, видео по папкам, исходя из их дат, используя python

Reading time2 min
Views10K


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

Особенно это характерно для iphone,ipad, которые при прямом копировании (без itunes) создают
залежи медиаконтента. Как это все разложить по годам-месяцам?

Да, есть синхронизация, да, можно сразу все сортировать. Но…

Кто-то предпочитает ничего не трогать, так как соблюдается единство свалки, кто-то делает робкие попытки разложить все накопленное хотя бы по годам.
Читать дальше →
Total votes 8: ↑6 and ↓2+4
Comments18

Уроки компьютерного зрения на Python + OpenCV с самых азов. Часть 7

Level of difficultyEasy
Reading time11 min
Views31K

На прошлом уроке мы изучили некоторые способы поиска областей интереса на изображении. Напомню, что мы делали:

пытались найти по цвету (чаще всего так делать не надо);

пытались найти круглый знак посредством функции HoughCircles (иногда работает);

а еще мы изучили морфологические операции (открытие закрытие).

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

Для начала вспомним, как находить контуры.

Читать далее
Total votes 6: ↑5 and ↓1+4
Comments7

Создаем слайдер с изображением и текстом на React.js с нуля и оптимизируем

Reading time4 min
Views40K

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

За последние 5 месяцев у меня было 15 онсайт собеседований, а также офферы от Google, Roku, Microsoft и других. (Больше информации можно прочитать в моем Telegram-канале)

Вы должны реализовать этот виджет за ~45–50 минут и рассказать об оптимизации. Эту информацию я постараюсь рассказать здесь. Основная цель состоит не в том, чтобы реализовать Image Slider с большим количеством функционала, а в том, чтобы показать, как реализовать и оптимизировать.

Читать далее
Total votes 6: ↑6 and ↓0+6
Comments19

Ожившие динозавры: как анимация и компьютерное моделирование помогают узнать больше о вымерших животных

Reading time7 min
Views3.4K
Красивая, но большая гифка по ссылке

Сегодня при слове «динозавр» мало кто вспомнит классические работы палеоиллюстраторов начала XX века. Скорее всего, в памяти всплывут эффектные сцены из фильмов. Кто-то вспомнит погоню за джипом из первого «Парка юрского периода», кто-то — сражение тирекса и гиганотозавра из последнего «Мира», а кто-то — пушистых тираннозаврят из «Доисторической планеты».
Читать дальше →
Total votes 61: ↑58 and ↓3+55
Comments2

Google пытается оптимизировать формат JPEG, увеличив компрессию на 35%. Что это за технология?

Reading time4 min
Views14K

Формат изображений JPEG появился ещё в конце прошлого века, причём актуальность он не теряет, а, наоборот, набирает. Казалось бы, что можно изменить в технологии, которой столько лет? В Google посчитали, что сейчас самое время для оптимизации формата, а именно повышения эффективности компрессии. Что предложили в Google и как работает новая технология?

Читать далее
Total votes 20: ↑25.5 and ↓-5.5+31
Comments47

Нейросеть строит пейзажное видео по одной фотографии

Reading time3 min
Views7.1K


Учёные из Университета Цукубы и Технологического Университета Тойохаси представили новую статью на SIGGRAPH Asia 2019. Она называется «Анимационный пейзаж: изучение самостоятельного движения и внешнего вида объектов для синтеза видеоизображений из одного изображения». Их метод с помощью свёрточных нейронных сетей (CNN) может создавать анимацию с высоким разрешением из одного ландшафтного изображения.

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

К сожалению, отмечают учёные, при использовании подобных методов разрешение и качество полученного видео часто оказывается намного ниже ожидаемых. Одной из причин неудовлетворительных результатов является то, что пространственно-временная область видео слишком велика по сравнению с изображениями. Другая причина — неопределенность в будущем, в прогнозировании кадров.
Total votes 14: ↑12 and ↓2+10
Comments6

Нейросеть учат определять, что на картинке, и объяснять, почему это именно так

Reading time2 min
Views3.5K

Источник: MIT

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

Вместо того, чтобы обучать нейронную сеть на изображениях птиц целиком, исследователи из частного Университета Дьюка в Северной Каролине и лаборатории Линкольна Массачусетского технологического института обучили ее распознавать различные особенности птиц: форму клюва и головы каждого вида, окраску перьев. Затем алгоритм на каждом новом изображении ищет эти отличительные признаки и пытается определить, к какому виду они принадлежат.
Читать дальше →
Total votes 11: ↑11 and ↓0+11
Comments1

Художники заметили, что сайты воруют арты из Twitter-аккаунтов и делают из них принты для футболок

Reading time2 min
Views8.4K


Художники объявили войну сайтам, которые предлагают купить футболки с рисунками. В течение нескольких лет художники, которые публиковали свои работы в интернете, натыкались на сайты, торгующие футболками и другими товарами с их рисунками без разрешения или какой-либо компенсации. Несколько художников выдвинули теорию, в соответствии с которой арты находили боты.
Читать дальше →
Total votes 21: ↑19 and ↓2+17
Comments23

Дизайнер нагенерировал жуков нейросетью StyleGAN

Reading time2 min
Views11K

Источник: cunicode

Бернат Куни, исследователь в области цифрового дизайна и экодизайна, работающий в студии cunicode, обучил нейросеть на иллюстрациях жуков, которые он взял из энциклопедии. После этого машина смогла сгенерировать собственные изображения.
Читать дальше →
Total votes 20: ↑16 and ↓4+12
Comments9

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

Reading time3 min
Views25K
Я иногда путешествую по разным странам, и языковой барьер, довольно часто, становится серьезным препятствием для меня. И если в странах, где используются языки германской группы, я еще как то могу сориентироваться, то в таких странах как Китай, Израиль и арабские страны без сопровождающего, путешествие превращается в загадочный квест. Невозможно понять местное расписание автобусов/поездов/электричек, названия улиц в небольших городах очень редко есть на английском языке. А уж проблема с выбором, что бы поесть, из меню на непонятном языке вообще сродни ходьбы по минному полю.
Так как я разработчик под iOS, я подумал, а почему бы не написать такое приложение: наводишь камеру на вывеску/расписание/меню и тут же получаешь перевод на русский.
Читать дальше →
Total votes 38: ↑36 and ↓2+34
Comments41

Получаем тип и размеры изображения без скачивания его целиком, используя Python

Reading time2 min
Views17K
Возникла задача профильтровать базу данных ссылок на изображения и удалить большие. В результате было найдено решение на Python, которым я поделюсь под хабракатом:

image
Читать дальше →
Total votes 53: ↑47 and ↓6+41
Comments14

История про хранилище изображений. Или как велосипед спас от костыля

Reading time7 min
Views14K


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

В статье расскажу, как мы разработали сервис, способный хранить миллионы фотографий и обслуживать тысячи запросов в секунду.
Поехали
Total votes 36: ↑36 and ↓0+36
Comments10

Монохромная камера от Leica за $7450

Reading time1 min
Views22K


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

Тем не менее, есть и исключения из общего правила. Компания Leica, к примеру, недавно обновила модельный ряд своих монохромных камер Leica M Monochrom, выпустив новую модель. Эта камера способна делать только черно-белые снимки. А стоит она — $7950.
Читать дальше →
Total votes 12: ↑11 and ↓1+10
Comments45

Приключения в отдельном потоке. Доклад Яндекса

Reading time11 min
Views6.5K
Как работать с изображениями на клиенте, сохраняя плавность UI? Разработчик интерфейсов Павел Смирнов рассказал об этом на основе опыта разработки поиска по фотографиям на Маркете. Из доклада можно узнать, как правильно использовать Web Workers и OffscreenCanvas.



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

Читать дальше →
Total votes 31: ↑30 and ↓1+29
Comments1

Кейс: автоматизация тестирования верстки сайта с помощью скриншотов

Reading time8 min
Views9.9K

Привет, меня зовут Фахридин Джамолидинов, я специалист департамента тестирования в «Ростелеком ИТ». Занимаюсь автоматизацией тестирования основного сайта компании rt.ru. Наш сайт – это не только витрина для информирования клиентов и продаж услуг и товаров для сегментов B2C, B2B и B2O, он ещё предназначен для обслуживания текущих клиентов: FAQ, чат, формы обратной связи, платежные формы и т.п. Он постоянно обновляется, и каждый раз после выпуска новой версии нужно проверять сотни страниц с богатым, динамичным UI на работоспособность в браузерах и адаптивность вёрстки.

Конечно же на этапе разработки применяется практика design review со стороны наших продуктовых дизайнеров, но нет-нет да проблемы всплывали: где-то элементы перекрываются, съезжаются, не сохраняется единый стиль.

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

Читать далее
Total votes 9: ↑5 and ↓4+1
Comments5
1