வெவ்வேறு வழிகளில் html இல் ஒரு படத்தின் அளவை எவ்வாறு சரிசெய்வது

html இல் அகலம் மற்றும் உயரம்

உங்கள் இணையப் பக்கத்தில் ஒரு படத்தைச் செருக விரும்புகிறீர்களா, ஆனால் வடிவமைப்பிற்கு ஏற்றவாறு அதன் அளவை எவ்வாறு சரிசெய்வது என்று உங்களுக்குத் தெரியாதா? படத்தின் அகலம் மற்றும் உயரத்தை மாற்ற HTML குறிச்சொற்கள் மற்றும் பண்புக்கூறுகளை எவ்வாறு பயன்படுத்துவது என்பதை அறிய விரும்புகிறீர்களா? ஒவ்வொரு முறையின் நன்மைகள் மற்றும் தீமைகள் உங்களுக்குத் தெரியுமா? பதில் ஆம் எனில், இந்தக் கட்டுரை உங்களுக்கானது.

இந்த கட்டுரையில், html இல் ஒரு படத்தின் அளவை எவ்வாறு சரிசெய்வது என்பதை நாங்கள் உங்களுக்குக் கற்பிக்கப் போகிறோம், வெவ்வேறு விருப்பங்கள் மற்றும் ஆதாரங்களைப் பயன்படுத்தி, உங்கள் வலைத்தளத்திற்கான கவர்ச்சிகரமான மற்றும் உகந்த படங்களை உருவாக்க உங்களை அனுமதிக்கும். ஒவ்வொரு விருப்பத்தின் நன்மைகள் மற்றும் தீமைகள் மற்றும் உங்கள் வேலையை மேம்படுத்துவதற்கான சில குறிப்புகள் மற்றும் நல்ல நடைமுறைகளையும் நாங்கள் உங்களுக்குக் காண்பிக்கப் போகிறோம்.

html இல் ஒரு படம் என்றால் என்ன, அதை எவ்வாறு செருகுவது

HTML பக்க குறியீட்டு முறை

html இல் உள்ள படம் என்பது உங்களைக் காட்ட அனுமதிக்கும் ஒரு உறுப்பு ஒரு பொருளின் காட்சிப் பிரதிநிதித்துவம், ஒரு நபர், ஒரு நிலப்பரப்பு அல்லது வேறு ஏதாவது. html இல் ஒரு படத்தைச் செருக, குறிச்சொல் பயன்படுத்தப்படுகிறது , இது ஒரு வெற்று குறிச்சொல், அதாவது. என்று மூடல் இல்லை.

முத்திரை படத்தின் தகவல் மற்றும் பண்புகளை குறிப்பிட உங்களை அனுமதிக்கும் பல பண்புகளை கொண்டுள்ளது. மிக முக்கியமானவை:

  • எஸ்ஆர்சி: படக் கோப்பின் பாதை அல்லது முகவரியைக் குறிக்கும் பண்புக்கூறு ஆகும். இது ஒரு உறவினர் பாதையாக இருக்கலாம் (அதே இணையதளத்தில்) அல்லது ஒரு முழுமையான பாதை (மற்றொரு இணையதளத்தில்). உதாரணத்திற்கு: ஒன்று .
  • மாற்று: படத்தின் மாற்று உரையைக் குறிக்கும் பண்புக்கூறு, அதாவது, படத்தை ஏற்ற முடியாதபோது அல்லது ஸ்கிரீன் ரீடர் பயன்படுத்தப்படும்போது காட்டப்படும் உரை. இது ஒரு கட்டாய பண்பு மற்றும் படத்தின் உள்ளடக்கம் அல்லது செயல்பாட்டை விவரிக்க வேண்டும். உதாரணத்திற்கு: .
  • தலைப்பு: என்பது படத்தின் தலைப்பைக் குறிக்கும் பண்பு, அதாவது, கர்சரை நகர்த்தும்போது காட்டப்படும் உரை படத்தை பற்றி. இது ஒரு விருப்பமான பண்பு மற்றும் மாற்று உரையை விட வேறுபட்டதாக இருக்கலாம். உதாரணத்திற்கு: .

அகலம் மற்றும் உயரம் பண்புகளைப் பயன்படுத்தி அளவை எவ்வாறு சரிசெய்வது

thml குறியீடு அட்டவணை

html இல் ஒரு படத்தின் அளவை சரிசெய்ய எளிதான வழிகளில் ஒன்று அகலம் மற்றும் உயரம் பண்புகளை பயன்படுத்த வேண்டும்) படத்தின் அகலம் மற்றும் உயரத்தை பிக்சல்களில் குறிப்பிட உங்களை அனுமதிக்கிறது. உதாரணத்திற்கு:

இந்த பண்புகளுக்கு சில நன்மைகள் மற்றும் தீமைகள் உள்ளன:

  • நன்மைகள்:
    • அவை பயன்படுத்த எளிதானவை மற்றும் கூடுதல் அறிவு தேவையில்லை.
    • படத்தை ஏற்றுவதற்கு முன், அதற்குத் தேவையான இடத்தை முன்பதிவு செய்ய அவை உங்களை அனுமதிக்கின்றன, இது ஏற்றும் போது பக்கத்தை குதிப்பதையோ அல்லது மாற்றுவதையோ தடுக்கிறது.
    • என்ற விருப்பத்தை உங்களுக்கு வழங்குகிறது படத்தின் அளவை வடிவமைப்பிற்கு ஏற்ப மாற்றவும் அசல் கோப்பை மாற்றாமல் பக்கத்தின்.
  • குறைபாடுகளும்:
    • அசல் அளவைத் தவிர வேறு மதிப்புகள் பயன்படுத்தப்பட்டால், அவை படத்தின் விகிதத்தை அல்லது தரத்தை சிதைக்கலாம்.
    • பயனரின் திரை அல்லது சாதனத்தின் அளவிற்கு ஏற்ப படத்தின் அளவை சரிசெய்ய இது அனுமதிக்காது.
    • அவை விளைவுகளைப் பயன்படுத்த அனுமதிக்காது அல்லது படத்திற்கான கூடுதல் பாணிகள்.

CSS ஐப் பயன்படுத்தி html இல் ஒரு படத்தை மறுஅளவிடுவது எப்படி

html கொண்ட கணினித் திரை

மற்றொரு வழி மிகவும் மேம்பட்ட மற்றும் நெகிழ்வான HTML இல் ஒரு படத்தின் அளவை சரிசெய்ய CSS (கேஸ்கேடிங் ஸ்டைல் ​​ஷீட்ஸ்) ஐப் பயன்படுத்த வேண்டும். CSS ஐப் பயன்படுத்த நீங்கள் குறிச்சொல்லைப் பயன்படுத்தலாம் html ஆவணத்தின் உள்ளே, .css நீட்டிப்புடன் கூடிய வெளிப்புறக் கோப்பு. உதாரணத்திற்கு:

img { width: 500px; height: 600px; } ஒன்று

CSS ஐப் பயன்படுத்துவதால் சில நன்மைகள் மற்றும் தீமைகள் உள்ளன:

  • நன்மைகள்:
    • பொருள்-பொருத்தம் பண்பு அல்லது calc() செயல்பாட்டைப் பயன்படுத்தி, படத்தின் அளவை விகிதாசாரமாக சரிசெய்ய உங்களை அனுமதிக்கிறது.
    • படத்தின் அளவை சரி செய்வோம் தொடர்புடைய அலகுகள் (%, em, vw, vh) அல்லது மீடியா வினவல்களைப் பயன்படுத்தி பயனரின் திரை அல்லது சாதனத்தின் அளவைப் பொறுத்து.
    • பார்டர்கள், நிழல்கள், வடிப்பான்கள் அல்லது உருமாற்றங்கள் போன்ற கூடுதல் விளைவுகள் அல்லது பாணிகளை படத்திற்குப் பயன்படுத்தலாம்.
  • குறைபாடுகளும்:
    • CSS மொழியில் அதிக அறிவும் தேர்ச்சியும் தேவை.
    • முரண்பாடுகள் அல்லது முரண்பாடுகளை உருவாக்கலாம் பக்கம் அல்லது படத்திற்குப் பயன்படுத்தப்படும் பிற பாணிகளுடன்.
    • பல பாணிகள் அல்லது விளைவுகள் பயன்படுத்தப்பட்டால் அது செயல்திறன் அல்லது பக்க ஏற்றுதல் வேகத்தை பாதிக்கலாம்.

வெளிப்புற நிரலைப் பயன்படுத்தி அளவை எவ்வாறு சரிசெய்வது

அட்டவணையில் HTML மொழி

சரிசெய்ய மூன்றாவது விருப்பம் html இல் ஒரு படத்தின் அளவு படக் கோப்பின் அளவை பக்கத்திற்குச் செருகுவதற்கு முன் அதன் அளவை மாற்ற அனுமதிக்கும் வெளிப்புற நிரலைப் பயன்படுத்துவதாகும். இந்த திட்டங்களில் சில:

  • ஜிம்ப்: ஒரு இலவச மற்றும் திறந்த மூல நிரலாகும், இது தொழில் ரீதியாக படங்களைத் திருத்தவும் கையாளவும் உங்களை அனுமதிக்கிறது. GIMP மூலம் படத்தின் அளவை மாற்றலாம் "ஸ்கேல் இமேஜ்" விருப்பத்தைப் பயன்படுத்துதல் "படம்" மெனுவிலிருந்து. "கோப்பு" மெனுவில் உள்ள "ஏற்றுமதியாக" விருப்பத்தைப் பயன்படுத்தி படத்தின் எடை மற்றும் தரத்தை மேம்படுத்தலாம். GIMP ஐ அதன் அதிகாரப்பூர்வ இணையதளத்தில் இருந்து பதிவிறக்கம் செய்யலாம்.
  • ஃபோட்டோஷாப்: மேம்பட்ட முறையில் படங்களை உருவாக்க மற்றும் திருத்த உங்களை அனுமதிக்கும் கட்டண மற்றும் பரிந்துரை நிரலாகும். ஃபோட்டோஷாப் மூலம் நீங்கள் "படம்" மெனுவில் உள்ள "பட அளவு" விருப்பத்தைப் பயன்படுத்தி ஒரு படத்தின் அளவை மாற்றலாம். எடை மற்றும் படத்தின் தரத்தையும் மேம்படுத்தலாம் "இணையத்திற்காக சேமி" விருப்பத்தைப் பயன்படுத்தி "கோப்பு" மெனுவிலிருந்து. ஃபோட்டோஷாப்பை அதன் அதிகாரப்பூர்வ இணையதளத்தில் இருந்து பதிவிறக்கம் செய்யலாம்.
  • ஆன்லைன் பட ரீசைசர்: எந்தவொரு நிரலையும் நிறுவாமல் படத்தின் அளவை மாற்ற உங்களை அனுமதிக்கும் இலவச ஆன்லைன் கருவியாகும். ஆன்லைன் இமேஜ் ரீசைசர் மூலம் உங்கள் கணினியிலிருந்து அல்லது URL இலிருந்து ஒரு படத்தைப் பதிவேற்றலாம், விரும்பிய அகலம் மற்றும் உயரத்தைத் தேர்ந்தெடுத்து, மாற்றியமைக்கப்பட்ட படத்தைப் பதிவிறக்கவும். நீங்கள் அதன் அதிகாரப்பூர்வ இணையதளத்தில் இருந்து ஆன்லைன் பட மறுஅளவை அணுகலாம்.

படத்தை நீங்கள் விரும்பும் வழியில் சரிசெய்யவும்

html மொழி குறியீடு

இந்த கட்டுரையில் அளவை எவ்வாறு சரிசெய்வது என்பதை நாங்கள் உங்களுக்குக் காட்டியுள்ளோம் HTML இல் உள்ள ஒரு படத்தின், வெவ்வேறு விருப்பங்கள் மற்றும் ஆதாரங்களைப் பயன்படுத்தி, உங்கள் வலைத்தளத்திற்கான கவர்ச்சிகரமான மற்றும் உகந்த படங்களை உருவாக்க உங்களை அனுமதிக்கும். ஒவ்வொரு விருப்பத்தின் நன்மைகள் மற்றும் தீமைகளையும் நாங்கள் உங்களுக்குக் காட்டியுள்ளோம், அத்துடன் சில குறிப்புகள் மற்றும் நல்ல நடைமுறைகள் உங்கள் வேலையை மேம்படுத்த.

இந்தக் கட்டுரை உங்களுக்குப் பயனுள்ளதாக இருந்தது என்றும், HTML இல் ஒரு படத்தின் அளவைச் சரிசெய்வதற்கு இந்த விருப்பங்களையும் ஆதாரங்களையும் முயற்சிக்குமாறு நீங்கள் ஊக்குவிக்கப்படுவீர்கள் என்று நம்புகிறோம். மிக முக்கியமான விஷயம் தேர்வு என்பதை நினைவில் கொள்ளுங்கள் உங்கள் தேவைகள் மற்றும் நோக்கங்களுக்கு மிகவும் பொருத்தமான விருப்பம்.

இந்த கட்டுரை உங்களுக்கு பிடித்திருந்தால், உங்கள் நண்பர்களுடன் பகிர்ந்து கொள்ளுங்கள். மேலும் html மற்றும் பிற பயன்பாடுகளைப் பற்றிய கூடுதல் உதவிக்குறிப்புகள் மற்றும் தந்திரங்களை நீங்கள் அறிய விரும்பினால், எங்கள் வலைத்தளத்தைப் பார்வையிடவும். சந்திப்போம்!


உங்கள் கருத்தை தெரிவிக்கவும்

உங்கள் மின்னஞ்சல் முகவரி வெளியிடப்பட்ட முடியாது. தேவையான புலங்கள் குறிக்கப்பட்டிருக்கும் *

*

*

  1. தரவுக்கு பொறுப்பு: மிகுவல் ஏஞ்சல் கேடன்
  2. தரவின் நோக்கம்: கட்டுப்பாட்டு ஸ்பேம், கருத்து மேலாண்மை.
  3. சட்டபூர்வமாக்கல்: உங்கள் ஒப்புதல்
  4. தரவின் தொடர்பு: சட்டபூர்வமான கடமையால் தவிர மூன்றாம் தரப்பினருக்கு தரவு தெரிவிக்கப்படாது.
  5. தரவு சேமிப்பு: ஆக்சென்டஸ் நெட்வொர்க்குகள் (EU) வழங்கிய தரவுத்தளம்
  6. உரிமைகள்: எந்த நேரத்திலும் உங்கள் தகவல்களை நீங்கள் கட்டுப்படுத்தலாம், மீட்டெடுக்கலாம் மற்றும் நீக்கலாம்.