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 ቅርጸቶችን ይይዛል።
ምስል ለመጫን በርካታ መንገዶች፦ ፋይል ከ OS ይጎትቱ፣ ከ clipboard ይለጥፉ (screenshots ይሰራሉ)፣ ወይም የፋይል መምረጫ ለመክፈት ይጫኑ።
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ዎ ሁልጊዜ ትክክል ነው።
16×16 አዶን ወደ Base64 ይለውጡ እና background-image: url(...) ውስጥ ያካትቱት። ምንም HTTP ጥያቄ የለም፣ cache miss የለም — አዶው ከ CSSዎ ጋር አብሮ ይላካል።
ውጫዊ የምስል ማጣቀሻዎች በደንበኞች ሲታገዱ ወይም እንደ ስፓም ሲመደቡ ምስሎችን በቀጥታ በ HTML ኢሜይሎች ውስጥ እንደ data URIs ያካትቱ።
በአፕ ማስጀመሪያ ወቅት የንብረት ጉዞዎችን ለማስወገድ ትንንሽ ምስሎችን በ webpack/vite bundle ውጤት ውስጥ ያካትቱ።
የመሳሪያ dev tools፣ HTML source ወይም CSS ፋይል ውስጥ ያለ data URI ለጥፈው መሰረታዊውን ምስል ለቅድመ-እይታ እና ለማውረድ ይመልከቱ።
የተካተተ ምስል ካልታየ፣ Base64 ትክክለኛ መሆኑን እና MIME typeው ትክክል መሆኑን ለማረጋገጥ data URIውን ወደ decoder ይለጥፉ።
በ DevSuite Pro dock ውስጥ የ Image Base64 አዶን ይጫኑ። drop zone እና data URI መስክ ያለው ባለ ሁለት ፓነል ይከፈታል።
ፋይል ወደ drop zone ይጎትቱ፣ ምስል ከ clipboard ይለጥፉ (Ctrl+V)፣ ወይም ለማሰስ ዞኑን ይጫኑ። ቅድመ-እይታ ይታያል።
Base64 data URI ወዲያውኑ በውጤት መስክ ውስጥ ይፈጠራል — ወደ clipboard ለመላክ Copyን ይጫኑ፣ በቀጥታ ለመለጠፍ ዝግጁ ነው።
ከ Base64 ወደ ምስል ለመሄድ፣ data URI ወደ መስኩ ይለጥፉ። ቅድመ-እይታው ምስሉን ያሳያል እና የማውረድ አዝራር ይታያል።
የተመለሰውን ምስል እንደ እውነተኛ ፋይል ያስቀምጡ፣ ወይም data URIውን ለመጋራት ወይም በሌላ ቦታ ለማካተት ይቅዱ።
DevSuite Pro ን በነፃ ይጫኑ እና 64+ የገንቢ መሳሪያዎችን ለአሳሽዎ ይክፈቱ።