LibraTool logoLibraTool

وێنە بۆ Base64ی بەخۆڕایی

وێنەیەک بگۆڕە بۆ URIی داتای Base64 بۆ بەکارهێنانی ناوخۆیی لە CSS، HTML، یان Markdownدا. پارچە کۆدی ئامادە کۆپی بکە. لە وێبگەڕەکەتدا کۆدکراوە؛ هەرگیز بارناکرێت.

بەبێ ئینتەرنێت کاردەکات دوای بارکردن

پەڕگەکان لێرە دابگرە، یان کرتە بکە بۆ گەڕان

PNG, JPG, WebP, GIF, SVG, AVIF, ICO, HEIC, HEIF · بێ سنووری قەبارەی پەڕگە

یان Ctrl+V دابگرە بۆ لکاندن لە کلیپبۆردەکەت

گەڕان بەدوای پەڕگەکاندا

ئامۆژگاری: دەتوانیت وێنەیەکیش لە کلیپبۆردەکەت بلکێنیت (Ctrl+V).

پەڕگەکانت هەرگیز لە ئامێرەکەت جیا نابنەوە. هەموو پرۆسێسکردنێک لە ناوەوەی وێبگەڕەکەتدا ڕوودەدات.

وێنەیەک بگۆڕە بۆ Data URIـی Base64 کە دەتوانیت ڕاستەوخۆ لەناو CSS، HTML، یان Markdown دایبنێیت — پێویست بە فایلی جیاواز ناکات. لەناو وێبگەڕەکەتدا کۆدگذاری دەکرێت؛ هەرگیز ناوترێت.

چۆن کار دەکات

URI ی داتا وێنەیەک ڕاستەوخۆ وەک دەق دەخاتە ناو کۆدەکەت، بۆیە بەبێ داواکاری پەڕگەیەکی جیا بار دەبێت — گونجاوە بۆ ئایکۆنی بچووک و HTML ی سەربەخۆ. ئەمە لە وێبگەڕەکەتدا کۆدی دەکات.

  1. 1
    وێنەیەک دادەنێیت
    بە شێوەی ناوخۆیی بە FileReader API دەخوێنرێتەوە — هەرگیز ناناردرێت.
  2. 2
    بە Base64 کۆد دەکرێت
    بایتەکانی وێنە دەبنە URI ی data: (data:image/...;base64,…) ڕاستەوخۆ لە وێبگەڕەکەتدا.
  3. 3
    پارچەیەک هەڵدەبژێریت
    URI ی داتای خاو کۆپی بکە، یان CSS ی ئامادە (background-image)، HTML (<img>)، یان Markdown.
  4. 4
    بیخە ناو کۆدەکەتەوە
    وێنەکە ئێستا لەگەڵ CSS/HTML ـەکەتدا دەگوازرێتەوە — بەبێ پەڕگەیەکی زیادە بۆ هۆستکردن.

وێنەکە بە تەواوی لەسەر ئامێرەکەت کۆد دەکرێت. تێبینی بکە کە Base64 نزیکەی %33 گەورەترە لە وێنەی سەرەتایی، بۆیە URI ی داتا باشترین بۆ وێنە بچووکەکانە.

ئامرازە پەیوەندیدارەکان

پرسیارە باوەکان