HTML Kodlarla Resim Boyutlandırma

Herkese iyi akşamlar !
Blogumuza ya da web sitemize html kodlarla resim ekliyoruz fakat resim ya çok büyük oluyor ya da çok küçük.Bu durumu ortadan kaldırmak için yapmanız gereken çok basit.Resim boyutlandırması şu şekilde oluyor;

Örneğin;
Öncelikle resmin jpg,gif,png gibi uzantılı olması gerekiyor.
Benim gif uzantılı resimim hazır.

<html>

<body>

<img src= "https://i.hizliresim.com/azMqZO.gif">

</body>

</html>

"img src" diyerek resmin ismini ve uzantısını belirtiriz.
Html de resmi boyutlandırma kısmına geldik.Resme "width" ve "height" komutları verilir.

<html>

<body>

<img src= "https://i.hizliresim.com/azMqZO.gif"> " width="250"  height="250">

</body>

</html>

Ben 250 x 250 olarak width ve height komutu verdim.Siz istediğiniz boyutlandırmayı yapabilirsiniz.Bu bilgiden sonra html'de boşluk verme,resmi ortalama gibi basit kodlamaları da göstereceğim.Umarım faydalı olmuşumdur...





Şimdilik Hoşçakalın💕




Yorum Gönder