Как лучше хранить картинку?

Question

[Алексей Лебедев]

Представим магазин в нем пользователь может подобрать одежду и поделиться с друзьями.

Для определенности пусть будет объект состоящий из 4-х картинок:
- голое тело
- майка
- штаны
- обувь

Рассматриваю 3 варианта:
1) взять голое тело и на клиенте наложить png картинки поверх.
Плюсы:
- кеширование частей картинок.
- уменьшение действий на сервере
Минусы:
- больше запросов
- больше трафика.

2) при сохранении образа сохранить картинку в jpg(png)
Плюсы:
- меньше трафика
- возможность закешировать объект целиком
Минусы:
- дольше выполняется сохранение
- при ошибки сохранения не будет образа вообще

3) при первом запросе к картинку сгенерировать ее, и выдавать из кеша:
Плюсы:
- меньше трафика
- возможность закешировать объект целиком
- быстрее происходит сохранение
Минусы:
- дольше выполняются просмотры
- выше нагрузка на сервере.

Делаться это будет на ASP.NET c ashx обработчиков. Но вопрос больше по архитектуре.
Как лучше эту вещь реализовать?

Comments

[Алексей Лебедев]

Владислав Турчинский: дизайнер рисует все это в PSD, там все продумано. Я режу по слоям и думаю, а как дальше.

[razoumnick]

Вариант работы с svg не рассматриваете? Дизайнер мог бы рисовать svg шаблоны отдельных шмоток в AdobeIllustrator например. А дальше вы делаете с ними что угодно. Удобно когда есть выбор материала/цвета, вам нужен всего один шаблон и картинки текстуры, большая экономия ресурсов получается.

Answer 1

[Антон Папин]

Не вижу смысла сохранять результирующую картинку куда-либо, кроме как по запросу клиента. Чтобы её просто показать, достаточно хранить коллекцию ссылок на PNG-файлы (JPEG не поддерживает прозрачность) и накладывать их прямо в браузере друг на друга, поверх, не сводя в единое изображение.
Плюсы:
- картинки кэшируются
- никакой нагрузки на сервер
- никакой нагрузки на клиент
Минусы:
- картинка выдаётся не мгновенно, а загружаются все части по очереди.