How to create a favicon.ico for your web site कैसे अपने वेब साइट के लिए एक favicon.ico बनाने के लिए

by Ross McKillop on May 2, 2007 रॉस McKillop द्वारा 2 मई 2007 पर

वेब डिज़ाइन और देव

This brief tutorial will show you how to create a unique favicon.ico (that icon in your address bar – ex. Simplehelp's favicon.ico is इस संक्षिप्त ट्यूटोरियल बताएंगे कि कैसे एक अनूठा favicon.ico बनाने के लिए होगा (कि आपका पता पट्टी में चिह्न - पूर्व. Simplehelp है favicon.ico है ) for your own site. अपनी साइट के लिए).

A favicon (short for Favorites Icon) is a great way to give your site a memorable and unique icon that will display in the browser address bar. एक favicon (पसंदीदा चिह्न के लिए कम) एक अच्छा तरीका है अपनी साइट पर एक यादगार और अनूठा प्रतीक है कि ब्राउज़र पता पट्टी में प्रदर्शित करेगा दे रहा है. In addition, favicon's show up next to 'your site' when people bookmark it, and since most folks have a very messy bookmark list, a graphical reminder of your site beside the bookmark name it is a good way let them find it again. इसके अलावा, है favicon अप दिखाने के अगले 'के लिए अपनी साइट' जब लोग इसे बुकमार्क, और के बाद से सबसे अधिक लोगों के एक बहुत गन्दा बुकमार्क बुकमार्क का नाम सूची में यह एक अच्छी तरह से उन्हें यह पता नहीं है पास फिर से, आपकी साइट के एक ग्राफिक याद दिलाते हैं.

  1. First, select the image you want to use as a favicon. सबसे पहले, आप छवि के लिए एक favicon के रूप में उपयोग करना चाहते हैं को चुनें. Something that blends in with your sites look, colour scheme and general “feel” is best. कुछ है जो में अपनी साइटों के साथ मिश्रणों देखो, रंग योजना और सामान्य लग रहा है "सबसे अच्छा है." Since favicons are quite small, it's a good idea not to try and get too complicated. Favicons के बाद से काफी छोटे हैं, यह एक अच्छा विचार नहीं है की कोशिश और भी जटिल हो. The image you choose should be a square (64×64, 32×32 etc), and can be a jpg, gif, png, bmp etc. छवि को आप चुनते हैं एक वर्ग (64 × 64, 32 × 32 आदि), और एक jpg, gif, png, bmp होना आदि किया जा सकता है चाहिए
  2. Next, visit अगले पृष्ठ पर जाएँ FavIcon from Pics Pics से FavIcon – an absolutely brilliant (and free!) online tool that can generate a favicon from a picture, logo or other graphic - एक बिल्कुल प्रतिभाशाली (और मुफ़्त!) ऑनलाइन उपकरण है कि एक चित्र, लोगो या अन्य ग्राफिक से एक favicon उत्पन्न कर सकते हैं
  3. Upload your picture and click the magic Generate Favicon.ico button. अपलोड अपनी तस्वीर पर क्लिक करें और जादू उत्पन्न Favicon.ico बटन. You'll be given a preview of your favicon, and if you're happy with it, click the Download Favicon button. आप अपने favicon के एक पूर्वावलोकन दिया जायेगा, और अगर तुम उसके साथ खुश क्लिक करें, हो डाउनलोड Favicon बटन. Favicon from Pics will prompt you to save a .zip file – save it to your desktop or wherever you prefer to save files. Pics से Favicon तुम. ज़िप फ़ाइल को बचाने के लिए तत्काल होगा - यह आपके डेस्कटॉप को बचाने के लिए या जहाँ भी आप फाइल को बचाने के पसंद करते हैं. Unzip it. उसे खोल दो.
  4. Fire up your favorite FTP program (or whatever tool you use to upload files to your web site) and upload the favicon.ico file to the root of your site*. अपने पसंदीदा एफ़टीपी प्रोग्राम (या जो भी उपकरण आपको अपने वेब साइट पर अपलोड फ़ाइलों के उपयोग को आग) और favicon.ico अपनी साइट *. की जड़ से फ़ाइल अपलोड करें You'll want the file to be located at www.your-site.com/favicon.ico. आप चाहते हैं कि फ़ाइल www.your-site.com/favicon.ico में स्थित होगा.
  5. Visit your web site to check out your new favicon! अपनी वेब साइट पर जाएँ बाहर की जांच करने के लिए अपने नए favicon! If it doesn't appear, you may need to clear your browsers cache and then reload. यदि यह प्रकट नहीं होता है, आप अपने ब्राउज़र की कैश स्पष्ट और फिर पुनः लोड करना पड़ सकता है.
  6. * = if you don't have access to the root of your site, add the following line of code somewhere in the <head> of your html: * = यदि आप अपनी साइट की जड़ तक पहुंच नहीं है, कोड के निम्नलिखित पंक्ति जोड़ने में कहीं <head> अपने HTML की:

    <link rel=”shortcut icon” href=”http://www.your-site.com/path/to/favicon.ico”> <link rel="shortcut icon" href="http://www.your-site.com/path/to/favicon.ico">

Related Posts: संबंधित पोस्ट:
  • How to revert to the “old” Google favicon कैसे "" पुराने गूगल favicon पर वापस लौटने के लिए
  • Simplehelp Recap: May 2007 – wow, and thank you! Simplehelp हालात: मई 2007 - वाह, और धन्यवाद!
  • How to create a custom iPhone and iPod touch icon for your web site कैसे एक कस्टम iPhone अपने वेब साइट के लिए और आइपॉड स्पर्श चिह्न बनाने के लिए
  • Welcome! स्वागत!
  • How to delete an individual site from the address bar's list of previously viewed sites in Firefox कैसे Firefox में पहले रीजोलुशन साइटों का पता है पट्टी सूची में से एक व्यक्तिगत साइट हटाने के लिए
  • Get Simple Help tutorials just like this one in your email inbox every day - for free! बस अपने ईमेल इनबॉक्स के लिए मुफ्त हर दिन - में यह एक तरह सरल सहायता ट्यूटोरियल जाओ! Just enter your email address below: बस नीचे अपना ईमेल पता दर्ज करें:

    You can always opt out of this email subscription at any time. तुम हमेशा इस ईमेल सदस्यता से बाहर किसी भी समय विकल्प चुन सकते हैं.

    { 4 trackbacks } (4) trackbacks

    20 Free RSS Readers Reviewed - Simplehelp 20 नि: शुल्क की समीक्षा आरएसएस रीडर - Simplehelp
    05.06.07 at 6:40 pm 6:40 पर 05.06.07
    WordPress: The Complete Post-Install Checklist, Redux - Simplehelp WordPress: पूर्ण के बाद स्थापित करें चेकलिस्ट, Redux - Simplehelp
    05.26.07 at 2:15 pm 2:15 पर 05.26.07
    How to revert to the “old” Google favicon - Simplehelp कैसे "पुराने" गूगल favicon को वापस करने के लिए - Simplehelp
    05.30.08 at 9:12 pm 9:12 पर 05.30.08
    Favicon Design : ..:.:.. Favicon डिजाइन: ..:.:.. Todd And = Marketing + Media ..:.:.. टोड और विपणन = + मीडिया ..:.:..
    07.22.08 at 4:59 pm 4:59 पर 07.22.08

    { 2 comments… read them below or (2 टिप्पणियाँ ... उन्हें या नीचे पढ़ें add one एक जोड़ } )

    1 1 LGR LGR 05.30.07 at 9:55 am 9:55 पर 05.30.07 हूँ

    Good post. अच्छी पोस्ट. I have used that favicon generator in the past and it works well. मैं favicon कि जनरेटर का इस्तेमाल किया है अतीत और इसे अच्छी तरह काम करता है. Sometimes I don't have the time or creativity to make my own and have found some great free favicons here: कभी कभी मैं समय या रचनात्मकता को अपना बनाने की जरूरत नहीं है और कुछ महान मुक्त favicons यहाँ मिल गया है: http://www.freefavicon.com/ http://www.freefavicon.com/

    2 2 salvador 04.01.09 at 3:34 am 3:34 पर 04.01.09 साल्वाडोर हूँ

    Porqué no tengo el atributos shortcut icon en la etiqueta rel कोई Porqué tengo एल atributos शॉर्टकट आइकन रिलायंस एनर्जी en la etiqueta

    Leave a Comment एक टिप्पणी छोड़ दो

    You can use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> आप ये HTML टैग और विशेषताएँ: <a href="" उपयोग title=""> <abbr title=""> <acronym कर सकते हैं <blockquote title=""> <b> cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>