CSS: размер изображения, как сделать?

12
T3
На сайте с 21.12.2008
Offline
27
1199

Здравствуйте!

Проблема в следующем. Загружаем на сайт фото размером 400хN, где N - высота фотографий, и для каждой фотографии она разная. Нужно сделать типо анонс статьи, где эта фотография должна быть уменьшенной, то есть 200хW, где W - высота, пропорциональная N. Я могу в css прописать фиксированную высоту фотографии анонса, но качество у этих фоток будет разное (одна фотка - вытянутая, другая - сплющенная). Поэтому хотелось бы увидеть решение это проблемы))))

Заранее спасибо)

[Удален]
#1
tugrik37:
Проблема в следующем.

Делаете ресайз фото для анонса и проблемы нет.

!
На сайте с 29.11.2007
Offline
109
#2

т.е. вы хотите чтобы css вам еще работу граф. редактора выполнял?) а можно вообще такое?)

.
Brand from Amber
На сайте с 18.08.2007
Offline
293
#3

tugrik37, Возможно такой вариант подойдёт - пожарастойкость: http://to.lcc.ru/test/10.htm

P.S. на лишнее слово ("- пожарАстойкость") внимания не обращайте, оно к Вашему вопросу отношения не имеет. =)

Лучший способ понять что-то самому - объяснить это другому.
[Удален]
#4
Brand from Amber:
Возможно такой вариант подойдёт - пожарастойкость: http://to.lcc.ru/test/10.htm

Можно в выводе написать ( в зависимости от того, как выводится фото) <img src="adress" style="width:50%; height:50%;"> )) К чему сложности? Хотя лучше ресайзить фотки на уровне php, чтобы траф экономить.

Brand from Amber
На сайте с 18.08.2007
Offline
293
#5
Moi-Sha:
Можно в выводе написать ( в зависимости от того, как выводится фото) <img src="adress" style="width:50%; height:50%;"> )) К чему сложности?

А Вы первый пост ТС про "пропорциональную высоту" читали?

Moi-Sha:
Хотя лучше ресайзить фотки на уровне php, чтобы траф экономить

Далеко не всегда лучше.

[Удален]
#6
Brand from Amber:
Далеко не всегда лучше.

Если они не сильно отличаются по размеру или размер небольшой, то Вы правы. Если в новости фото весит 100 кб а в анонсе должно быть 10 кб, то лучше ресайзить программными методами а если статей мало, то руками в редакторе ))

Moi-Sha добавил 06.03.2010 в 00:43

Brand from Amber:
А Вы первый пост ТС про "пропорциональную высоту" читали?

Тогда задаете width по одному измерению )) <img src="adress.jpg" width="50%" />

Brand from Amber
На сайте с 18.08.2007
Offline
293
#7
Moi-Sha:
Если в новости фото весит 100 кб а в анонсе должно быть 10 кб, то лучше ресайзить программными методами а если статей мало, то руками в редакторе

От многих факторов зависит! Скажем, если кол-во людей переходящих на полную версию новости равняется 100% от общего кол-ва пользователей, то в Вашем случае получится расход трафика (на 10%) вместо его экономии. ...есть и другие нюансы, так что не нужно столь категорично.

[Удален]
#8
Brand from Amber:
то в Вашем случае получится расход трафика (на 10%) вместо его экономии. ...есть и другие нюансы, так что не нужно столь категорично.

А если не 100% то тогда экономия. Спор не имеет под собой почвы, первому постеру должно быть понятно, что реализовать можно и так и так ))

K
На сайте с 29.07.2008
Offline
132
#9

в теге Img просто указывайте нужный width, без height

аналогично в css - только width: 200px;

без height

но в img тогда height все равно не должен упоминаться

Angelo
На сайте с 01.01.2007
Offline
125
#10

Делайте скалирование с помощью css. Т.е делайте фиксированую ширину, а все что выше n высоты overflow:hidden;

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий