મારે કયું ઇમેજ ફોર્મેટ અપલોડ કરવું જોઈએ?

પારદર્શક પૃષ્ઠભૂમિ સાથે PNG શ્રેષ્ઠ કામ કરે છે. ઓછામાં ઓછી 512x512 પિક્સેલની ચોરસ છબીનો ઉપયોગ કરો જેથી કરીને ટૂલ ગુણવત્તાના નુકશાન વિના સ્કેલ કરી શકે. SVG પણ સારી રીતે કામ કરે છે કારણ કે તે કોઈપણ કદમાં સ્કેલ કરે છે.

આ કયા કદ પેદા કરે છે?

16x16 (બ્રાઉઝર ટેબ), 32x32 (બ્રાઉઝર ટેબ @2x), 48x48 (Windows ટાસ્કબાર), 180x180 (Apple Touch icon), 192x192 (Android હોમ સ્ક્રીન), 512x512 (PWA સ્પ્લેશ સ્ક્રીન). ICO ફાઇલમાં 16, 32 અને 48px સાઇઝ હોય છે.

હું ફેવિકોન ફાઇલો ક્યાં મૂકી શકું?

તમારી વેબસાઇટ રૂટ ડિરેક્ટરીમાં favicon.ico મૂકો. અન્ય PNG કદ તમારા સાર્વજનિક ફોલ્ડરમાં અથવા કોઈપણ ઍક્સેસિબલ પાથમાં જાય છે. તમારા વિભાગમાં દરેક ફાઇલ સ્થાન તરફ નિર્દેશ કરતા HTML લિંક ટૅગ્સ ઉમેરો.

શા માટે મારું ફેવિકોન બ્રાઉઝરમાં અપડેટ થતું નથી?

બ્રાઉઝર્સ આક્રમક રીતે ફેવિકોન્સને કેશ કરે છે. તમારા બ્રાઉઝર કેશને સાફ કરો, છુપી વિન્ડોમાં ખોલવાનો પ્રયાસ કરો અથવા રિફ્રેશ કરવા માટે ફેવિકોન URL પર વર્ઝન ક્વેરી સ્ટ્રિંગ (?v=2) ઉમેરો.

મારું ફેવિકોન કેમ અપડેટ થતું નથી?

બ્રાઉઝર્સ ફેવિકોન્સને આક્રમક રીતે કેશ કરે છે, કેટલીકવાર દિવસો સુધી. કેશ સાફ કરીને, આઇકન URL સીધું ખોલીને અથવા લિંક ટેગમાં વર્ઝન ક્વેરી પેરામીટર ઉમેરીને રિફ્રેશ કરો.

શું મારી છબી સર્વર પર અપલોડ કરવામાં આવી છે?

ના. જનરેશન તમારા બ્રાઉઝરમાં થાય છે.

શું મારે SVG અથવા PNG નો ઉપયોગ કરવો જોઈએ?

સ્ત્રોત માટે SVG (રિઝોલ્યુશન-સ્વતંત્ર). જનરેટર ચોક્કસ કદમાં PNG આઉટપુટ કરે છે; આધુનિક બ્રાઉઝર્સ લિંક rel=icon type=image/svg+xml દ્વારા SVG ફેવિકોન્સને પણ સપોર્ટ કરે છે.

site.webmanifest શું છે?

ચિહ્નો, રંગો અને અન્ય મેટાડેટાનું વર્ણન કરતી પ્રગતિશીલ વેબ એપ્લિકેશન્સ માટે JSON મેનિફેસ્ટ. ઇન્સ્ટોલ કરી શકાય તેવી વેબ એપ્લિકેશનો માટે જરૂરી; પ્રમાણભૂત સાઇટ્સ પર પણ શામેલ કરવા માટે હાનિકારક.

મફત કન્વર્ટર

ફેવિકોન જનરેટર

કોઈપણ ઇમેજમાંથી બહુવિધ કદમાં (16x16 થી 512x512) ફેવિકોન ફાઇલો બનાવો. મફત, ઝટપટ અને સંપૂર્ણપણે તમારા બ્રાઉઝરમાં ચાલે છે.

અહીં એક છબી ખેંચો અને છોડો

PNG, JPG, SVG, WebP ને સપોર્ટ કરે છે. મહત્તમ 10MB.

અથવા

આ ટૂલ વિશે

ફેવિકોન એ નાનું આયકન છે જે બ્રાઉઝર ટૅબ્સ, બુકમાર્ક્સ અને ઇતિહાસ સૂચિઓમાં દેખાય છે. મૂળ ફેવિકોન — /favicon.ico પરની 16×16 ICO ફાઇલ — વિવિધ પ્લેટફોર્મ્સ માટે વિવિધ કદના ચિહ્નોના જટિલ સમૂહમાં વિસ્તરી છે: બ્રાઉઝર ટૅબ માટે 16×16 અને 32×32, iOS હોમ સ્ક્રીન માટે 180×180, 192×192 અને 512×192 અને Android માટે વિવિધ tii અને Windows માટે 512×512. આ બધાનું ઉત્પાદન એક જ સ્ત્રોત ઈમેજમાંથી કરવું એ આધુનિક ફેવિકોન જનરેટર કરે છે.

આ ટૂલ સિંગલ હાઇ-રિઝોલ્યુશન સોર્સ ઇમેજ (સામાન્ય રીતે ચોરસ લોગો) લે છે અને ફેવિકોન એસેટ્સનો સંપૂર્ણ સેટ વત્તા તેમને સંદર્ભ આપવા માટે જરૂરી HTML લિંક ટૅગ્સ જનરેટ કરે છે. આઉટપુટમાં ICO, બહુવિધ PNGs અને પ્રગતિશીલ વેબ એપ્લિકેશન મેટાડેટા માટે manifest.jsonનો સમાવેશ થાય છે. પરિણામી ફાઇલોને તમારી સાઇટના રુટ પર મૂકો અને જનરેટ કરેલ HTML દ્વારા તેનો સંદર્ભ આપો.

બધી પ્રક્રિયા તમારા બ્રાઉઝરમાં થાય છે. કોઈ અપલોડ નથી, કોઈ API કૉલ નથી, કોઈ દર મર્યાદા નથી. આઉટપુટ દરેક આધુનિક બ્રાઉઝર અને ઓપરેટિંગ સિસ્ટમ પર કામ કરે છે જે ફેવિકોન્સ દર્શાવે છે.

ફેવિકોન કેમ જનરેટ કરો

ફેવિકોન્સ વિનાની સાઇટ્સ અધૂરી લાગે છે. બ્રાઉઝર ટૅબ્સ સામાન્ય ચિહ્ન દર્શાવે છે; બુકમાર્ક્સમાં કોઈ વિઝ્યુઅલ ઓળખકર્તા નથી; સાઇટ ઓછી વ્યાવસાયિક દેખાય છે. યોગ્ય ફેવિકોન સેટ ઉમેરવો એ ઓછા-પ્રયાસનું ઉચ્ચ-અસરકારક પોલિશ પગલું છે જે વિગતવાર ધ્યાન આપવાનો સંકેત આપે છે.

આધુનિક ફેવિકોન જરૂરિયાતો /favicon.ico થી આગળ વધી છે. iOS હોમ સ્ક્રીન આઇકન્સ, એન્ડ્રોઇડ ક્રોમ આઇકન્સ, વિન્ડોઝ ટાઇલ આઇકન્સ અને ડાર્ક મોડ વેરિઅન્ટ્સ તમામ વિવિધ ફાઇલોનો ઉપયોગ કરે છે. તે બધાને એક સ્ત્રોતમાંથી જનરેટ કરવાથી દરેક ફાઇલને હાથથી મેનેજ કર્યા વિના સુસંગત બ્રાન્ડિંગની ખાતરી થાય છે.

કેવી રીતે વાપરવું

સ્રોત છબી અપલોડ કરો, સંપૂર્ણ ફેવિકોન સેટ મેળવો.

સ્રોત છબી અપલોડ કરો: ઓછામાં ઓછી 512×512 પિક્સેલની ચોરસ છબીનો ઉપયોગ કરો. PNG પસંદ કરવામાં આવે છે (પારદર્શિતા સપોર્ટ); SVG પણ સ્વીકારવામાં આવે છે. ઉચ્ચ-રીઝોલ્યુશન સ્ત્રોતો વધુ તીક્ષ્ણ નાના ચિહ્નો ઉત્પન્ન કરે છે.
પ્લેટફોર્મ વિકલ્પો ગોઠવો: iOS, Android, Windows અને PWA આઉટપુટને જરૂર મુજબ સક્ષમ કરો. ડિફૉલ્ટ સેટિંગ્સ મોટાભાગની સાઇટ્સને જરૂરી માનક સેટ બનાવે છે.
રંગો અને થીમ કસ્ટમાઇઝ કરો: વિન્ડોઝ ટાઇલ્સ અને PWA સ્પ્લેશ સ્ક્રીન માટે થીમ રંગો પસંદ કરો. તમારી બ્રાન્ડ ઓળખ સાથે મેળ કરો.
ડાઉનલોડ કરો અને જમાવો: જનરેટ કરેલી ઝિપને સાચવો. તમારી સાઇટના રુટ પર ફાઇલો મૂકો અને તમારા <head> માં જનરેટ કરેલ HTML લિંક ટૅગ્સ ઉમેરો. HTML દરેક આયકનનો યોગ્ય માપ પર સંદર્ભ આપે છે.

સામાન્ય ઉપયોગના કેસો

નવી વેબસાઇટ્સમાં ફેવિકોન્સ ઉમેરી રહ્યા છીએ — દરેક નવી સાઇટને સંપૂર્ણ ફેવિકોન સેટની જરૂર છે. જનરેશન તેને એક જ લોગો સ્ત્રોતમાંથી બનાવે છે.
જૂના ફેવિકોન્સને અપડેટ કરી રહ્યાં છીએ — જૂની સાઇટ્સમાં ઘણીવાર ફક્ત /favicon.ico હોય છે; આધુનિક જરૂરિયાતોને સંપૂર્ણ સેટની જરૂર છે. ખૂટતી અસ્કયામતોમાં ફરીથી જનરેટ કરી રહ્યું છે.
PWA ચિહ્નોનું નિર્માણ — પ્રોગ્રેસિવ વેબ એપ્સને 192×192 અને 512×512 આયકન્સ વત્તા મેનિફેસ્ટ મેટાડેટાની જરૂર છે. જનરેટર આને યોગ્ય રીતે ઉત્પન્ન કરે છે.
બ્રાન્ડિંગ વચ્ચે સ્થળાંતર — રીબ્રાન્ડ માટે ઘણી વખત તમામ ફેવિકોન્સને ફરીથી બનાવવાની જરૂર પડે છે. સિંગલ-સોર્સ જનરેશન ગુમ થયેલ સંપત્તિઓને અટકાવે છે.
વિવિધ રંગો સાથે પરીક્ષણ — થીમના રંગો પર ઝડપથી પુનરાવર્તિત થવું અને તરત જ જુઓ કે આયકન સેટ વિવિધ કદમાં કેવી દેખાય છે.

ટેકનિકલ વિગતો

સંપૂર્ણ આધુનિક ફેવિકોન સેટ: favicon.ico (16+32+48 મલ્ટી-રિઝોલ્યુશન), favicon-16x16.png, favicon-32x32.png, Apple-touch-icon.png (180×180), android-chrome-192x192.png, android-12png, 52png mstile-150x150.png. PWA માટે પ્લસ site.webmanifest, Windows માટે browserconfig.xml.

દરેક PNG સ્ત્રોતમાંથી કેનવાસ-આધારિત ડાઉનસેમ્પલિંગ દ્વારા જનરેટ થાય છે. ICO નું નિર્માણ JavaScript માં 16/32/48 વર્ઝનને DataView રાઇટ્સનો ઉપયોગ કરીને મલ્ટિ-રિઝોલ્યુશન ICO ફોર્મેટમાં સંયોજિત કરીને કરવામાં આવે છે.

HTML લિંક ટૅગ્સ દરેક ફાઇલને યોગ્ય rel અને કદના લક્ષણો સાથે સંદર્ભિત કરે છે. જનરેટર આને તમારી સાઇટના <head> માટે કૉપિ-પેસ્ટ-રેડી સ્નિપેટ તરીકે બનાવે છે.

શ્રેષ્ઠ વ્યવહાર

ઉચ્ચ-રિઝોલ્યુશન સ્ત્રોતનો ઉપયોગ કરો — ઓછામાં ઓછા 512×512 PNG અથવા SVG માસ્ટરથી પ્રારંભ કરો. ડાઉનસેમ્પલિંગ નાના સ્ત્રોતને અપસ્કેલિંગ કરતાં વધુ તીક્ષ્ણ નાના ચિહ્નો ઉત્પન્ન કરે છે.
બહુવિધ બ્રાઉઝર્સમાં પરીક્ષણ કરો — વિવિધ બ્રાઉઝર્સ અને પ્લેટફોર્મ્સ વિવિધ ચિહ્નો દર્શાવે છે. ક્રોમ, સફારી, ફાયરફોક્સ, મોબાઇલ સફારી અને એન્ડ્રોઇડ ક્રોમમાં જમાવટ કરેલ સાઇટ ખોલો અને ખાતરી કરો કે દરેક યોગ્ય સંપત્તિ પસંદ કરે છે.
તમારી બ્રાન્ડ સાથે રંગોને મેચ કરો — થીમ રંગો અને PWA સ્પ્લેશ સ્ક્રીન તમારી બ્રાન્ડ ઓળખને પ્રતિબિંબિત કરવા જોઈએ. અસંગત રંગો અસંગત સિસ્ટમ એકીકરણ સાથે પોલિશ્ડ દેખાતા આયકનનું નિર્માણ કરે છે.
ભાવિ પુનર્જીવન માટે સ્ત્રોત SVG રાખો — જ્યારે તમે રીબ્રાન્ડ કરશો, ત્યારે તમે સ્ત્રોતમાંથી પુનઃજનરેટ કરશો. માસ્ટર SVG (અથવા સૌથી વધુ રિઝોલ્યુશન PNG)ને ઍક્સેસિબલ રાખો.

વારંવાર પૂછાતા પ્રશ્નો

મારે કયું ઇમેજ ફોર્મેટ અપલોડ કરવું જોઈએ?: પારદર્શક પૃષ્ઠભૂમિ સાથે PNG શ્રેષ્ઠ કામ કરે છે. ઓછામાં ઓછી 512x512 પિક્સેલની ચોરસ છબીનો ઉપયોગ કરો જેથી કરીને ટૂલ ગુણવત્તાના નુકશાન વિના સ્કેલ કરી શકે. SVG પણ સારી રીતે કામ કરે છે કારણ કે તે કોઈપણ કદમાં સ્કેલ કરે છે.
આ કયા કદ પેદા કરે છે?: 16x16 (બ્રાઉઝર ટેબ), 32x32 (બ્રાઉઝર ટેબ @2x), 48x48 (Windows ટાસ્કબાર), 180x180 (Apple Touch icon), 192x192 (Android હોમ સ્ક્રીન), 512x512 (PWA સ્પ્લેશ સ્ક્રીન). ICO ફાઇલમાં 16, 32 અને 48px સાઇઝ હોય છે.
હું ફેવિકોન ફાઇલો ક્યાં મૂકી શકું?: તમારી વેબસાઇટ રૂટ ડિરેક્ટરીમાં favicon.ico મૂકો. અન્ય PNG કદ તમારા સાર્વજનિક ફોલ્ડરમાં અથવા કોઈપણ ઍક્સેસિબલ પાથમાં જાય છે. તમારા <head> વિભાગમાં દરેક ફાઇલ સ્થાન તરફ નિર્દેશ કરતા HTML લિંક ટૅગ્સ ઉમેરો.
શા માટે મારું ફેવિકોન બ્રાઉઝરમાં અપડેટ થતું નથી?: બ્રાઉઝર્સ આક્રમક રીતે ફેવિકોન્સને કેશ કરે છે. તમારા બ્રાઉઝર કેશને સાફ કરો, છુપી વિન્ડોમાં ખોલવાનો પ્રયાસ કરો અથવા રિફ્રેશ કરવા માટે ફેવિકોન URL પર વર્ઝન ક્વેરી સ્ટ્રિંગ (?v=2) ઉમેરો.
મારું ફેવિકોન કેમ અપડેટ થતું નથી?: બ્રાઉઝર્સ ફેવિકોન્સને આક્રમક રીતે કેશ કરે છે, કેટલીકવાર દિવસો સુધી. કેશ સાફ કરીને, આઇકન URL સીધું ખોલીને અથવા લિંક ટેગમાં વર્ઝન ક્વેરી પેરામીટર ઉમેરીને રિફ્રેશ કરો.
શું મારી છબી સર્વર પર અપલોડ કરવામાં આવી છે?: ના. જનરેશન તમારા બ્રાઉઝરમાં થાય છે.
શું મારે SVG અથવા PNG નો ઉપયોગ કરવો જોઈએ?: સ્ત્રોત માટે SVG (રિઝોલ્યુશન-સ્વતંત્ર). જનરેટર ચોક્કસ કદમાં PNG આઉટપુટ કરે છે; આધુનિક બ્રાઉઝર્સ લિંક rel=icon type=image/svg+xml દ્વારા SVG ફેવિકોન્સને પણ સપોર્ટ કરે છે.
site.webmanifest શું છે?: ચિહ્નો, રંગો અને અન્ય મેટાડેટાનું વર્ણન કરતી પ્રગતિશીલ વેબ એપ્લિકેશન્સ માટે JSON મેનિફેસ્ટ. ઇન્સ્ટોલ કરી શકાય તેવી વેબ એપ્લિકેશનો માટે જરૂરી; પ્રમાણભૂત સાઇટ્સ પર પણ શામેલ કરવા માટે હાનિકારક.

ફેવિકોન જનરેટર

અહીં એક છબી ખેંચો અને છોડો

સંબંધિત ટૂલ્સ

એપ્લિકેશન આયકન જનરેટર

બ્રાઉઝર ફ્રેમ મોકઅપ જનરેટર

ઉપકરણ મોકઅપ જનરેટર

મેમે જનરેટર

આ ટૂલ વિશે

ફેવિકોન કેમ જનરેટ કરો

કેવી રીતે વાપરવું

સામાન્ય ઉપયોગના કેસો

ટેકનિકલ વિગતો

શ્રેષ્ઠ વ્યવહાર

વારંવાર પૂછાતા પ્રશ્નો

Related Articles

Image Format Guide: JPG vs PNG vs WebP vs SVG Explained

Color & Design Tools Guide: Hex, RGB, HSL, and Color Palettes Explained

How to Convert Files Online Safely: Privacy and Security Guide

Why Browser-Based Tools Are the Future: No Installs, No Uploads, No Risk