Главная
Блог разработчиков phpBB
 
+ 17 предустановленных модов
+ SEO-оптимизация форума
+ авторизация через соц. сети
+ защита от спама

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

Alex | 16.03.2014 | нет комментариев

Для изменения размеров изображения средствами HTML предусмотрены параметры width иheight тега <IMG>.
Исходное изображение sample.gif имеет размеры 100 на 111 пикселов.

HTML код для размещения данного рисунка:

<img src=”sample.gif” width=”100″ height=”111″ alt=”Исходный размер”>

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

Ширину и высоту изображения можно менять как в меньшую, так и большую сторону. Однако на скорость загрузки рисунка это никак не влияет, поскольку размер файла остается неизменным. Поэтому с осторожностью уменьшайте изображение, т.к. это может вызвать недоумение у читателей, отчего такой маленький рисунок так долго грузится. А вот увеличение размеров приводит к обратному эффекту — размер изображения велик, но файл относительно изображения аналогичного размера загружается быстрее.

Ниже приведен рисунок sample.gif с увеличенной в два раза шириной и высотой (200 х 222).

И соответственно код HTML к нему:

<img src=”sample.gif” width=”200″ height=”222″ alt=”Увеличенный размер”>

Алгоритм, использующийся браузерами для ресемплирования (изменения размера) изображения, уступает по своим возможностям графическим редакторам. Поэтому увеличивать изображения путем изменения их размеров нужно в особых случаях, уж слишком ухудшается качество картинки. Лучше воспользоваться какой-нибудь графической программой. Исключением являются рисунки содержащие прямоугольные области. Приведенный ниже файл узора занимает 54 байта и имеет исходный размер 8 на 8 пикселов, увеличенных до 150.

 

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

АВТОРСКИЕ ПРАВА
Источник: alldes.net
При перепечатке ссылка на источник обязательна
Оставить комментарий

Ваш email не будет опубликован. Обязательные поля помечены (обязательно)

Вы можете использовать это HTMLтеги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Форум phpBB, русская поддержка форума phpBB
Рейтинг@Mail.ru 2008 - 2014 © BB3x.ru - русская поддержка форума phpBB