મફત ઇમેજથી Base64

CSS, HTML અથવા Markdown માં ઇનલાઇન ઉપયોગ માટે ઇમેજને Base64 ડેટા URI માં કન્વર્ટ કરો. તૈયાર સ્નિપેટ કોપી કરો. તમારા બ્રાઉઝરમાં એન્કોડ થાય છે; ક્યારેય અપલોડ થતું નથી.

એક વાર લોડ થયા પછી ઑફલાઇન કામ કરે છે

ફાઇલો અહીં મૂકો, અથવા બ્રાઉઝ કરવા ક્લિક કરો

PNG, JPG, WebP, GIF, SVG, AVIF, ICO, HEIC, HEIF · ફાઇલ કદ મર્યાદા નહીં

અથવા તમારા ક્લિપબોર્ડમાંથી પેસ્ટ કરવા માટે Ctrl+V દબાવો

ફાઇલો બ્રાઉઝ કરો

ટિપ: તમે ક્લિપબોર્ડમાંથી પણ ઇમેજ પેસ્ટ કરી શકો છો (Ctrl+V).

તમારી ફાઇલો તમારા ઉપકરણ છોડતી નથી. બધી પ્રક્રિયા તમારા બ્રાઉઝરમાં સ્થાનિક રીતે થાય છે.

ઇમેજને Base64 ડેટા URIમાં કન્વર્ટ કરો જેને તમે સીધું CSS, HTML કે Markdown માં પેસ્ટ કરી શકો — અલગ ફાઇલની જરૂર નથી. તમારા બ્રાઉઝરમાં એન્કોડ થાય છે; ક્યારેય અપલોડ થતું નથી.

આ કેવી રીતે કાર્ય કરે છે

Data URI એક ઇમેજને સીધી ટેક્સ્ટ તરીકે તમારા કોડમાં embed કરે છે, જેથી તે અલગ ફાઇલ request વગર load થાય — નાના icons અને self-contained HTML માટે ઉપયોગી. આ ટૂલ તેને તમારા બ્રાઉઝરમાં એન્કોડ કરે છે.

  1. 1
    તમે ઇમેજ ડ્રોપ કરો છો
    તે FileReader API વડે સ્થાનિક રીતે વાંચવામાં આવે છે — ક્યારેય અપલોડ થતી નથી.
  2. 2
    તે Base64-એન્કોડ થાય છે
    ઇમેજના bytes એક data: URI (data:image/...;base64,…) બને છે, બરાબર તમારા બ્રાઉઝરમાં.
  3. 3
    તમે snippet પસંદ કરો છો
    raw data URI કોપી કરો, અથવા ready-made CSS (background-image), HTML (<img>), અથવા Markdown.
  4. 4
    તેને તમારા કોડમાં પેસ્ટ કરો
    ઇમેજ હવે તમારા CSS/HTML સાથે inline મુસાફરી કરે છે — hosting માટે વધારાની ફાઇલ નહીં.

ઇમેજ સંપૂર્ણપણે તમારા ડિવાઇસ પર એન્કોડ થાય છે. નોંધ કરો કે Base64 મૂળ કરતાં ~33% મોટું છે, એટલે data URIs નાની ઇમેજો માટે શ્રેષ્ઠ છે.

સંબંધિત સાધનો

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