Асинхронно загрузить изображение в Image

@Hard-Rock · Регистрация: 18.12.2011

Студворк — интернет-сервис помощи студентам

Если загружать большое изображение по принципу Image.Source, то интерфейс будет тупить некоторое время. Есть ли у кого пример асинхронной загрузки изображения ?
Спасибо.

Комментарий модератора

ЗАпрещено задавать свои вопросы в чужих темах

@kolorotur · 21.01.2013, 23:50

Сообщение от LeniumSoft

Торможение обходят уменьшением изображения до оптимального размера.

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

@LeniumSoft · 22.01.2013, 10:38

Сообщение от kolorotur

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

http://msdn.microsoft.com/ru-r... s.95).aspx
http://bsix12.com/deepzoom-composer/

Пример: http://bsix12.com/monalisa/

Добавлено через 4 минуты

Сообщение от Hard-Rock

Я уменьшаю картинки перед тем как отправлять их в Image.

У меня подвисает если размеры картинки 10000х7500. Я уменьшаю её до 1024х768 и зависания исчезают!

@kolorotur · 22.01.2013, 10:53

Сообщение от LeniumSoft

http://msdn.microsoft.com/ru-ru/libr...(v=vs.95).aspx
http://bsix12.com/deepzoom-composer/
Пример: http://bsix12.com/monalisa/

Спасибо за ссылки, но вопрос остается в силе: как устранить зависание приложение на время загрузки изображения в память компьютера?
Ведь перед тем, как производить манипуляции с изображением, его сначала надо бы подгрузить в память из внешнего источника (накопитель, сеть).

Если есть готовые решения, было бы здорово узнать.

@nio · 22.01.2013, 10:53

Сообщение от LeniumSoft

У меня подвисает если размеры картинки 10000х7500

да неужели? всего каких-то 75 мегапикселей, и уже зависает? картинка весит всего-лишь 300 МБ - должно отрисовывать мгновенно ....

Не по теме:

куда катится мир?!

@LeniumSoft · 22.01.2013, 11:10

Сообщение от kolorotur

как устранить зависание приложение на время загрузки изображения в память компьютера

Фишка в том что большая картинка загружается быстро! Ну по крайней мере у меня! Тоесть формирование BitmapImage проходит меньше чем за секунду. Авот после image1.Source = bitmapImage приложение виснет на четыре секунды!

Сообщение от nio

да неужели? всего каких-то 75 мегапикселей, и уже зависает? картинка весит всего-лишь 300 МБ - должно отрисовывать мгновенно ....

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

Добавлено через 6 минут

Сообщение от nio

картинка весит всего-лишь 300 МБ

Ну и поправочка! Моя картинка весит 25 метров! Качество знаете ли не ахти!

А 25 метров скачивается с флэшки за секунду. Потому как флэшка качает 28MB/s.
Так что виснет именно отрисовка в Image.

@nio · 22.01.2013, 11:27

Не по теме:

Сообщение от LeniumSoft

Моя картинка весит 25 метров

10000х7500х4 = 300 000 000 Байт (цветное изображение с альфаканалом)
10000х7500х3 = 225 000 000 Байт (цветное изображение без альфаканала)
10000х7500х1 = 75 000 000 Байт (полутоновое (256-цветное) изображение)
10000х7500 / 8 = 9 375 000 Байт (бинарное изображение)
Не надо путать размер jpg-файла с размером картинки, при отображении все равно происходит распаковка (кстати операция, которая тоже требует времени)

@LeniumSoft · 22.01.2013, 11:43

Сообщение от nio

10000х7500х4 = 300 000 000 Байт (цветное изображение с альфаканалом)
10000х7500х3 = 225 000 000 Байт (цветное изображение без альфаканала)
10000х7500х1 = 75 000 000 Байт (полутоновое (256-цветное) изображение)
10000х7500 / 8 = 9 375 000 Байт (бинарное изображение)
Не надо путать размер jpg-файла с размером картинки, при отображении все равно происходит распаковка

Вы к чему это всё ведёте? Создателю темы нужно выяснить каким образом отобразить большое изображение без зависания. Мы тут можем поднять кучу материала из википедии или пройтись по внутреннему строению файлов с картинками. Это делу не поможет! Я хотел показать что подвисает именно Image. Соответственно нужна альтернатива.

@nio · 22.01.2013, 12:05

Сообщение от LeniumSoft

Вы к чему это всё ведёте?

К тому, что отобразить картинку такого объема (размера) мгновенно не получится по следующим причинам:
1) Чтение файла такого объема занимает время
2) Декодирование картинки из jpg (или другого формата) требует времени
3) Масштабирование (если выводится не в масштабе 1:1) для отображения на экране требует времени

Учитывая выше перечисленное делаем вывод: при нынешнем уровне аппаратных средств выполнение задачи по мгновенному выводу картинки размером 300 МБ не возможно. Против математики и физики не попрешь.

Сообщение от LeniumSoft

Соответственно нужна альтернатива.

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

@LeniumSoft · 22.01.2013, 12:47

Сообщение от nio

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

DeepZoom! Картинка разрезается на кучу более маленьких. Создаётся xml с метаданными. После чего этот xml скармливаем уже готовому контролу MultiscaleImage. Либо как я и сказал уменьшать размер изображения до нужного.

Добавлено через 23 минуты

C#
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
void MainWindow_Loaded(object sender, RoutedEventArgs e)
        {
            LoadImage();
        }
 
        private void LoadImage()
        {
            BitmapImage bitmapImage = GetBitmap(@"путь к картинке");
 
            image1.Source = bitmapImage;            
        }
 
        private BitmapImage GetBitmap(string path)
        {
            Stream stream = new FileStream(path, FileMode.Open);
 
            BitmapImage bitmapImage = new BitmapImage();
            bitmapImage.BeginInit();
 
            bitmapImage.StreamSource = stream;
            bitmapImage.DecodePixelWidth = 1024;
 
            bitmapImage.EndInit();
 
            return bitmapImage;
        }

Это мой код! Даже без асинхронности работает без тормозов.
Ну а если уш нужна паралельность то:

C#
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
void MainWindow_Loaded(object sender, RoutedEventArgs e)
        {
            LoadImage();
        }
 
        private async void LoadImage()
        {
            BitmapImage bitmapImage = await GetBitmap(@"путь к файлу");
 
            image1.Source = bitmapImage;            
        }
 
        private Task<BitmapImage> GetBitmap(string path)
        {
            Stream stream = new FileStream(path, FileMode.Open);
 
            BitmapImage bitmapImage = new BitmapImage();
            bitmapImage.BeginInit();
 
            bitmapImage.StreamSource = stream;
            bitmapImage.DecodePixelWidth = 1024;
 
            bitmapImage.EndInit();
 
            return Task.FromResult<BitmapImage>(bitmapImage);
        }

@kolorotur · 22.01.2013, 15:14

Сообщение от LeniumSoft

C#
1
bitmapImage.DecodePixelWidth = 1024;

Хмм... А можно это как-то указать в разметке, чтобы работало с привязкой данных?

@LeniumSoft · 22.01.2013, 15:38

Сообщение от kolorotur

Хмм... А можно это как-то указать в разметке, чтобы работало с привязкой данных?

Щас проверю!

Добавлено через 6 минут

XML
1
2
3
4
5
        <Image x:Name="image1" HorizontalAlignment="Stretch" VerticalAlignment="Stretch">
            <Image.Source>
                <BitmapImage UriSource="путь к файлу" DecodePixelWidth="1024" />
            </Image.Source>
        </Image>

Добавлено через 1 минуту
Только учти что после инициализации изменения свойств у BitmapImage игнорируются!

Добавлено через 13 минут
kolorotur, ты меня удивил! Я думал ты всё знаешь!

@kolorotur · 22.01.2013, 16:37

Сообщение от LeniumSoft

XML
1
2
3
4
5
        <Image x:Name="image1" HorizontalAlignment="Stretch" VerticalAlignment="Stretch">
            <Image.Source>
                <BitmapImage UriSource="путь к файлу" DecodePixelWidth="1024" />
            </Image.Source>
        </Image>

Спасибо!
Да уж, до этого мог бы и сам догадаться...
Однако, при включенной виртуализации в режиме Recycling по кругу выдает одни и те же картинки

Сообщение от LeniumSoft

Я думал ты всё знаешь

Я даже не знаю как вас зовут (а людей планете Земля - что-то около 7 млрд), а вы прям-таки "всё".
Если серьезно, то я WPF изучаю "без году неделю", потому не знаю очень даже много. Сейчас вот новую тему буду создавать.

@Hard-Rock · 22.01.2013, 18:58 **[ТС]**

А для, Async / Await нужна 11-ая студия ?

@kolorotur · 22.01.2013, 19:01

12-я

Psilon · 22.01.2013, 19:25

kolorotur, 11 == 2012

@Hard-Rock · 22.01.2013, 19:56 **[ТС]**

спасибо

@JohnJ · 02.07.2015, 08:09

kolorotur, Я показываю в программе некоторые файлы с изображениями, находящиеся на сетевом диске. Воспользовался вашим советом. Всё отлично сработало! Некоторые подробности:
Сначала хотел через async/await сделать, но "BitmapImage is not awatiable".
В итоге нашёл ваш код, малость подправил его (у вас ошибка в

C#
1
2
3
4
 public static string SetSource(Image img)
   {
      return img.SetValue(SourceProperty, value);
   }

не хватает параметра "string value").
Ну и в методе OnSourceChanged я не создаю никакого потока, просто вызываю свой метод получения иконки предпросмотра ("предиконки") обычным способом, в основном потоке программы.
А в XAML привязываю так:

XML
1
<Image Source="{Binding DefaultIcon}" async:AsyncImageLoader.Source="{Binding FilePath, IsAsync=True}">

Что позволяет показывать иконку типа "Загрузка...", которая затем заменяется на предиконку изображения по мере подгрузки. Прямо как в Проводнике Windows и без лишних заморочек с потоками

Огромное спасибо за ваше сообщение. Очень помогло!

Новые блоги и статьи Все статьи Все блоги /
GitHub Copilot в JetBrains: модель по умолчанию, Fix и контроль MCP and_y87 12.10.2026 10 октября 2026 года GitHub обновил Copilot для JetBrains: добавил настройки стартовой модели, исправления из диагностики и управление автозапуском MCP. Поддержка IDE 2025. 1 прекращена — требуется. . .	День 5 из 28: Codex подсказывает следующий запрос and_y87 12.10.2026 9 октября 2026 года OpenAI запустила бету Composer predictions — подсказок следующего сообщения в текущем диалоге Codex. Это помощь с формулировкой запроса, а не автоматическое продолжение задачи. . . .	Запустил конкурс "тем и промптов для текстовых квестов созданных почти чисто ИИ" Adler 06.10.2026 Всем привет! За последние три-четыре дня я создал более 16 текстовых квестовых игр используя преимущественно по одному запросу к ИИ на игру. Мне так понравилось смотреть все ветки/ сцены во всех. . .	ИИ не может найти нужный язык в списке Supersumestria 05.10.2026 Я ему даю вот такое изображение и прошу найти и подчеркнуть немецкий язык. Возвращает он вот это: https:/ / i. **********/ vqBWLe2. png Нужную строчку в 3й колонке просто выдумал. . Это. . .
Новая последняя моя музыка в SUNO zorxor 05.10.2026 Здравствуйте, дорогие мои друзья! С большой радостью я хотел бы представить вам свою новую последнею музыку, которую сгенерировала мне по моей просьбе нейросеть SUNO. С уважением, zorxor. Это. . .	Программный домашний кинотеатр russiannick 27.09.2026 Сподобился на программный домашний кинотеатр. В качестве ЯВУ по традиции выбрал js. В помощники взял Яндекс-Алису. Было создано три зала на разные интересы. исторические и ретро сериал Хичкок. . .	Беседа с ИИ о программистах, недопускающих к созданию и правке кода генеративные ИИ и причины этого zorxor 21.09.2026 Раньше я радовался или получал некоторые эмоции, пусть небольшие, но всё же, от самого процесса написания кода, рекомпиляции и запуска, видя постепенное развитие программы и прочее. А теперь лень. . .	Мобильное приложение ColorStep pavlinmavlin 17.09.2026 Реализовал приложение Красный, Зеленый, Синий в Unity3d + c#. Название изменил на ColorStep. Приложение прошло модерацию и теперь доступно для скачивания. Делал его сам, шаг за шагом — и вот,. . .

@Hard-Rock 0 / 0 / 0 Регистрация: 18.12.2011 Сообщений: 21
	22.01.2013, 18:58 [ТС]
	А для, Async / Await нужна 11-ая студия ? 0

@kolorotur 17823 / 12973 / 3382 Регистрация: 17.09.2011 Сообщений: 21,261
	22.01.2013, 19:01
	12-я 0

Psilon Master of Orion 6102 / 4958 / 905 Регистрация: 10.07.2011 Сообщений: 14,522 Записей в блоге: 5
	22.01.2013, 19:25
	kolorotur, 11 == 2012 0

@Hard-Rock 0 / 0 / 0 Регистрация: 18.12.2011 Сообщений: 21
	22.01.2013, 19:56 [ТС]
	спасибо 0