dnibbo Ответов: 1

Сайт изображения различных размеров

Просто немного запутался в изображениях веб-сайтов и в том, что передается через интернет.

Смеяться все хотят; я не веб-разработчик, поэтому не знаю этого материала.

Если веб-сайт имеет изображение, которое первоначально составляет 20 000 на 5000 пикселей, но уменьшено с помощью CSS до 200 на 50, то какое изображение фактически передается через интернет? Это исходная визуализированная меньшая клиентская сторона или уменьшенная серверная сторона, а затем перенесенная?

Причина, по которой я спрашиваю, заключается в том, что у нас есть большой репозиторий изображений с высоким разрешением, которые должны отображаться в 4 различных размерах (Результаты поиска, каталог, продукт и очень большой). Все они возвращаются вызовом AJAX, и мне нужно знать, лучше ли сгенерировать все 4 версии одного и того же изображения на нашем сервере или просто позволить HTML/CSS делать свое дело.

Спасибо

Что я уже пробовал:

На веб-странице Я сравнил размер изображения, щелкнув правой кнопкой мыши и посмотрев на свойства, а затем сохранив его локально. Оба выходят с разными размерами!

1 Ответов

Рейтинг:
8

ZurdoDev

CSS-это процесс на стороне клиента, и поэтому он не может влиять на то, что делает сервер. Таким образом, все изображение отправляется клиенту, а затем браузер масштабирует его вверх или вниз в зависимости от того, что говорит html/css.

Если исходное изображение имеет размер 200 на 200 пикселей, то клиенту отправляется все изображение целиком. Если html говорит, чтобы отобразить его 50 x 50, то он масштабируется, но по-прежнему является исходным изображением. Если вы щелкнете правой кнопкой мыши на картинке и откроете ее в новой вкладке, то увидите исходную картинку.

dnibbo

Спасибо, что все это имеет смысл, когда ты так говоришь.

ZurdoDev

Пожалуйста. Существуют инструменты, которые можно использовать для масштабирования изображений в реальном времени на сервере. Вам придется искать их в google. Я использовал ImageGlue.net много лет назад, когда пользователи загружали изображения, мы затем масштабировали их до нужных нам размеров и хранили отдельно.

Все зависит от ваших потребностей.

dnibbo

Спасибо, интересная на вид программка.
Я подумал, что напишу свою собственную серверную задачу, чтобы просканировать папку на наличие изменений и сгенерировать 3 разных размера, которые мне нужны. Я также могу обрезать любые пробелы одновременно.

ZurdoDev

Действуй. Звучит хорошо.