ફેવિકોન જનરેટર
એક PNG, JPG અથવા SVG ને favicon.ico અને તમારી સાઇટને જોઈતા દરેક આઇકોન કદમાં ફેરવો, બધું એક ZIP માં પેક કરેલું.
સમગ્ર ઇમેજ આસપાસ પેડિંગ સાથે કેન્દ્રિત અને દૃશ્યમાન રહે છે.
પારદર્શક બ્રાઉઝર ટેબ્સ માટે અનુકૂળ છે; iPhone હોમ-સ્ક્રીન આઇકોન્સ માટે બેકગ્રાઉન્ડ રંગ વધુ સુરક્ષિત છે.
તમારું ફેવિકોન અને આઇકોન પેક અહીં દેખાશે.
ફાઇલોને તમારી સાઇટના રૂટ ફોલ્ડરમાં મૂકો, પછી આ લાઇનો દરેક પેજમાં ઉમેરો.
તમારી ઇમેજ તમારા બ્રાઉઝરમાં જ આઇકોન્સમાં ફેરવાય છે. BroBroGo પર કંઈપણ અપલોડ થતું નથી.
વારંવાર પૂછાતા પ્રશ્નો
આઇકોન પેકમાં કઈ ફાઇલો હોય છે?
અંદર 16, 32 અને 48 પિક્સેલ વર્ઝન સાથે favicon.ico, 16, 32, 180, 192 અને 512 પિક્સેલ પર PNG આઇકોન્સ અને મોટા આઇકોન્સની યાદી આપતી site.webmanifest ફાઇલ. જો તમે SVG થી શરૂ કરો છો, તો વેક્ટર પોતે પણ શામેલ છે. એક જ ZIP માં બધું જ આવી જાય છે.
મારી સોર્સ ઇમેજનું કદ શું હોવું જોઈએ?
SVG આદર્શ છે — દરેક આઇકોન વેક્ટરમાંથી દોરવામાં આવે છે, તેથી 16 પિક્સેલ પણ તીક્ષ્ણ રહે છે. PNG અથવા JPG માટે, ઓછામાં ઓછા 512 × 512 થી શરૂ કરો; નાની ઇમેજ અપસ્કેલ થાય છે અને કદાચ ઝાંખી દેખાઈ શકે છે.
શું બેકગ્રાઉન્ડ પારદર્શક હોવું જોઈએ કે રંગીન?
ટેબ આઇકોન્સ પારદર્શક હોય તો સારા લાગે છે. જો કે, iPhone અને iPad હોમ સ્ક્રીન પારદર્શક વિસ્તારોને કાળા રંગમાં ફેરવે છે — જો લોકો તમારી સાઇટને તેમની હોમ સ્ક્રીન પર ઉમેરી શકે તેમ હોય, તો બેકગ્રાઉન્ડ રંગ પસંદ કરો.
ચોરસ ન હોય તેવી ઇમેજનું શું થાય છે?
આઇકોન્સ ચોરસ હોય છે, પરંતુ તમારી ઇમેજ ક્યારેય ખેંચાતી નથી. ડિફોલ્ટ રૂપે તે આસપાસ પેડિંગ સાથે કેન્દ્રિત હોય છે; લાંબી કિનારીઓને કાપી નાખવા માટે "Fill (crop)" પર સ્વિચ કરો.
મારી સાઇટ પર ફાઇલો ક્યાં જશે?
તેમને તમારી સાઇટના રૂટ ફોલ્ડરમાં અપલોડ કરો, જેથી favicon.ico ને /favicon.ico તરીકે એક્સેસ કરી શકાય, પછી જનરેટ કરેલી લાઇનોને તમારા પેજીસના <head> માં પેસ્ટ કરો. બ્રાઉઝર્સ આપમેળે યોગ્ય કદ પસંદ કરી લે છે.