ነጻ መለወጫ

ፋቪኮን ጀነሬተር

ከማንኛውም ምስል የፋቪኮን ፋይሎችን በበርካታ መጠኖች (16x16 እስከ 512x512) ይፍጠሩ። ነፃ፣ ፈጣን እና ሙሉ በሙሉ በአሳሽዎ ውስጥ ይሰራል።

ምስልን ወደዚህ ጎትት እና ጣል አድርግ

PNG፣ JPG፣ SVG፣ WebP ይደግፋል። ከፍተኛው 10 ሜባ

ወይም

ስላዚህ መሳሪያ

ፋቪኮን በአሳሽ ትሮች ፣ ዕልባቶች እና የታሪክ ዝርዝሮች ውስጥ የሚታየው ትንሽ አዶ ነው። ዋናው ፋቪኮን - 16×16 ICO ፋይል በ/favicon.ico - ለተለያዩ የመሳሪያ ስርዓቶች በተለያየ መጠን 16×16 እና 32×32፣ ለአሳሽ ትሮች 180×180፣ 192×192 እና 512×512 ለዊንዶውስ እና ለተለያዩ መጠኖች ወደሚገኙ አዶዎች ተዘርግቷል። እነዚህን ሁሉ ከአንድ ምንጭ ምስል ማምረት ዘመናዊ ፋቪኮን ጀነሬተር የሚያደርገው ነው።

ይህ መሳሪያ ባለ አንድ ባለ ከፍተኛ ጥራት ምንጭ ምስል (በተለይ የካሬ አርማ) ይወስዳል እና ሙሉ የ favicon ንብረቶችን እና እነሱን ለመጥቀስ የሚያስፈልጉትን የኤችቲኤምኤል ማገናኛ መለያዎችን ያመነጫል። ውፅዓት ICOን፣ በርካታ PNGዎችን እና አንድ manifest.jsonን ለተራማጅ የድር መተግበሪያ ዲበ ውሂብ ያካትታል። የተገኙትን ፋይሎች በጣቢያዎ ስር ይጣሉ እና በተፈጠረው ኤችቲኤምኤል ያጣቅሷቸው።

ሁሉም ሂደት በአሳሽዎ ውስጥ ይከሰታል። ምንም ሰቀላ የለም፣ ምንም የኤፒአይ ጥሪ የለም፣ ምንም የዋጋ ገደብ የለም። ውጤቱ በሁሉም ዘመናዊ አሳሽ እና ኦፕሬቲንግ ሲስተሞች ላይ የሚሰራ ሲሆን ይህም favicons በሚያሳይ ነው።

ለምን Favicon አመነጨ

ፋቪኮን የሌላቸው ጣቢያዎች ያልተጠናቀቁ ይመስላሉ። የአሳሽ ትሮች አጠቃላይ አዶ ያሳያሉ; ዕልባቶች ምስላዊ መለያ የላቸውም; ጣቢያው ያነሰ ሙያዊ ይመስላል. ትክክለኛ የ favicon ስብስብ ማከል ለዝርዝር ትኩረት የሚጠቁም ዝቅተኛ ጥረት ከፍተኛ ተጽዕኖ ያለው የፖላንድ እርምጃ ነው።

ዘመናዊ የ favicon መስፈርቶች ከ/favicon.ico በላይ አድጓል። የ iOS መነሻ ስክሪን አዶዎች፣ የአንድሮይድ ክሮም አዶዎች፣ የዊንዶውስ ንጣፍ አዶዎች እና የጨለማ ሁነታ ልዩነቶች ሁሉም የተለያዩ ፋይሎችን ይጠቀማሉ። ሁሉንም ከአንድ ምንጭ ማመንጨት እያንዳንዱን ፋይል በእጅ ሳያስተዳድር ወጥነት ያለው የምርት ስም ማውጣትን ያረጋግጣል።

እንዴት ይጠቀሙ

የምንጭ ምስል ይስቀሉ፣ ሙሉውን የ favicon ስብስብ ያግኙ።

  1. የምንጭ ምስል ስቀል: ቢያንስ 512×512 ፒክሰሎች የካሬ ምስል ይጠቀሙ። PNG ይመረጣል (ግልጽነት ድጋፍ); SVG እንዲሁ ተቀባይነት አለው። ከፍተኛ ጥራት ያላቸው ምንጮች ጥርት ያሉ ትናንሽ አዶዎችን ያመርታሉ።
  2. የመድረክ አማራጮችን ያዋቅሩ: እንደ አስፈላጊነቱ የiOS፣ አንድሮይድ፣ ዊንዶውስ እና PWA ውጤቶችን ያንቁ። ነባሪ ቅንጅቶች ብዙ ጣቢያዎች የሚያስፈልጋቸውን መደበኛ ስብስብ ያዘጋጃሉ።
  3. ቀለሞችን እና ገጽታን አብጅ: ለWindows tiles እና PWA splash screens የገጽታ ቀለሞችን ይምረጡ። የምርት ስምዎን ያዛምዱ።
  4. ያውርዱ እና ያሰማሩ: የተፈጠረውን ዚፕ ያስቀምጡ። ፋይሎችን በጣቢያዎ ስር ያስቀምጡ እና የተፈጠሩትን የኤችቲኤምኤል ማገናኛ መለያዎችን ወደ የእርስዎ <head> ያክሉ። ኤችቲኤምኤል እያንዳንዱን አዶ በትክክለኛው መጠን ይጠቅሳል።

የተለመዱ የአጠቃቀም ጉዳዮች

ቴክኒካዊ ዝርዝሮች

ሙሉው ዘመናዊ የ favicon ስብስብ፡ favicon.ico (16+32+48 ባለብዙ ጥራት)፣ favicon-16x16.png፣ favicon-32x32.png፣ apple-touch-icon.png (180×180)፣ android-chrome-192x192.png፣ android-chrome-51ng-51p mstile-150x150.png. Plus site.webmanifest ለ PWA፣ browserconfig.xml ለዊንዶውስ።

እያንዳንዱ PNG የሚመነጨው ከምንጩ በመውረድ በሸራ ላይ የተመሰረተ ነው። ICO በጃቫ ስክሪፕት የተገነባው 16/32/48 ስሪቶችን ወደ ባለብዙ ጥራት ICO ቅርጸት በማጣመር DataView ይጽፋል።

የኤችቲኤምኤል አገናኝ መለያዎች እያንዳንዱን ፋይል ከተገቢው rel እና የመጠን ባህሪዎች ጋር ያጣቅሳሉ። ጄነሬተሩ እነዚህን ለጣቢያዎ <head> ለቅጂ-ለጥፍ ዝግጁ የሆነ ቅንጣቢ ያዘጋጃል።

ምርጥ ልምዶች

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

ምን ዓይነት ምስል መስቀል አለብኝ?
ግልጽ ዳራ ያለው PNG በተሻለ ሁኔታ ይሰራል። መሣሪያው የጥራት መጥፋት ሳይኖር ወደ ታች እንዲቀንስ ቢያንስ 512x512 ፒክሰሎች የካሬ ምስል ይጠቀሙ። SVG በማንኛውም መጠን ስለሚመዘን በደንብ ይሰራል።
ይህ ምን ዓይነት መጠኖች ይፈጥራል?
16x16 (የአሳሽ ትር)፣ 32x32 (የአሳሽ ትር @2x)፣ 48x48 (Windows taskbar)፣ 180x180 (Apple Touch አዶ)፣ 192x192 (አንድሮይድ መነሻ ስክሪን)፣ 512x512 (PWA splash screen)። የ ICO ፋይል 16፣ 32 እና 48 ፒክስል መጠኖችን ይዟል።
የ favicon ፋይሎችን የት አደርጋለሁ?
Favicon.ico በድር ጣቢያዎ ስርወ ማውጫ ውስጥ ያስቀምጡ። ሌሎች የPNG መጠኖች በእርስዎ ይፋዊ አቃፊ ወይም በማንኛውም ተደራሽ መንገድ ውስጥ ይሄዳሉ። በእያንዳንዱ የፋይል ቦታ ላይ የሚያመለክቱ የኤችቲኤምኤል ማገናኛ መለያዎችን በ<head> ክፍልዎ ውስጥ ያክሉ።
ለምንድን ነው የእኔ favicon በአሳሹ ውስጥ የማይዘምነው?
አሳሾች በቁጣ መሸጎጫ favicons። የአሳሽ መሸጎጫዎን ያጽዱ፣ ማንነትን በማያሳውቅ መስኮት ለመክፈት ይሞክሩ ወይም ለማደስ ለማስገደድ የስሪት መጠይቅ ሕብረቁምፊ (?v=2) ወደ favicon URL ያክሉ።
ለምንድነው የእኔ favicon የማይዘምነው?
አሳሾች ፋቪኮንን በኃይል፣ አንዳንዴም ለቀናት ይሸሻሉ። መሸጎጫውን በማጽዳት፣ አዶውን ዩአርኤል በቀጥታ በመክፈት ወይም የስሪት መጠይቅ ግቤት በአገናኝ መለያው ላይ በማያያዝ አድስ ያስገድዱ።
የእኔ ምስል ወደ አገልጋይ ተሰቅሏል?
አይ. ትውልድ በአሳሽዎ ውስጥ ይከሰታል።
SVG ወይም PNG መጠቀም አለብኝ?
SVG ለምጩ (መፍትሄ-ገለልተኛ)። ጄነሬተር በተወሰኑ መጠኖች PNGs ያወጣል; ዘመናዊ አሳሾች የSVG faviconsን በሊንክ rel=icon type=image/svg+xml ይደግፋሉ።
ጣቢያ.webmanifest ምንድን ነው?
አዶዎችን፣ ቀለሞችን እና ሌላ ዲበ ውሂብን የሚገልጽ የJSON አንጸባራቂ ተራማጅ የድር መተግበሪያዎች። ለሚጫኑ የድር መተግበሪያዎች ያስፈልጋል; በመደበኛ ጣቢያዎች ላይ እንኳን ለማካተት ምንም ጉዳት የለውም።