генерировать «thumbnail» в html, сохраняя пропорции

Можно ли уменьшить изображение в html, сохраняя пропорции?генерировать «thumbnail» в html, сохраняя пропорции

Я знаю, что могу использовать атрибут высоты и ширины тега img, но я не знаю размер изображения.

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

Я знаю, что ideal решение есть. Но я хочу быстро и грязно ...

источник

2009-10-20 flybywire

Почему вы предпочитаете быстрый и грязный раствор? – rahul

@phoenix, временные ограничения - вам приходилось иметь дело с ними? или у вас всегда есть время для доставки наилучшего решения. – flybywire

Быстрый и грязный: просто установите один из атрибутов в IMG тег:

<img src="my.jpg" width="200" /> or <img src="my.jpg" height="200" />

источник

2009-10-20 09:42:21 Trick

Да. Просто используйте высоту или ширина.

Но быстро и грязно very dirty.

источник

2009-10-20 09:42:41 Quentin

Ссылка доказывает, что качество изменения размера браузера очень зависит от браузера: я пробовал его в Chrome, IE и Firefox. В IE и Firefox было очевидно, что он использовал «быстрый» фильтр, но он был немного лучше, чем «быстрое» предварительно обработанное изображение. В Chrome это было действительно очень хорошее качество на изображении с уменьшенным размером браузера. Это было на самом деле лучше, чем высококачественное предварительно обработанное изображение! – awe

Я дал вам +1, хотя из-за того, что вы правы в обоих решениях (используйте высоту ** или ** ширину), и что он ОЧЕНЬ грязный на основе использования большей пропускной способности, чем необходимо. – awe

Помните также, что вы можете дать определенный процент от первоначальной ширины/высоты в качестве значения, а также, например:

<img src="my.jpg" width="50%" />

источник

2009-10-20 09:50:22 Anax

Это не будет работать в большинстве случаев - оно просто установит ширину изображения на 50% от ширины охватывающего элемента. –

генерировать «thumbnail» в html, сохраняя пропорции

ответ

Смежные вопросы