03 sierpnia 2010

16. Zmiana rozmiaru obrazka

Czy interesuję Cię jak zmienić rozmiar obrazka za pomocą html? - skoro to czytasz to pewnie tak.Jest to czasem dobre wyjście gdy nie chce nam się uruchamiać dodatkowo programu graficznego, aby specjalnie zmniejszyć obrazek, dlatego szybszym sposobem może być wykorzystanie html`a. Ale pamiętaj o tym, że pomniejszając w ten sposób obrazek nie pomniejszasz jego pojemności... dlatego odradzam używanie tego sposobu do obrazków sporej pojemności.

Tak jak w poprzednich przykładach dopiszemy w stylach takie oto parametry, które zdefiniują szerokość i wysokość grafikii.
Parametr odpowiedzialny za szerokość: width czyli szerokość.
Parametr odpowiedzialny za wysokość:  height czyli wysokość.
Wartość będzie podawana w pikselach.

Przykładowy kod:
<img src="URL obrazka" alt="Tekst alternatywny" style="height:91px; width:320px;" />

Przykład: 
Obrazek o rozmiarach 91x320

 





Teraz zmienimy tylko szerokość obrazka czyli width na np. 500px.

 

Podobną krzywdę możemy mu zrobić ustawiając wysokość czyli height na np: 200px.
 











Z obrazkami możemy zrobić kilka innych ciekawych rzeczy, na przykład odsyłacze obrazkowe, ale o tym napiszę w kolejnych tematach.

0 komentarze:

Prześlij komentarz

Komentarze z obraźliwymi słowami nie będę zatwierdzane. Nie klnij i nie podawaj samych linków. Te na pewno nie będą zatwierdzane.