- 18, May 2024
- #1
Здравствуйте, я собираюсь создать адаптивный веб-сайт с интенсивным использованием изображений.
Основная проблема, которую я пытаюсь решить, связана с изображениями.
Скажем, например, я просматриваю галерею изображений, и для каждого я бы не хотел хранить одно большое изображение высокого разрешения, чтобы его можно было изменить до миниатюры размера почтовой марки, при этом оно по-прежнему будет иметь тот же вес, что и исходное изображение.
само полное изображение.
Я предполагаю, что в связи с этой проблемой при каждой загрузке изображения создается миниатюра? Кроме того, я бы хотел, чтобы полное изображение отображалось только в том случае, если пользователь нажимает на изображение из галереи изображений.
Другая проблема заключается в том, что мобильным телефонам наверняка не понадобится то же изображение высокого разрешения, что и настольному компьютеру.
Есть ли какой-нибудь способ обойти это, или это единственный вариант загрузить другую версию того же изображения (что сделает его миниатюрой, мобильным изображением и изображением для рабочего стола)?
Следующая проблема заключается в том, как выбрать изображение «мобильное» или «настольное». Это случай использования какого-то CSS для выбора этого конкретного изображения в зависимости от ширины браузера? Я заметил, что сайт Adaptive-images.com подходит для этого варианта использования, но я не слишком в этом разбираюсь...
Спасибо за любой совет!
Основная проблема, которую я пытаюсь решить, связана с изображениями.
Скажем, например, я просматриваю галерею изображений, и для каждого я бы не хотел хранить одно большое изображение высокого разрешения, чтобы его можно было изменить до миниатюры размера почтовой марки, при этом оно по-прежнему будет иметь тот же вес, что и исходное изображение.
само полное изображение.
Я предполагаю, что в связи с этой проблемой при каждой загрузке изображения создается миниатюра? Кроме того, я бы хотел, чтобы полное изображение отображалось только в том случае, если пользователь нажимает на изображение из галереи изображений.
Другая проблема заключается в том, что мобильным телефонам наверняка не понадобится то же изображение высокого разрешения, что и настольному компьютеру.
Есть ли какой-нибудь способ обойти это, или это единственный вариант загрузить другую версию того же изображения (что сделает его миниатюрой, мобильным изображением и изображением для рабочего стола)?
Следующая проблема заключается в том, как выбрать изображение «мобильное» или «настольное». Это случай использования какого-то CSS для выбора этого конкретного изображения в зависимости от ширины браузера? Я заметил, что сайт Adaptive-images.com подходит для этого варианта использования, но я не слишком в этом разбираюсь...
Спасибо за любой совет!
![[codecanyon] Plagin Google Drive As WordPress CDN](/assets/images/icons/forum4.png){kind=icon}
![[lynda.com] premiere pro cc - основной курс - 3 часть](/assets/images/icons/forum1.png){kind=icon}
![[25.01.14] SYNBOZ MAX v1.3 С Дамагом](/assets/images/icons/forum2.png){kind=icon}
