Как быть с версткой и большими изображениями?

Question

[Kirakami61]

Делаю на заказ сайт, работаю уже достаточно давно, скоро проект идет в релиз и вылезла такая проблема: в разделе блога, так где список всех статей, прьевью статьи в виде изображения ограничено шириной и высотой 585px и 300px соответственно, но есть большое изображение 8000 на 6000px. Теперь вопрос такой: как правильно уменьшить такое изображение, что бы оно не обрезалось (только если совсем немного) или уменьшалось пропорционально, что бы можно было залить его на сайт? Возможно ли решить эту проблему со стороны верстки или надо решать это все через фотошоп? Как вообще решаются подобные проблемы?

Comments

[Михаил]

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

Answer 1

[Александр Аксентьев]

что бы оно не обрезалось (только если совсем немного) или уменьшалось пропорционально

"нормально" никак, только ручками подобрать превью
Соотношения вообще из разных вселенных
4 : 3
39 : 20

andrew.hedges.name/experiments/aspect_ratio

Answer 2

[Кирилл]

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

Comments

[Ярослав Иванов]

Или скрипт писать, который бы обрезал и ужимал.

Answer 3

[kiberlain]

ну я вот в лоб решаю проблему figure img
figure{width: 600; height: 400; overflow: hidden; } (размеры для примера взял)
img {min-width: 100%; min-height: 100%; }

ну и конечно надо объяснить заказчику что не надо метровые картинки заливать...