Рубрика «изображения» - 5

Форматирование изображений с помощью Canvas - 1

В этой статье мы научимся менять размеры и обрезать изображения с помощью элемента <canvas> в HTML5, и пока мы этим занимаемся, давайте придадим элементам управления стильный дизайн, как в фоторедакторах.

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

Быстрый способ создать гифку из ролика YouTube

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

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

Читать полностью »

Новая система распознавания лиц ФБР помогла поймать преступника, разыскиваемого 14 лет

Этим летом в США внедрили новую систему распознавания лиц для ФБР. Система получила название Next Generation Identification (NGI), а в ее базе насчитываются миллионы фотографий. К концу года система будет развернута во всех штатах, но уже сейчас она начинает показывать неплохие результаты.

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

Читать полностью »

Новая технология позволяет преобразовывать 2D объекты на фото в объемные

Объединенная команда разработчиков из Калифорнийского университета и университета Карнеги-Меллона разработала программу (забегая наперед, стоит упомянуть, что программа — бесплатна), позволяющая преобразовывать 2D объекты на фотографиях в 3D.

При этом принцип, заложенный в основу программы, достаточно простой: софт ищет соответствия объектов на фото среди свободных баз/каталогов 3D моделей. Другими словами, если на фотографии изображен стул от IKEA, например, программа найдет в Сети 3D модель этого стула, и преобразует 2D объект на фото в 3D объект. То же можно сказать и о привычных нам объектах вроде фруктов и овощей.

Читать полностью »

Аспирант из Беркли восстановил внешний вид растения, жившего 375 миллионов лет назад

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

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

Читать полностью »

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

Читать полностью »

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

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

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

image
В данной статье я опишу способ преобразования изображения bmp в матрицу, элементами которой будут значения цветов каждого пикселя.
Каждый пиксель bmp — изображения несет информацию о своем цвете из модели RGB ( цветовая модель изображения, которая состоит из трех компонентов R — red, G — green, B — blue ). Значение каждой компоненты RGB может быть в пределах 0… 255. Это дает возможность закодировать 255*255*255 цветов.
Значение цвета RGB удобнее хранить в hex формате ( шестнадцатерично ), где значение каждой компоненты находятся в пределах 00… FF. Комбинация 000000 — соответствует черному цвету, FFFFFF — белому.
Для начала работы откроем пространство имен Drawing:

   using System.Drawing ;

Создадим новый экземпляр класса Bitmap:

  Bitmap bmp = new Bitmap ( " c :  1.bmp " ) / / c :  1.bmp - адрес изображения

Для хранения значения цвета пикселя можно создать отдельную структуру, полями которой будут компоненты RGB, но я решил использовать класс Color из пространства имен Drawing. Для получения цвета используем метод GetPixel( x, y ), где x, y — координаты пикселя изображения. Если вы хотите использовать собственную структуру для хранения цвета, а не экземпляр класса Color, тогда для получения отдельной компоненты RGB можно использовать метод bmp.GetPixel(x, y).x, где x – R, G или B.

  Color[,] color = new Color[bmp.Width, bmp.Height];
  for (int y = 0; y < bmp.Height; y++)
       for (int x = 0; x < bmp.Width; x++)
       {
          color[x, y] = bmp.GetPixel(x, y); 
       }

Читать полностью »

Свободный движок WebKit теперь поддерживает srcset атрибут изображений, IMG элементов (официальная спецификация от W3C). Это позволяет вам, как разработчику, использовать картинки с высоким разрешением для пользователей использующих ретина-дисплей без ущерба для остальных пользователей. Также важно отметить о наличие изящного решения для браузеров, которые еще не поддерживают данный функционал.

Обратите внимание, в необходимости использовать последние ночные сборки WebKit.

imageЧитать полностью »

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

Для начала кратко основные шаги:
— производим отправку изображения с использованием XMLHttpRequest;
— проводим проверку загруженных данных на сервере на предмет «действительно ли это изображение»;
— проводим принудительное преобразование изображения в jpeg
Читать полностью »


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js