В этом уроке покажу вам как обмануть размер изображения, то есть задать нужный вам размер. Например у нас есть изображение 100 на 100 пикселей, а хотелось бы видеть его на странице в размере 150 на 200 пикселей, при этом не нужно увеличивать его в каком либо граф.редакторе.

Как нам уже известно, вставляет изображение тег:
<img src="URL">
И как известно он выводит истинный размер изображения, но если добавить в него ранее нам уже известные атрибуты width="измерение" и height="измерение" то его размер просто изменится до нужной вам высоты и ширины.

Например пишем тег:
<img src="http://bet.hop.ru/img.jpg" width="150" height="200">

В итоге выводит нам ту же картинку которая размером 100 на 100 пикселей, но видим мы ее уже в другом желаемом нами размере. Пример:

Скачать учебные материалы