Hogyan változtassuk meg a kép méretét útján html

Az eredeti kép, hogy helyezze az oldalon nem mindig a megfelelő méretet.

Ez a módszer azonban nem mindig megfelelő, mert néha a fájl a szerveren található, amelyhez hozzáférése van. Amellett, hogy ez a módszer a átméretezés tart nagyon sokáig.

A HTML-ben meg lehet változtatni a kép méretét a program. Ez úgy történik, hogy a szélesség és magasság attribútumokat.

Felelős a feladat a kép szélessége

beállítja a kép magassága

Visszatérve a példa az előző leckét, és változtatni a méretei a kép, amelyet beleillesztett:

Az első kép beállítva a szélesség és magasság attribútumokat, a második viszont nem. Nézze meg, hogyan fog kinézni a végén:

A számszerű értékét meghatározó attribútum paraméter szélessége és magassága - a pixelek száma. Sredsva HTML megadhatja a kép méretét pixelben csak.

A másik, hogy vegye figyelembe, hogy a csökkentés a képet a szélesség és magasság attribútumokat is előfordulhat anélkül, hogy az eredeti kép minőségét. Nem mondható el a növekedés az eredeti kép, nem alkalmas arra, hogy készítsen egy ilyen művelet, mivel ebben az esetben a kép elveszti eredeti megjelenését és túl pontatlan.

Nézze meg, hogyan tűnhet a következő példa:

Összefoglalva, ha szeretné méretezni a képet, akkor a szélesség és magasság attribútumokat az img elem és azok értékeit, és adja meg a szükséges számú pixel szélesség és magasság.