Обрезка картинок с помощью css

12
[Удален]
2434

Добрый день,

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

R
На сайте с 18.12.2009
Offline
92
#1

Здравствуйте. Обрезать нет, но уменьшить размер да.

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

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

[Удален]
#2
rerighter:
уменьшить размер

Да, конечно уменьшить, а не обрезать. Про ресурсы понял, спасибо.

R
На сайте с 18.12.2009
Offline
92
#3

На одном сайте, с которым проводил работы на фрилансе была подобная ситуация.

Миниатюры были сделаны с помощь уменьшения на css до 150 px по ширине.

Исходные изображения были от 800 до 1600 px.

В итого после загрузки страницы был просто ужасный тормозной скроллинг вниз - вверх.

[Удален]
#4
SWMT:
вопрос интересует чисто с теоретической точки зрения

с помощью css и обрезать и уменьшить - это элементарно, но не желательно

впрочем, когда лень нормальные превьюшки делать - вполне прокатит для не особо нужного проекта... ))

C
На сайте с 04.02.2005
Offline
291
#5

Pavel_, Вы уж договаривайте до конца...

обрезать и уменьшить - расшифруйте (не для меня, для ТС)

img {
clip:
width:
}

MacDack
На сайте с 23.07.2012
Offline
55
#6

Можно обратиться, например, к скрипту TimThumb

CMS DLE (/ru/users/992868) icq:6три4девять924семь7
SeVlad
На сайте с 03.11.2008
Offline
1609
#7
SWMT:

вопрос интересует чисто с теоретической точки зрения. Скажите, пожалуйста, возможно или нет, с помощью css автоматически уменьшить картинки до нужного размера

НЕТ! Можно показать в масштабе, но сами картинки размер не изменят.

Делаю хорошие сайты хорошим людям. Предпочтение коммерческим направлениям. Связь со мной через http://wp.me/P3YHjQ-3.
[Удален]
#8
Chukcha:
обрезать и уменьшить - расшифруйте (не для меня, для ТС)

Странная просьба... напоминает ::: в Америке некая дама выиграла процесс в суде и отсудила у производителя бытовой техники оччень значительную сумму денег, потому что эта компания не указала в инструкции к микроволновке ::: "в ней нельзя сушить кошку !!!".

Не сомневаюсь, что ТС вштырился уже в третьем сообщении.

"обрезать и уменьшить " - читаетсо в контексте "что такое css, что он могёт и для чего придуман "

sir Nicholas
На сайте с 18.04.2012
Offline
146
#9

Увидел название темы и испугался, подумал что что-то важное в css упустил. :)

ТС, пережать принудительно картинку можно по крайней мере 3-ма элементарными способами.

1.

<img height="240" width="400" alt="" src="" />

2.

<img style="height:240px;width:400px;" alt="" src="" />

3.

<img class="images" alt="" src="" />
.images{height:240px;width:400px;}
SeVlad
На сайте с 03.11.2008
Offline
1609
#10
sir Nicholas:
пережать принудительно картинку

Не "пережать картинку", а "вывести на экран".

Почувствуйте разницу, как говорится.

12

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