PNG ወደ ICO ፋቪኮን መቀየሪያ

ስለታም favicon ለማግኘት PNG ን ወደ ICO ይቀይሩ

Favicon ለድረ-ገጽ የእይታ ፊርማ የሚሰጥ ትንሽ ምስል ነው። በአሳሽዎ ትር ውስጥ ከገጹ ርዕስ አጠገብ፣ በbookmarks ዝርዝርዎ ውስጥ፣ በአሳሽ ታሪክዎ የአድራሻ አሞሌ ተቆልቋይ ውስጥ፣ አንዳንዴም ከፍለጋ ውጤቶች ጎን ያዩታል። ትንሽ ነው፣ ግን ብዙ ስራ ይሰራል፡ ለይቶ ሊታወቅ የሚችል favicon ተጠቃሚዎች ትርዎን ከደርዘን ሌሎች መካከል እንዲያገኙ ይረዳል ድረ-ገጹም የተጠናቀቀና እንክብካቤ የተደረገለት መሆኑን ያመለክታል። ለዚያ ትንሽ አዶ ክላሲኩ ፎርማት ICO ነው፣ አንዱን ለመስራት ቀላሉ መንገድ ደግሞ ንፁህ ካሬ PNG ተነስቶ መቀየር ነው።

ይህ መሳሪያ PNG ምስል ወስዶ በቀጥታ በአሳሽዎ ውስጥ ወደ ICO favicon ይቀይረዋል። መቀየሩ የራስዎን መሳሪያ በመጠቀም በአካባቢ ይካሄዳል፣ ስለዚህ የመረጡት ምስል ወደ ሰርቨር በጭራሽ አይጫንም። አዶዎ ለሶስተኛ ወገን ላለመስጠት የሚመርጡት ሎጎ ወይም የምርት ስም ንብረት ሲሆን ይህ ይጠቅማል። ፋይሉ ሲዘጋጅ በቀላሉ ያወርዱታል።

ጥቁር ኢንዲጎ ዳራ ላይ በአሳሽ ትር ምስል ውስጥ የሚያንጸባርቅ favicon አዶ — Favicon በአሳሽ ትሮች፣ bookmarks እና ታሪክ ውስጥ ድረ-ገጽዎን የሚለይ ትንሹ አዶ ነው።

የICO ፎርማት ምንድን ነው እና ለምን ብዙ መጠኖችን ይይዛል

ICO ከMicrosoft Windows የመነጨ የአዶ container ፎርማት ነው፣ እዚያም ለፕሮግራሞች፣ shortcuts እና አቃፊዎች የሚያገለግሉ አዶዎችን ያከማቻል። ወሳኙ ባህሪው፣ ለድር favicon ደረጃ የሆነበት ምክንያትም፣ አንድ ነጠላ የICO ፋይል ተመሳሳዩን ምስል በበርካታ resolutions በአንድ ጊዜ ሊይዝ መቻሉ ነው። ከአንድ ቋሚ bitmap ይልቅ ፋይሉ ትንሽ የካሬ ምስሎችን ስብስብ ያሽጋል አሳሹ ወይም ስርዓተ ክወናውም አዶውን ለመስራት በሚያስፈልገው ቦታ የሚስማማውን መጠን እንዲመርጥ ይፈቅዳል።

ይህ በእውነት ጠቃሚ ነው። የአሳሽ ትር ትንሽ አዶ ይፈልጋል፣ የbookmark አሞሌ ትንሽ የበለጠ ትልቅ ሊጠቀም ይችላል፣ በዴስክቶፕ ላይ pinned shortcut ደግሞ ገና የበለጠ ትልቅ ሊጠይቅ ይችላል። ብዙ-መጠን ባለው ICO ፣ እያንዳንዱ ዐውድ ለራሱ የተስማማውን ስሪት ይይዛል፣ ስለዚህ አዶዎ ከአንድ ትንሽ bitmap ተስፋፍቶ ደብዛዛ ከመሆን ይልቅ ስለታም ሆኖ ይቆያል። ICO እንዲሁም ግልጽነትን ይጠብቃል፣ ይህም ክብ ወይም መደበኛ ያልሆነ ሎጎ ጠርዞችን በማንኛውም የትር ቀለም ላይ ንፁህ ያደርገዋል።

የሚመከሩ Favicon መጠኖች

ለድረ-ገጽ favicon ማካተት ተገቢ የሆኑት ሶስት መጠኖች 16x16፣ 32x32 እና 48x48 ፒክሰል ናቸው። 16-ፒክሰል ስሪት አብዛኞቹ አሳሾች በትር እና በአድራሻ አሞሌ ውስጥ የሚያሳዩት ነው። 32-ፒክሰል ስሪት በከፍተኛ-resolution ማሳያዎችና በአንዳንድ bookmark እና ታሪክ እይታዎች ውስጥ ይጠቅማል፣ ስለዚህ ነገሮችን በዘመናዊ ስክሪኖች ላይ ስለታም ያደርጋል። 48-ፒክሰል ስሪት እንደ Windows site shortcuts ያሉ ትልልቅ ዐውዶችን ይሸፍናል። ሁሉም በአንድ የICO ፋይል ውስጥ ስለሚኖሩ አንድ ነጠላ ንብረት ይላካሉ እያንዳንዱ ገጽም የሚያስፈልገውን ይመርጣል።

ምንም ነገር እንዳይዘረጋ ካሬ ከሆነ PNG ይጀምሩ። የምንጭ ምስልዎ አራት ማዕዘን ወይም ከመጠን ያለፈ ከሆነ በእኛ ምስል ማስተካከያ መጀመሪያ ንፁህ ካሬ ያድርጉት ወይም ያሳንሱት፣ ከዚያም መቀየሩን ያካሂዱ። ቀላል፣ ከፍተኛ-ንፅፅር ያለው ንድፍ ከዝርዝር ስዕላዊ መግለጫ ይልቅ በ16 ፒክሰል በጣም በተሻለ ይነበባል፣ ስለዚህ ደፋር ቅርጾችን ከጥሩ ጽሑፍ ይምረጡ።

አንድ ካሬ ምስል በሲያንና ወርቃማ ብርሃን በርካታ ትንሽ የአዶ መጠኖች ላይ የቀረበ — አንድ የICO ፋይል 16፣ 32 እና 48 ፒክሰል ስሪቶችን ማከማቸት ይችላል ስለዚህ እያንዳንዱ ዐውድ ስለታም ሆኖ ይቆያል።

Favicon ን ወደ ድረ-ገጽዎ እንዴት ማከል እንደሚቻል

የICO ፋይልዎ ካገኙ በኋላ ወደ ድረ-ገጽዎ ይላኩት፣ በተለምዶ ወደ site root እንደ favicon.ico። ብዙ አሳሾች እዚያ በራስ-ሰር ያገኙታል፣ ነገር ግን ምንም ግምት እንዳይኖር በHTML ራስዎ ውስጥ በግልጽ ማወጅ ጥሩ ልማድ ነው። እንደዚህ ያለ link tag ያክሉ፦

<link rel="icon" type="image/x-icon" href="/favicon.ico">

ያንን መስመር በገጾችዎ <head> ክፍል ውስጥ ያስቀምጡ። የrel="icon" attribute ይህ ንብረት የገጹ አዶ መሆኑን ለአሳሹ ይነግረዋል፣ href ደግሞ ፋይሉን ወዳስቀመጡበት ቦታ ያመለክታል። ከላይ እንዳለው root-relative path ከተጠቀሙ ተመሳሳዩ ማወጅ በድረ-ገጽዎ በሁሉም ገጽ ላይ ይሰራል። ካሰቀዱ በኋላ አሳሾች favicon ዎችን በጽናት ስለሚይዙ አዲሱ አዶ ከመታየቱ በፊት hard refresh ማድረግ ወይም cache ማጽዳት ሊያስፈልግዎት ይችላል።

የግል መቀየር በአሳሽዎ ውስጥ

ሁሉም ነገር በመሳሪያዎ ላይ ይካሄዳል። የመረጡት PNG በአካባቢ ይነበባል፣ ይፈታል፣ እንደገና እንደ ICO ይቀረጻል፣ በሂደቱ ወቅትም ምንም ነገር ከመሳሪያዎ አይወጣም። ምንም መለያ የለም፣ ምንም ወረፋ የለም፣ ምንም server-side ማከማቻ የለም፣ ይህም ላልተለቀቁ ሎጎዎች ወይም በስምምነት ስር ላለ የደንበኛ ስራ እንኳ ምቹ ያደርገዋል። ግራፊክስን ለማዘጋጀትና ለማንፃት ለተጨማሪ መንገዶች ሙሉውን የምስል መሳሪያዎቻችንን ስብስብ ያስሱ።

በተደጋጋሚ የሚጠየቁ ጥያቄዎች

ምስሌ የትም ይጫናል?

አይ። PNG ሙሉ በሙሉ በራስዎ መሳሪያ በአሳሽዎ ውስጥ ወደ ICO ይቀየራል። ምንም ነገር ወደ ሰርቨር አይላክም ምንም ነገርም አይቀመጥም፣ ስለዚህ ምስልዎ የግል ሆኖ ይቆያል።

Favicon ዬ የትኞቹን መጠኖች ማካተት አለበት?

ጠቃሚ የሆኑት መጠኖች 16x16፣ 32x32 እና 48x48 ፒክሰል ናቸው። 16-ፒክሰል ምስል በአሳሽ ትሮች ውስጥ ይታያል፣ ትልልቆቹ ደግሞ በከፍተኛ-resolution ማሳያዎችና በዴስክቶፕ shortcuts ላይ አዶውን ስለታም ያደርጉታል።

ከPNG ይልቅ ለምን ICO እጠቀማለሁ?

ICO የቆየው favicon ፎርማት ነው በአንድ ፋይል ውስጥ በርካታ መጠኖችን ሊያከማች ይችላል። አሳሾችና ስርዓተ ክወናው ለእያንዳንዱ ዐውድ የሚስማማውን resolution ይመርጣሉ፣ ስለዚህ አዶው ከአንድ bitmap ተስፋፍቶ ከመሆን ይልቅ ስለታም ሆኖ ይቆያል።

ICO ከPNG ዬ ግልጽነትን ያቆያል?

አዎ። የICO ፎርማት ግልጽነትን ይደግፋል፣ ስለዚህ ግልጽ የPNG ዎ ቦታዎች ይጠበቃሉ አዶውም ከማንኛውም ትር ወይም ዳራ ቀለም ጋር ንፁህ ይቀላቀላል።

Favicon ን ወደ ድረ-ገጼ እንዴት ማከል እችላለሁ?

ICO ፋይሉን ወደ ድረ-ገጽዎ ይላኩ፣ በተለምዶ እንደ favicon.ico በrootው ውስጥ፣ በHTML ራስዎ ውስጥም link tag ያክሉ። ከዚያም አዲሱን ለማየት የአሳሽዎን cache ያጽዱ።

የምንጭ ምስሌ ካሬ አይደለም። ምን ማድረግ አለብኝ?

እንዳይዘረጋ መጀመሪያ ካሬ ያድርጉት ወይም ያሳንሱት። የእኛን ምስል ማስተካከያ ንፁህ ካሬ ለመስራት ተጠቅመው ከዚያም ወደ ICO ለመቀየር ለምርጡ የሚመስል favicon መጠቀም ይችላሉ።