Ширина на сликата во HTML

Стандардно, сликите се прикажуваат со нивниот вистински размер. На пример, таа слика со смешко, која ја прикажавме погоре, има вистински размер 130 на 130 пиксели и истот таков размер на сликата го гледаме во прелистувачот.

По желба, може да се смени размерот на сликата, со задавање на нејзината ширина. Ова се прави со атрибутот width.

Да ја поставиме за пример нашата слика ширина од 100 пиксели. За ова, вредноста на атрибутот width ќе ја поставиме на бројот 100, вака:

Кој ќе биде размерот на сликата на екранот? Може да се помисли дека ќе биде следниот: ширина 100 пиксели, како што зададовме, и вистинска висина 130, бидејќи не ја зададовме. Всушност, нема да биде така.

Ширината навистина ќе биде 100 пиксели, а висината ќе се прилагоди така што пропорциите на сликата да не се извртат, односно исто така ќе стане 100 пиксели.

Ајде да ја стартуваме и да се увериме во ова:

: