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

Вопрос.
1. Какие есть реализованные механизмы для среды ASP.NET в автоматическом сжатии графического файла?
2. Интересен также вариант интерактивного выбора определенного прямоугольного участка со всей фотографии как, например в ВКонтакте, или Скайп.
3. Любые интересные идеи и предложения приветствуются.

Спасибо всем, кто подскажет в какую сторону смотреть.

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

Ну согласен, что я не сильно то и понимаю что к чему.

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

Догадываюсь, что скорее всего, речь идет не об обрезке файла, а о задании спецнастроек для div-а, в котором это изображение потом выводися в html на странице. Или даже не так. Ведь на сервере похоже все же сохранено полное изображение.

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

Если понятно, что я написал :) ?!

ShSerge, а не подскажете ссылочку неплохого поста об урезке граффайла на c# ?! Вы же всегда прямо в яблочко ссылки предлагаете!

http://odyniec.net/projects/imgareaselect/examples-callback.html

вот, кстати, откопал ресурс. С клиента я уже получу границы будущей обрезки, теперь вопрос остался как на сервере это реализовать?

Это все верно, что пользователь может захотеть изменить завтра фрагмент.

Но тут ничего не поделаешь, ведь хранить все изображение мы не можем, пока :)

Вот, что я предлагаю себе:

1. В форме загрузки очередного изображения пользователь выбирает исходный файл на своем компьютере;
2. Аяксом файл полностью заливается на хостинг и тут же отображается в этой же форме для возможности дальнейшей работы с этим изображением пользователя;
3. Пользователь тут же кропит изображение и нажимает кнопку "Сохранить";
4. На сервер улетают границы обрезки, пересохраняется изображение с новыми границами обрезки и
5. страница перезагружается, или перенаправляется на другую требуемую страницу.

Такой вариант, вроде ниче так. Я правильно все представляю себе, или есть аккие-то еще требуемые для такой цели шаги?

Спасибо за помощь!

Так по моему последнему посту, правильные мысли, или че где упущено, или делается сегодня не так?

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

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

Я понимаю, что высказываю неоднозначные задачи, но еще раз повторю:

проблема в том, что место на сервере надо экономить и как то решать проблему нежелания/неумения пользователей заботиться об этом.

Посему я со своим малюсеньким опытом вижу два пути, дополняющих друг-друга:
1. Дать пользователю инструмент на клиенте для обрезки картинки изображения (это первый шаг уменьшения веса файла);
2. Сжимать сам файл уже обрезанного изображения на сервере.

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

Я правильно мыслю, или сейчас всё это дело решается как-то иначе?

Пожалуйста, подскажите туда ли я смотрю вообще.

И еще один вопрос по ходу дела.

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

Ну, в общем понятно, что зря порим горячку.

А за пример кода отдельное СПАСИБО.

Слушайте, уважаемые завсегдатаи форума. Еще один вопросик.

Ситуация.

Есть у нас html-тег
И таких тегов, к примеру 3 ряда по 4 шт в каждом. Получается вывод в три ряда до4 изображения небольшого размера, к примеру 120/120 px.

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

Получится что-то вроде (разметка чисто для примера, не пугайтесь):



Это всё хорошо, когда изображения квадратные и указание одного лишь атрибута width даст требуемое пропорциональное уменьшение на экране. Также этот способ хорошо сработает когда все изображения имеют одинаковые исходные размеры, пускай не квадратные, но прямоугольные. Но все одинаковые.

А что когда каждая картинка имеет свою сторону прямоугольника размера? Что когда одна картинка посредством задания атрибута width="120px" получит высоту 40 px, другая рядом 190 px, третья - 10 px ?!

В итоге все некрасиво будет смотреться в отношении выравнивания по высоте/ширине.

Можно, конечно, настраивать атрибут height и получать отличное выравнивание по высоте, но всё же ширина будет сильно отличаться каждой картинки.

Вот как бы реализовать способ уменьшения так, что бы програмно определять какой атрибут (width или height) предпочтительнее задать для конкретной картинки?