Размер изображения

Размер изображения

Если необходимо значительно изменить размер изображения, то лучше использовать специальные программы, однако в небольших пределах допустимо использовать и атрибуты элемента IMG.

Чтобы редактировать размер картинки, используют атрибуты width и height. Их значения можно указывать в пикселах или процентах от размера окна (в этом случае после размера ставится знак %).

Примечание

При изменении размеров окна картинка, размер которой указан в процентах, тоже меняет размер.

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

Меняя размер картинки с помощью атрибутов элемента IMG, внимательно следите за изображением, есть вероятность того, что рисунок исказится. Сам браузер не обрабатывает картинки под новый размер, поэтому, если размер выставлен неаккуратно, из произведения искусства рисунок может превратиться во что-то непонятное (особенно если задать размер больше, чем в реальности). Искажение пропорций тоже не приводит к улучшению качества изображения, как видно на рис. 4.2.

Рис. 4.2. Размеры изображения

В листинге 4.2 показан пример встраивания изображения с заданными размерами.

Листинг 4.2. Задание размеров изображения

<html>

<head>

<title>Встраивание изображения</title>

</head>

<body>

Задана только ширина в пикселах <br/>

<img src="image.jpg" width="60"/>

Задана ширина в процентах<br/>

<img src="image.jpg" width="50%"/>

Ширина и высота заданы непропорционально (изображение искажается)<br/>

<img src="image.jpg" width="50" height="150"/>

</body>

</html>IMG_0628.jpg

В листинге 4.2 для первого изображения задана только ширина, высота вычисляется автоматически. Для второго изображения размер определен в процентах, а для третьего установлены неверные размеры, которые искажают картинку.

Результат работы листинга 4.2 показан на рис. 4.2.

На рис. 4.2 видно, что размеры все-таки имеют значение, особенно для картинок, поэтому следить за их изменением нужно очень внимательно. Если нет необходимости в изменении размеров, то задавайте размеры картинки, соответствующие реальности. Это позволит избежать искажений и ускорит обработку картинки браузером.

Совет

Если вам нужно значительно изменить размер картинки, то используйте специальные программы для работы с изображениями. Они смогут проделать эту операцию, минимально исказив картинку или вовсе без искажений.

Помимо размеров картинки, на внешний вид сайта влияет расположение изображений.

Поделитесь на страничке

Следующая глава >

Похожие главы из других книг

Глава 4 Размер и позиция изображения

Из книги Photoshop. Мультимедийный курс автора Мединов Олег

Глава 4 Размер и позиция изображения Далее у нас на очереди команды меню Изображение, с помощью которых изменяют размеры изображения и холста.Размер изображения. Данная команда вызывает диалоговое окно, которое позволяет изменить размер изображения и его разрешение


Физический размер изображения

Из книги Adobe Photoshop CS3 автора Завгородний Владимир

Физический размер изображения Физический размер изображения – это количество пикселов в изображении по ширине и по высоте. Таким образом, мы получаем размеры изображения в пикселах.Чем больше пикселов в изображении и чем больше его физический размер, тем выше может


Логический размер изображения

Из книги AutoCAD 2009 для студента. Самоучитель автора Соколова Татьяна Юрьевна

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


Параллельный размер

Из книги AutoCAD 2010 автора Орлов Андрей Александрович

Параллельный размер С помощью команды DIMALIGNED создается размер, параллельный измеряемой линии объекта; это позволяет выровнять размерную линию по объекту. Размер создается подобно горизонтальному, вертикальному и повернутому, при этом размерная линия расположена


Размер диаметра

Из книги AutoCAD 2009. Учебный курс автора Соколова Татьяна Юрьевна

Размер диаметра Команда DIMDIAMETER строит диаметр окружности или дуги. Команда вызывается из падающего меню Dimension ? Diameter или щелчком на пиктограмме Diameter на панели инструментов Dimension.Запросы команды DIMDIAMETER: Select arc or circle: – выбрать дугу или круг Dimension text = измеренное значение Specify


Линейный размер

Из книги AutoCAD 2008 для студента: популярный самоучитель автора Соколова Татьяна Юрьевна

Линейный размер Для создания вертикальных и горизонтальных размеров предназначена одна команда – DIMLINEAR. Она измеряет расстояние между двумя определяющими точками и позволяет вам выбрать расположение размерной линии.Есть два способа создать линейный размер: указать


Параллельный размер

Из книги Firebird РУКОВОДСТВО РАЗРАБОТЧИКА БАЗ ДАННЫХ автора Борри Хелен

Параллельный размер С помощью команды DIMALIGNED создается размер, параллельный измеряемой линии объекта; это позволяет выровнять размерную линию по объекту. Размер создается подобно горизонтальному, вертикальному и повернутому, при этом размерная линия расположена


Размер радиуса

Из книги Мир InterBase. Архитектура, администрирование и разработка приложений баз данных в InterBase/FireBird/Yaffil автора Ковязин Алексей Николаевич

Размер радиуса Команда DIMRADIUS , позволяющая построить радиус окружности или дуги, вызывается из падающего меню Dimension ? Radius или щелчком на пиктограмме Radius на панели инструментов Dimension.Запросы команды


Размер диаметра

Из книги Антимозг [Цифровые технологии и мозг] автора Шпитцер Манфред

Размер диаметра Команда DIMDIAMETER строит диаметр окружности или дуги. Команда вызывается из падающего меню Dimension ? Diameter или щелчком на пиктограмме Diameter на панели инструментов Dimension.Запросы команды


Параллельный размер

Из книги Цифровая фотография. Трюки и эффекты автора Гурский Юрий Анатольевич

Параллельный размер С помощью команды DIMALIGNED создается размер, параллельный измеряемой линии объекта; это позволяет выровнять размерную линию по объекту. Размер создается подобно горизонтальному, вертикальному и повернутому, при этом размерная линия расположена


Размер радиуса

Из книги автора

Размер радиуса Команда DIMRADIUS, позволяющая построить радиус окружности или дуги, вызывается из падающего меню Dimension ? Radius или щелчком на пиктограмме Radius на панели инструментов Dimension.Запросы команды DIMRADIUS:Select arc or circle: – выбрать дугу или кругDimension text = измеренное значениеSpecify


Размер диаметра

Из книги автора

Размер диаметра Команда DIMDIAMETER строит диаметр окружности или дуги. Команда вызывается из падающего меню DimensionDiameter или щелчком на пиктограмме Diameter на панели инструментов Dimension.Запросы команды DIMDIAMETER:Select arc or circle: – выбрать дугу или кругDimension text = измеренное значениеSpecify


Размер страницы и размер кэша по умолчанию

Из книги автора

Размер страницы и размер кэша по умолчанию При восстановлении вы можете изменить размер страницы, включив в команду переключатель -р[age_size], за которым следует целое число, задающее размер в байтах. Допустимые размеры страниц см. в табл. 38.2.В этом примере gbak восстанавливает


Размер страницы

Из книги автора

Размер страницы Выбор размера страницы очень важен для обеспечения эффективной работы сервера InterBase с базой данных. Файл базы данных разбивается на страницы фиксированного размера, и все обращения к диску, которые выполняет InterBase, считывают и записывают информацию


Размер головного мозга и размер социального окружения

Из книги автора

Размер головного мозга и размер социального окружения Дискуссии по поводу взаимосвязи между размером головного мозга какого-либо организма и размером группы, к которой этот организм принадлежит, ведутся нейробиологами уже давно. При этом взаимосвязь с социальной


12.1. Image Size (Размер изображения)

Из книги автора

12.1. Image Size (Размер изображения) Открыть диалоговое окно Image Size (Размер изображения) можно, выполнив команду Image ? Image Size (Изображение ? Размер изображения) (рис. 12.1). Рис. 12.1. Окно Image Size (Размер изображения)1. Чистый размер изображения. Измеряется в пикселах или процентах.