ატრიბუტი width
ატრიბუტი width აზღვევს სურათის სიგანეს,
რომელიც მოცემულია ტეგით
img.
ამჟამად ამ ატრიბუტის გამოყენება დაშვებულია
მხოლოდ სურათების,
iframe,
video
და ზოგიერთი სხვა ტეგისთვის.
დაშვებულია მნიშვნელობების მითითება პიქსელებში ან პროცენტებში. ზომის პროცენტებით მითითების შემთხვევაში, ის გამოითვლება მშობელი ელემენტის სიგანიდან. ზომის პიქსელებში მითითების შემთხვევაში, საზომი ერთეულები არ იწერება.
თუ სურათისთვის არ არის მითითებული არც სიგანე, არც სიმაღლე - სურათს ექნება თავისი რეალური ზომა. თუ მითითებულია სიმაღლე - სურათი მიიღებს მითითებულ სიმაღლეს, ხოლო სიგანე შეიცვლება ისე, რომ მისი პროპორციები არ იყოს დამახინჯებული. თუ მითითებულია მხოლოდ სიგანე - ანალოგიურად, სურათის სიმაღლე შეიცვლება ისე, რომ პროპორციები შენარჩუნდეს. თუ მითითებულია როგორც სიგანე, ასევე სიმაღლე - სურათის პროპორციები შეიძლება დამახინჯდეს (ან შეიძლება არა, როგორც გამოიცნობთ). თუ სიგანე ან სიმაღლე (ან ორივე ერთად) რეალურზე მეტია - სურათი გაიზრდება, მაგრამ დაკარგავს ხარისხს.
რეკომენდებულია სურათების სიგანის და სიმაღლის მითითება ატრიბუტებში - ამ შემთხვევაში ბრაუზერი უფრო სწრაფად ჩატვირთავს გამოსახულებებს - მას არ მოუწევს თითოეული სურათის ზომის გამოთვლა მისი მიღების შემდეგ.
არ არის რეკომენდებული რეალური
სურათის ზომის შემცირება აუცილებლობის გარეშე. მაგალითად,
სურათის რეალური ზომაა 1000 ჯერ 1000
პიქსელი, ხოლო თქვენ მიუთითებთ სიგანეს 100px.
ამ შემთხვევაში სურათი ეკრანზე გამოიყურება
100 პიქსელის ზომის, მაგრამ ჰქონდეს ზომა
მთელი ათასის და, შესაბამისად, ჩაიტვირთება
გაცილებით უფრო ნელა.
მუშაობის მაგალითები იხილეთ აქ:
ტეგი img.
