網頁圖示的製作方式

之前在馬老師舊的部落格就有教導過網站圖示的製作方式,不過因為部落格搬新家,也再把這個教學重新講解與製作一遍,如下圖所示,許許多多的網頁都有製作網頁圖示。

網站圖示的製作方式 示意圖1

這樣的圖示我們可以利用任何的美工軟體來設計,而我是在Fireworks中製作(個人覺得比較方便),首先開一個正方形的透明圖檔(寬、高相同),大小可以自訂,底色設為透明。

網站圖示的製作方式 示意圖2

底色透明的部分是希望可以製作一個去背的網站圖示,像上面範例奇摩的圖示就有去背,維基百科則沒有,接下來就看你怎麼樣設計這個圖示囉~

網站圖示的製作方式 示意圖3

製作完成後儲存成png的格式,進入這個網站將我們的PNG圖檔轉換成ICO圖檔,進入後按下選擇檔案,找到我們剛剛所儲存的PNG圖檔,接下來就按下轉換的按鈕。

網站圖示的製作方式 示意圖4

待轉換完成後在Click here to Download的文字上面按右鍵選擇另存目標。

網站圖示的製作方式 示意圖5

接下來在想出現此圖示的網頁上,輸入以下的HTML程式碼。

<link href="favicon.ico" rel="shortcut icon" />

網頁圖示的製作方式 示意圖6

其中href代表這個圖檔的名稱和路徑,如果是整個網站的所有頁面都要有本圖示的話,那每一頁都必須要有這段語法喔!接下來預覽網頁就可以看到你所設計的網頁圖示了。

註:在網頁還沒上傳的情形之下I.E.會看不到這個圖示,大家可以用Chrome或Firefox來預覽

You may also like...

30,249 Responses

  1. DennisDor表示:

    certified Mexican pharmacy: mexican mail order pharmacies – UsMex Pharm

  2. Cletusiders表示:

    mexican pharmaceuticals online: mexican pharmacy – Us Mex Pharm

  3. SteveViand表示:

    http://usmexpharm.com/# medication from mexico pharmacy

  4. Usually I do not read article on blogs, but I would like to say that this write-up very compelled me to check out and do so!
    Your writing taste has been amazed me. Thank you,
    quite nice article.

  5. SteveViand表示:

    http://usmexpharm.com/# UsMex Pharm

  6. Richardpab表示:

    Online casino for people

    Know This Casino: Safe Gaming, Instant Payouts & Human Touch**
    Straight to the point: what matters most to players.*

    Why Gamblers Choose It
    – Regulated & Transparent: Approved under strict EU standards. Blockchain ensures fairness in every game.
    – Blazing-Fast Withdrawals: Cryptocurrency withdrawals under 5 minutes, traditional payments processed within 24 hours.

    Top Perks
    – Exclusive Titles: Live dealer hits like Lightning Roulette, Crypto Quest slots (exclusive).
    – Rewards Galore: Welcome bonus: 200 spins on Starburst, monthly cashback for loyal players.

    Optimized for Mobile
    Quick-launch feature, personalized jackpot notifications, and a user-friendly mobile interface.

    Verified Feedback**
    – “Cashed out $4k in 2 hours—no red tape.”* – a verified user
    – “The team knew my account history. 10/10.”* – Mike

    Stay in Control
    – Live Support Always: No bots—real agents.
    – Customize Limits**: Spending limits and breaks built into the system.

    Begin Your Journey
    Register quickly, use code **KNOWTHIS** for free spins.

    P.S. Play with care. Set a budget—always.

  7. Richardpab表示:

    Online casino for people

    Online Casino “Know This”: Secure, Rapid, and User-Centric**
    No fluff—just the facts you care about.*

    What Makes It Trustworthy
    – Licensed & Fair: Approved under strict EU standards. Blockchain ensures fairness in every game.
    – Lightning Payouts: Crypto transactions in seconds, bank transfers/fiat settled in a day.

    Standout Features
    – Exclusive Titles: Evolution’s Lightning Roulette, proprietary slots such as Crypto Quest.
    – Generous Bonuses: 200 free spins for newcomers, monthly cashback for loyal players.

    Play Anywhere
    Quick-launch feature, tailored alerts for big wins, and a sleek, intuitive app.

    Verified Feedback**
    – “Cashed out $4k in 2 hours—zero hassle.”* – a verified user
    – “Support staff remembered my details. 10/10.”* – a loyal member

    Play Responsibly
    – 24/7 Human Assistance: No bots—real agents.
    – Customize Limits**: Deposit caps and cool-off periods.

    Start Now
    Sign up in 90 seconds, use code **KNOWTHIS** for complimentary rounds.

    P.S. Gamble wisely. Always define your spending limit.

  8. переустройство и перепланировка в чем разница2 http://www.udmageo.ru/ .

  9. ломбарды часов в москве ломбарды часов в москве .

  10. Cletusiders表示:

    Mexican pharmacy ship to USA: USMexPharm – USMexPharm

  11. Iariorzpj表示:

    Заказать диплом ВУЗа по выгодной стоимости возможно, обращаясь к надежной специализированной фирме. Купить документ о получении высшего образования вы можете в нашей компании в Москве. diplomt-v-samare.ru/kupit-originalnij-diplom-s-zaneseniem-v-reestr-16

  12. 1win_lekn表示:

    1win kg скачать https://1win6010.ru .

  13. SteveViand表示:

    http://usmexpharm.com/# best online pharmacies in mexico

  14. MicahTails表示:

    mexican pharmacy: certified Mexican pharmacy – mexico drug stores pharmacies

  15. DennisDor表示:

    Us Mex Pharm: UsMex Pharm – certified Mexican pharmacy

  16. Simply desire to say your article is as surprising.
    The clarity for your publish is simply spectacular
    and that i can assume you’re an expert on this subject.
    Fine together with your permission allow me
    to take hold of your feed to keep up to date with drawing close post.
    Thanks 1,000,000 and please keep up the rewarding work.

  17. MicahTails表示:

    mexican pharmacy: usa mexico pharmacy – certified Mexican pharmacy

  18. MicahTails表示:

    Mexican pharmacy ship to USA: Mexican pharmacy ship to USA – UsMex Pharm

  19. What’s Taking place i’m new to this, I stumbled upon this I
    have found It positively useful and it has helped me
    out loads. I’m hoping to give a contribution & help different users like its helped me.
    Great job.

  20. RandyKargo表示:

    Mexican pharmacy ship to USA buying prescription drugs in mexico USMexPharm

  21. JeffryAcani表示:

    Hey there! If this message caught your attention, you’re probably seeking strategies to enhance your online presence. I understand — mastering SEO might seem intimidating, especially with so many “instant results” offers out there promising the moon but delivering… well, not much. That’s why I want to share my strategy with you. It’s not just another one-size-fits-all package — it’s a custom-tailored plan designed to deliver tangible growth.

    I specialize in building backlink structures that combine strategic link layers. Picture creating a reliable framework for your project. A weak foundation leads to instability. My goal is to boost your primary domain’s credibility in a way that mimics organic growth and actually works.

    Why Should You Trust Me?
    I’ll cut to the chase: I’ve been in the search engine optimization industry for years, and I’ve seen it all — ethical practices and black-hat tactics. I’ve worked with clients who invested heavily on services that promised “guaranteed rankings” but caused ranking drops. That’s why I decided to take a unique approach.

    I focus on premium follow-backlinks from authoritative websites. The majority of top-layer backlinks in my strategy are dofollow because they deliver the strongest impact. And here’s the catch — you’ll get this high-end solution at a fraction of what others charge (we’re talking 200–350forthesamepackage?pricesstartaslowas200). Why pay more for less? Protect your budget ?? in something that actually works.

    The Secret Sauce

    Elite Guest Blogging
    I avoid low-quality directories. Never. I carefully select only the top-tier platforms — platforms with strong domain authority (DA). These are the kinds of sites that skyrocket your rankings.
    Original, Custom-Crafted Articles
    Low-quality writing harms credibility. It’s detrimental to your brand. That’s why every post I create is 100% unique, captivating, and customized for your industry. Whether it’s for Web 2.0 properties, I guarantee plagiarism-free results that supports your strategy organically. Pure quality, zero filler — content that converts.
    Three-Layer Link Building Strategy
    Here’s where things get powerful. My method doesn’t stop at Tier 1 by incorporating secondary and tertiary layers. This layered approach strengthens the effect of your main connections, driving long-term success for your money site. Think of it like a snowball rolling downhill — it starts small but gains momentum.
    Varied Backlink Portfolio
    Google loves diversity, so I use a mix high-authority sources: media channels, directories, and niche forums. This isn’t about gaming the system; it’s about building something that lasts.
    Full Transparency
    When you work with me, you’ll have full visibility. I provide a comprehensive breakdown, including login details for all Web 2.0 properties. No secrets, no hidden agendas — just complete transparency. You’ll monitor each placement and how they’re helping your site grow.
    A Client Success Tale
    Here’s a real example: A few years ago, I worked with a client who was frustrated because their website wasn’t ranking despite months of effort. They’d tried various “experts”, but progress stalled. When they came to me, I took the time to understand their goals. We designed a strategy aligned with their industry. In 60 days, organic visits surged, and they started seeing real conversions. That’s the kind of success I strive to deliver with every client.

    Ready to elevate your SEO game? Drop me a line today and let’s make Google work for you. ??
    hidden-link placement in established content hubs e9f24d5

  22. Sazrsis表示:

    Будучи студентом, я наслаждался учебой до тех пор, пока не пришло время писать диплом. Но паниковать не стоило, ведь существуют компании, которые помогают с написанием и защитой диплома на отличные оценки!
    Изначально я искал информацию по теме: купить диплом в кунгуре, купить диплом в ишиме, купить диплом в буденновске, купить диплом в туапсе, купить диплом в мичуринске, затем наткнулся на diplomybox.com/kupit-attestat-v-makhachkale

  23. DennisDor表示:

    mexican pharmacy: mexican pharmacy – Us Mex Pharm

  24. Cletusiders表示:

    usa mexico pharmacy: usa mexico pharmacy – Us Mex Pharm

  25. DennisDor表示:

    Mexican pharmacy ship to USA: mexico drug stores pharmacies – usa mexico pharmacy

發佈回覆給「DennisDor」的留言 取消回覆

發佈留言必須填寫的電子郵件地址不會公開。