Заметки об HTML, CSS, AJAX, DOM, PHP, MySQL и многом другом

Если предполагается, что сайт будут заполнять контентом неподготовленные пользователи (в смысле, не знающие HTML, CSS, да и вообще плохо разбирающиеся в компьютере), то возможны ситуации, когда они загрузят слишком большую по размеру фотографию, которая приведет к тому, что сайт “разъедется”. Конечно, правильным решением является обработка картинки на стороне сервера, но не всегда есть такая возможность.

В этом случае при верстке имеет смысл принудительно ограничить ширину картинки с помощью CSS:

.content img { max-width: 700px }

где .content — это класс слоя, в котором отображается основное содержимое страницы.

Конечно, качество картинки при этом пострадает, но все же неудобств пользователю будет меньше, чем при растянутом сайте.