Зургийг CSS-д зориулж Base64 data URI болгон хэрхэн хөрвүүлэх вэ?

Зургаа чирж оруулах эсвэл буулгаад (Ctrl+V), CSS табыг нээж Хуулах дээр дарна уу. Data URI шигтгэсэн background-image: url(...) дүрэм гарна. HTML, Markdown, Цэвэр Base64, JSON табууд мөн адил ажиллана.

Base64 гаралт миний зургаас яагаад гуравны нэгээр том байдаг вэ?

Base64 нь 3 байт тутмыг 4 тэмдэгт болгодог тул текст нь файлаас ойролцоогоор 33% том болдог. Тиймээс data URI нь жижиг дүрс, лого-д тохиромжтой бөгөөд том зурагт тохиромжгүй.

Base64 мөрийг хэрхэн богиносгох вэ?

Эхлээд Багасгах-ыг нээж Дээд өргөн эсвэл Формат (WebP, JPEG, PNG)-ыг тохируулж, WebP эсвэл JPEG-ийн Чанарыг бууруулна уу. SVG болон GIF файлыг ингэж багасгах боломжгүй; SVG-д оронд нь SVG (URL-кодлогдсон) таб байдаг.

Base64 мөрийг буцааж зураг болгож чадах уу?

Тийм. Чиглэлийг Base64-ээс зураг руу гэж сольж data URI эсвэл цэвэр Base64-ийг буулгана уу. PNG, JPEG, GIF, WebP, SVG, BMP, ICO, AVIF-ийг таньж, дараа нь татах боломж олгоно. Буруу оролт алдаа харуулна.

Том зурагт Хуулах яагаад амжилтгүй болдог эсвэл урьдчилан харалт яагаад тасарсан мэт харагддаг вэ?

Урьдчилан харалт зөвхөн эхний 2000 тэмдэгтийг харуулдаг ч Хуулах болон Татах нь бүтэн утгыг өгнө. Маш урт мөр хөтчийн clipboard-ийн хязгаараас хэтэрч болох тул Татах-ыг ашиглах эсвэл эхлээд зургийг багасгана уу.

Үнэхээр үнэгүй юу?

Тийм. Хэрэгсэл бүрийг бүртгэл үүсгэхгүйгээр, төлбөрийн картгүйгээр үнэгүй ашиглах боломжтой. Бүх үйл явц манай сервер дээр биш, таны төхөөрөмж дээр явагддаг тул үнэ төлбөргүй ажилладаг.

Миний файлууд байршуулагдах уу?

Үгүй. Таны файлууд хөтөч дотроо нээгдэж, боловсруулагддаг бөгөөд LibraTool руу илгээгддэггүй. Зарим хэрэгсэл эхлээд боловсруулах хөдөлгүүр эсвэл AI загварыг хөтөч рүү тань татдаг; тэр татаж авалтад таны өгөгдөл байхгүй.

Гар утсан дээр ажилладаг уу?

Тийм. iOS болон Android-ийн орчин үеийн гар утасны хөтөч дээр юу ч суулгахгүйгээр ажиллана. Маш том файл утсан дээр удаан эсвэл санах ой дутаж магадгүй тул ийм файлд компьютер ашиглаарай.

🖼️

Зургийг Base64 болгох — үнэгүй

Зургийг CSS, HTML, эсвэл Markdown дотор шугам ашиглалтад зориулсан Base64 өгөгдлийн URI болгон хөрвүүлэх. Бэлэн фрагментуудыг хуулах. Хөтчид кодлогддог; хэзээ ч байршуулагдахгүй.

Файлын хэмжээ төхөөрөмжөөс тань хамаарнаФайлууд хувийн хэвээр үлддэгНэвтрэх шаардлагагүйҮүрд үнэгүй

Ачаалагдсаны дараа офлайн ажилладаг

Файлаа энд чирж оруулах эсвэл дарж сонгоно уу

PNG, JPG, WebP, GIF, SVG, AVIF, ICO, HEIC, HEIF · таны төхөөрөмж дээр боловсруулагдсан

эсвэл клипбордоос буулгахын тулд Ctrl+V дарна уу

Файл хайх

Зөвлөмж: түр санах ойн зургийг мөн буулгаж болно (Ctrl+V).

Таны файлууд таны төхөөрөмжөөс хэзээ ч гардаггүй. Бүх боловсруулалт таны хөтчид орон нутагт хийгддэг.

Зургийг CSS, HTML эсвэл Markdown-д шууд буулгах боломжтой Base64 data URI болгон хөрвүүлэх — тусдаа файл шаардахгүй. Таны хөтөч дотор кодлогдоно; хэзээ ч байршуулагддаггүй.

Түгээмэл хэрэглээ

CSS-д зургийг суулгахЖижиг дүрс эсвэл фонг таны стилийн хүснэгтэд өгөгдлийн URI болгон суулгах.
HTML-д зургийг суулгахЛого эсвэл дүрсийг өөрөө агуулсан HTML-д шууд суулгах.
SVG эсвэл Icon-г Base64 болгон хөрвүүлэхЖижиг дүрсийг суулгахын тулд өгөгдлийн URI болгон хөрвүүлэх.
Markdown-д зургийг суулгахЖижиг зургийг өгөгдлийн URI-сгаар Markdown файлд суулгах.
Зургийн өгөгдлийн URI авахТа хаанаас нэгэн газар ашиглаж болох сайн мэдээ: URI үүсгэх.

Хэрхэн ажилладаг

Data URI нь зургийг кодонд шууд текстээр шигтгэдэг тул тусдаа файл хүсэлтгүйгээр ачаалагддаг — жижиг дүрс болон өөртөө агуулсан HTML-д тохиромжтой. Энэ нь таны хөтөч дотор кодлоно.

1
Та зураг оруулна
FileReader API-ээр локалд уншигдана — хэзээ ч байршуулагдахгүй.
2
Base64-ээр кодлогдоно
Зургийн байтууд таны хөтөч дотор data: URI (data:image/...;base64,…) болно.
3
Та хэсгээ сонгоно
Цэвэр data URI, эсвэл бэлэн CSS (background-image), HTML (<img>), Markdown хуулна.
4
Кодондоо буулгана
Зураг одоо CSS/HTML-тэйгээ хамт шууд орно — тусад нь байршуулах файл хэрэггүй.

Зураг бүхэлдээ таны төхөөрөмж дээр кодлогдоно. Base64 нь анхныхаас ~33% том тул data URI жижиг зурагт хамгийн тохиромжтой.

Холбоотой хэрэгслүүд

🖼️

Зургийн стеганографи (Зурагт текст нуух)

Хамгийн бага ач холбогдолтой бит (LSB) стеганографи ашиглан PNG дотор нууц текст мессеж нуух, сонголтоор AES-256-GCM нууц үгийн шифрлэлттэй. Дараа нь ижил хэрэгслээр задлах. Бүх зүйл хөтчид ажилладаг.

Туршиж үзэхФайлууд орон нутагт үлддэг

🔢

Base64 кодлогч ба задлагч

Текст эсвэл файлуудыг Base64 болгон кодлох эсвэл Base64 мөрүүдийг энгийн текст болгон задлах. Агшин зуур, хувийн, үнэгүй.

Туршиж үзэх

🔗

URL кодлогч ба декодер

URL болон асуулгын мөрийг кодлох, тайлах. EncodeURIComponent, decodeURIComponent болон асуулгын мөрийг задлан шинжлэхийг дэмждэг.