← ወደ ባህሪያት ይመለሱ
Free

Image ↔ Base64

Image ↔ Base64 የምስል ፋይሎችን (PNG, JPG, SVG, WebP, GIF) ወደ Base64-encoded data URIs ይለውጣል እና በተቃራኒው ይመልሳል። ምስል ለመጫን ይጎትቱ፣ ይለጥፉ ወይም ይጫኑ፤ በ CSS፣ HTML ወይም config ውስጥ በቀጥታ ለማካተት ሙሉውን data:image/...;base64,... string ይቅዱ። ወይም data URI ለጥፈው እንደ ምስል ፋይል ይመልከቱት እና ያውርዱት።

Base64-encoded ምስሎች በቀጥታ ወደ CSS፣ HTML ወይም config ፋይሎች ውስጥ ሊካተቱ ይችላሉ — ይህም ለትንንሽ አዶዎች፣ ለኢሜይል ቴምፕሌቶች ወይም ውጫዊ የምስል ጥያቄዎች ላልተፈለጉባቸው build artifacts ጠቃሚ ነው። ይህ መሳሪያ ልወጣውን ቀላል ያደርገዋል። የምስል ፋይል ይጎትቱ፣ ከ clipboard ይለጥፉ ወይም ለማሰስ ይጫኑ። መሳሪያው ትክክለኛውን MIME type በመጠቀም ወደ data URI ይለውጠዋል (data:image/png;base64,..., data:image/svg+xml;base64,..., ወዘተ)። የተቃራኒው አቅጣጫም ይሰራል — data URI ይለጥፉ እና መሳሪያው ምስሉን ለቅድመ-እይታ ያሳያል እንዲሁም እንደ እውነተኛ ፋይል ለማስቀመጥ የማውረጃ አገናኝ ይሰጣል። ሙሉ በሙሉ በአሳሽ ውስጥ ይሰራል፣ ምንም ስቀላ የለም — ምስሎችዎ ከመሳሪያዎ በጭራሽ አይወጡም። PNG, JPG/JPEG, SVG, WebP, GIF እና ICO ቅርጸቶችን ይይዛል።

የቀጥታ ቅድመ እይታ
example.com
Image ↔ Base64 ምስል → Base64 Base64 → ምስል
Drop ምስል
Drop, paste, ወይም ይህ
PNG, JPG, SVG, WebP
logo.png
8.4 KB · 256×256
Base64 ዳታ URI
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAAEACAYAAABccqhmAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADJJREFUeNrs0rERwCAIhFEwjv9/6OS...
ሰነጥቅ ማውረድ
ቁልፍ ባህሪያት

ይጎትቱ፣ ይለጥፉ ወይም ያስሱ

ምስል ለመጫን በርካታ መንገዶች፦ ፋይል ከ OS ይጎትቱ፣ ከ clipboard ይለጥፉ (screenshots ይሰራሉ)፣ ወይም የፋይል መምረጫ ለመክፈት ይጫኑ።

ቀጥታ የምስል ቅድመ-እይታ

data URI ሲለጥፉ፣ መሳሪያው ከመቅዳት ወይም ከማውረድ በፊት እንዲያረጋግጡ ምስሉን ወዲያውኑ ያሳያል።

በአንድ ጠቅታ Data URI ይቅዱ

ወደ CSS፣ HTML src attribute ወይም JSON config ለመለጠፍ ዝግጁ የሆነውን ሙሉ data:image/...;base64,... string ይቀዳል።

ፈጣን ልወጣ

የስቀላ መጠበቅ የለም — ሁሉም ነገር በአካባቢው ይከናወናል። ትላልቅ ምስሎች እንኳ በሰከንድ ክፍልፋይ ውስጥ ይለወጣሉ።

እንደ ፋይል ያውርዱ

ከ Base64 data URI፣ የተፈታውን ምስል በትክክለኛው ቅጥያ (PNG, JPG, SVG, ወዘተ) እንደ እውነተኛ ፋይል ያስቀምጡ።

ሁሉንም የተለመዱ ቅርጸቶች ይይዛል

PNG, JPG, SVG, WebP, GIF እና ICO ይደግፋል። MIME type በራስ-ሰር ይታወቃል ስለዚህ data URIዎ ሁልጊዜ ትክክል ነው።

የተለመዱ የአጠቃቀም ሁኔታዎች

ትንንሽ አዶዎችን በ CSS ውስጥ ማካተት

16×16 አዶን ወደ Base64 ይለውጡ እና background-image: url(...) ውስጥ ያካትቱት። ምንም HTTP ጥያቄ የለም፣ cache miss የለም — አዶው ከ CSSዎ ጋር አብሮ ይላካል።

የኢሜይል ቴምፕሌቶች

ውጫዊ የምስል ማጣቀሻዎች በደንበኞች ሲታገዱ ወይም እንደ ስፓም ሲመደቡ ምስሎችን በቀጥታ በ HTML ኢሜይሎች ውስጥ እንደ data URIs ያካትቱ።

Build Artifacts እና Bundles

በአፕ ማስጀመሪያ ወቅት የንብረት ጉዞዎችን ለማስወገድ ትንንሽ ምስሎችን በ webpack/vite bundle ውጤት ውስጥ ያካትቱ።

ምስሎችን ከ Data URIs ማውጣት

የመሳሪያ dev tools፣ HTML source ወይም CSS ፋይል ውስጥ ያለ data URI ለጥፈው መሰረታዊውን ምስል ለቅድመ-እይታ እና ለማውረድ ይመልከቱ።

የተካተቱ ምስሎችን ማረም

የተካተተ ምስል ካልታየ፣ Base64 ትክክለኛ መሆኑን እና MIME typeው ትክክል መሆኑን ለማረጋገጥ data URIውን ወደ decoder ይለጥፉ።

እንዴት እንደሚጠቀሙ
1

Image ↔ Base64ን ይክፈቱ

በ DevSuite Pro dock ውስጥ የ Image Base64 አዶን ይጫኑ። drop zone እና data URI መስክ ያለው ባለ ሁለት ፓነል ይከፈታል።

2

ምስል ይጫኑ

ፋይል ወደ drop zone ይጎትቱ፣ ምስል ከ clipboard ይለጥፉ (Ctrl+V)፣ ወይም ለማሰስ ዞኑን ይጫኑ። ቅድመ-እይታ ይታያል።

3

Data URI ይያዙ

Base64 data URI ወዲያውኑ በውጤት መስክ ውስጥ ይፈጠራል — ወደ clipboard ለመላክ Copyን ይጫኑ፣ በቀጥታ ለመለጠፍ ዝግጁ ነው።

4

የተቃራኒ አቅጣጫ

ከ Base64 ወደ ምስል ለመሄድ፣ data URI ወደ መስኩ ይለጥፉ። ቅድመ-እይታው ምስሉን ያሳያል እና የማውረድ አዝራር ይታያል።

5

ያውርዱ ወይም ይቅዱ

የተመለሰውን ምስል እንደ እውነተኛ ፋይል ያስቀምጡ፣ ወይም data URIውን ለመጋራት ወይም በሌላ ቦታ ለማካተት ይቅዱ።

ለመሞከር ዝግጁ ነዎት?

DevSuite Pro ን በነፃ ይጫኑ እና 64+ የገንቢ መሳሪያዎችን ለአሳሽዎ ይክፈቱ።

ወደ Chrome ያክሉ ወደ Edge ያክሉ ወደ FireFox ያክሉ