Эту проблему можно очень легко решить, добавив в код вставки счетчика на страницу стандартные атрибуты html-элемента IMG - width и height.
Элемент width задает ширину изображения (в пикселах).
Элемент height задает высоту изображения (в пикселах).
Рассмотрим пример.
Допустим, мы готовим новогоднюю страничку. И для размещения на ней счетчика выбрали среди цифровых стилей Counter.CO.KZ праздничный цифровой стиль snowman. Определяем, что наш счетчик должен содержать 5 разрядов цифр. Вставляем в html-текст новогодней странички код web-счетчика (как указано на странице "Установка"):
<a href="https://counter.co.kz"><img src="https://counter.co.kz/CounterCoKz? page=URL_страницы &style=snowman&digits=5" alt="Счетчик посещений Counter.CO.KZ" border=0></a>
И на нашей странице появится счетчик:
Мы посмотрели это изображение и пришли к выводу, что оно слишком велико для дизайна нашей странички - хорошо было бы уменьшить его процентов на 20. Тогда, используя стандартные средства своего эксплорера, мы определяем размеры полученного изображения: ширина - 325, высота - 66 пикселей. И добавляем в код счетчика атрибуты ширины и высоты, уменьшенные на 20%:
<a href="https://counter.co.kz"><img src="https://counter.co.kz/CounterCoKz? page=URL_страницы &style=snowman&digits=5" alt="Counter CO.KZ" border=0 width=260 height=53></a>
В результате такого добавления атрибутов, изображение нашего web-счетчика уменьшится на 20%:
Самое важное при таком действии - не переборщить с уменьшением размеров. Чтобы изображение web-счетчика не потеряло сильно свои художественные качества и было хорошо различаемо.
Помимо возможности изменения размера картинки, одновременное указание атрибутов width и height дает возможность браузеру для изображения заранее зарезервировать место на экране, еще до того, как сама картинка будет доставлена ему по сети - и части Вашей странички не будут "прыгать" по мере загрузки картинок.
|