Для сайта мне нужно иметь возможность динамически отображать фоновые изображения в зависимости от разрешения экрана пользователя.
То есть, когда страница начинает загружаться, внутри <head>
загружается небольшой javascript, который устанавливает фон страницы через css на что-то вроде http://example.com/backgrounds/beach_800x600
, где 800 и 600 — это разрешение экрана, определенное через javascript.
Я создаю различные изображения с измененным размером для наиболее распространенных разрешений экрана, чтобы у большинства людей было точное совпадение их разрешения экрана с существующим изображением. Если нет точного соответствия, например, если у пользователя разрешение экрана AxB
, для которого нет существующего изображения, то изображение будет создано и изменено на AxB
на лету, и будет обслуживаться. С этого момента всем, у кого разрешение AxB
, будет показываться это изображение.
У меня есть вопросы:
1) Это безопасный метод? То есть я не хочу создавать более 50 изображений нестандартного размера для нестандартных разрешений экрана. Смогу ли я остаться на этом стадионе с помощью этого метода? И есть ли какие-либо другие риски безопасности, о которых я должен знать при использовании этого метода?
2) Должен ли я дать ему погрешность, скажем, 50 или 100 пикселей, поэтому, если у кого-то разрешение 700x900, а у меня его нет, но у меня есть 600x800 или у меня есть 800x1000, тогда я буду использовать эти существующие изображения, а не создавать новые те? Если да, должен ли я установить поле в 100 пикселей или есть лучшее число?