Hogyan tudok html-ben képeket lecsökkenteni a következő módon?
Az lenne a feladatom, hogy html-ben a kép méretét, tegyük fel : width="250" height="175"
na ezeket kéne 50% illetve egy másikat 25%-as csökkenteni úgy, hogy ha bezárom, akkor ne kelljen egy új képet lementeni hozzá. Régebben egyszer elmondta a tanárom, de már nem emlékszem rá egyáltalán. (ha ezeket az adatokat elfelezném-elnegyedelném, akkor azt hiszem új képeket hoz létre.)
nem tudom, hogy mennyire érthető.
a válaszokat előre is köszönöm! :)
válasza:<img src="picture.jpg" width="50%" height="50%">
Bár manapság inkább a style-os megoldást preferálják...
<img src="picture.jpg" style="max-width: 50%; max-height: 50%;">
válasza:ne bonyolítsuk túl, width="50%" height="auto"
css-el meg mehet a width: 50%; height: auto;
válasza: válasza:Nem hoz létre új képet, csak átméretezi a már meglévőt. Ha letöltöd onnan a képet, akkor eredeti méretben kapod meg.
A fájlmérete is az eredeti képé, ezért nem szabad nagy felbontású fotókat beillesztgetni html-be, mert nagyon lelassítja az oldalbetöltést, emellett némely böngészőben otrombán is néz ki a nem túl fejlett átméretezési technológia miatt.
Tehát ezt a style="width: 50%;"-ot tekintsd úgy, mint egy szűrőt.
Kapcsolódó kérdések:
Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!