Равномерная шкала/обрезка/формат загружаемых пользователем аватаров

Question

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

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

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

Answer 1

я использовал несколько различных приложений, чтобы сделать это:

• sorl.thumbnail: достаточно простой интерфейс и делает свои метки для вас (что очень удобно в админке). Мне не нравятся, что размеры и характеристики изображения определяются в атрибуте модели, что создает загроможденный код и путает разделение дизайна и данных.
• Photologue: Размеры изображений определяются администратором и хранятся в вашей базе данных. Это удобно. Загрузите zip-файлы в галереи. Много хорошего. Может быть, больше, чем вам нужно.
• ImageKit: Следующая версия Photologue строится на этом. Это более низкий уровень, определяет характеристики изображения (размеры и процессоры) в файле спецификаций. Это не делает больше, чем нужно, но, похоже, делает достаточно.

Как я уже сказал, я использовал все три для разных проектов (в порядке, указанном, по совпадению). Похоже, что вы делаете, я бы пошел с Sorl или ImageKit.

Answer 2

Я думаю, PythonMagick позволит вам сделать это. Это версия Python ImageMagick

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

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

Answer 3

Вы можете использовать только PIL и Image.thumbnail метод.

Answer 4

Использование Django-Sorl, который даст вам теги, которые автоматически генерируют и кэшируют эскизы разных размеров, включая масштабирование и интеллектуальную обрезку. Я использую это, размещая файлы и миниатюры на локальном S3-mount, и он автоматически помещает все эскизы на место, где пользователи могут захватывать их с S3.

Answer 5

Если Flash является опцией, то можно просмотреть изображение в Flash-ролике (используя класс FileReference), обрезать/изменить его размер, а затем закодировать изображение в желаемый формат изображения (есть некоторые кодировщики для PNG и JPEG в AS3 corelib package), затем загрузите его на сервер.

Примечание: Это может быть сделано только в Flash, 10.

Для получения дополнительной информации ознакомьтесь с http://labs.findsubstance.com/2008/04/03/as3-upload-encode-images/

Answer 6

Почему бы не использовать проект django-avatar?

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

На Filmaster мы также кэшируем аватары. Вы можете посмотреть здесь код тега шаблона: https://musielak.eu/public/film20/film20/userprofile/templatetags/avatars.py (пользователь: justlookingaround, pass: film @ ster).

Answer 7

... Flash ??? Поговорите о том, чтобы прогуляться по горам, чтобы пересечь пруд.

Python имеет библиотеку изображений, называемую PIL. Вы должны загрузить его самостоятельно, но это не намного проще, если вы не хотите, чтобы приложение, такое как django-avatar, позаботилось о некоторых дополнительных материалах для вас.

http://effbot.org/imagingbook/image.htm

Это серьезно так просто! Даже преобразование типов изображений так же просто, как один строковый аргумент метода «save».