ब्राउज़र टैब में पृष्ठ शीर्षक के आगे की छवि - आप यहां एक छवि कैसे लिंक कर सकते हैं?
ब्राउज़र टैब में पृष्ठ शीर्षक के आगे की छवि - आप यहां एक छवि कैसे लिंक कर सकते हैं?
जवाबों:
उस छवि को ' फ़ेविकॉन ' कहा जाता है और यह एक छोटे वर्ग के आकार की .ico
फ़ाइल है, जो फ़ेविकॉन्स के लिए मानक फ़ाइल प्रकार है। आप .png
या .gif
भी उपयोग कर सकते हैं, लेकिन आपको बेहतर संगतता के लिए मानक का पालन करना चाहिए।
अपनी वेबसाइट के लिए एक सेट करने के लिए आपको चाहिए:
अपने लोगो की एक वर्गाकार छवि बनाएं (अधिमानतः 32x32 या 16x16 पिक्सेल, जहाँ तक मुझे पता है कि कोई अधिकतम आकार * नहीं है), और इसे एक .ico
फ़ाइल में रूपांतरित करें । आप इसे जिम्प, फ़ोटोशॉप (एक प्लगइन की मदद से ) या Favicon.cc या RealFavicongenerator जैसी वेबसाइट पर कर सकते हैं ।
फिर, आपके पास इसे सेट करने के दो तरीके हैं:
A) नाम के साथ इसे अपनी वेबसाइट के रूट फोल्डर / डायरेक्टरी (बगल में index.html
) पर रखें favicon.ico
।
या
बी) अपनी साइट पर <head></head>
हर .html
फ़ाइल के टैग के बीच इसे इस तरह लिंक करें:
<head>
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
</head>
यदि आप favicon
किसी वेबसाइट से देखना चाहते हैं , तो बस लिखें www.url.com/favicon.ico
और आप (शायद) इसे देख सकते हैं। Stackoverflow का फ़ेविकॉन 16x16 पिक्सेल है और विकिपीडिया 32x32 है।
*: यहां तक कि एक ब्राउज़र समस्या भी है जिसमें कोई फ़ाइल सीमा नहीं है। आप एक ब्राउज़र को अत्यधिक बड़े फ़ेविकॉन, अधिक जानकारी के साथ आसानी से क्रैश कर सकते हैं
इसे ' फेविकॉन ' कहा जाता है और आपको अपनी वेबसाइट के हेडर सेक्शन में नीचे दिए गए कोड को जोड़ना होगा ।
बस इसे <head>
अनुभाग में जोड़ें ।
<link rel="icon" href="/your_path_to_image/favicon.jpg">
यह फेविकॉन है और लिंक में बताया गया है।
जैसे W3C से
<link rel="icon"
type="image/png"
href="http://example.com/myicon.png">
इसके अलावा, निश्चित रूप से उपयुक्त जगह में छवि फ़ाइल।
<link rel="apple-touch-icon" sizes="114x114" href="${resource(dir: 'images', file:
'apple-touch-icon-retina.png')}">
या आप इसका उपयोग कर सकते हैं
<link rel="shortcut icon" sizes="114x114" href="${resource(dir: 'images', file: 'favicon.ico')}"
type="image/x-icon">
अपनी वेबसाइट के मूल में "favicon.ico" नाम की एक आइकन फ़ाइल जोड़ें।
16x16
px होना चाहिए ।