Есть ли способ загрузить изображения только с разрешением экрана (вместо полноразмерного) - Blogger

Question

Есть ли способ загрузить изображения только с разрешением экрана (вместо полноразмерного) - Blogger

0

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

вот пример, который поможет вам понять мою проблему: пусть изображение имеет размер 512x512px (имеет размер 1MB), но при отображении его на веб-странице я использую для изменения размера изображения до 200x200px с помощью css.

но изображение загрузится (оно по-прежнему потребует загрузки 1 МБ) в полном разрешении 512х512 пикселей, хотя оно будет отображаться меньшим размером экрана 200х200 пикселей из-за css.

Я хочу, чтобы это изображение загружалось с разрешением экрана размером 200x200 пикселей. поэтому при загрузке размер будет уменьшен (менее 1 МБ).

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

Я использую Blogger.

Android Appania 15 дек. 2013, в 09:35

Источник

0

Вы должны сделать это со стороны сервера. Веб-страницы будут отображаться путем загрузки содержимого с сервера.
Rajaprabhu Aravindasamy 15 дек. 2013, в 08:13
0

Изображения не могут быть просто загружены в другом разрешении. Он должен быть преобразован в другое разрешение, создав новый файл изображения. Похоже, вы пытаетесь создать эскизы для больших изображений в галерее или что-то? Ваш сервер должен создавать уменьшенное уменьшенное изображение каждый раз, когда изображение загружается.
sbking 15 дек. 2013, в 08:13
0

Вам нужно будет создать несколько версий вашего изображения и выбрать правильную с помощью JavaScript. Элемент HTML5 <picture> который делает именно это, еще не поддерживается браузерами.
Blender 15 дек. 2013, в 08:14

Показать ещё 1 комментарий

Теги:

html

css

image

2 ответа

Ещё вопросы

Вы должны сделать это со стороны сервера. Веб-страницы будут отображаться путем загрузки содержимого с сервера.
Изображения не могут быть просто загружены в другом разрешении. Он должен быть преобразован в другое разрешение, создав новый файл изображения. Похоже, вы пытаетесь создать эскизы для больших изображений в галерее или что-то? Ваш сервер должен создавать уменьшенное уменьшенное изображение каждый раз, когда изображение загружается.
Вам нужно будет создать несколько версий вашего изображения и выбрать правильную с помощью JavaScript. Элемент HTML5 <picture> который делает именно это, еще не поддерживается браузерами.

HabibS · Answer 1 · 2013-12-15T07-11-00.000Z

Вы должны сделать миниатюру с помощью серверной программы в php/.net/... Невозможно изменить размер или разрешение на лету просто простым html. javascript также нуждается в некотором приложении (стороне сервера) для его интеграции.

user3103692 · Answer 2 · 2013-12-15T06-54-00.000Z

Ответ - нет. Вам нужно, чтобы изображение на вашем сервере составляло 200 пикселей.

Вы можете сделать это, если у вас есть контроль над бэкэнд-системой для изменения размера изображений на основе переданных параметров. http://www.example.com/image?width=200&height=200.

Можно подумать, что браузер может загружать только часть файла, используя форматы файлов, основанные на вейвлет-сжатии, например JPEG2000. Я не думаю, что браузеры поддерживают частичную загрузку изображений JPEG2000.