Base64 Зураг Хөрвүүлэгч

Зургийг чирж оруулан Base64 data URI-г нь авах, эсвэл Base64 хуулж тавин зургийг урьдчилан харж татаж аваарай.

Эхлэхийн тулд зураг чирж тавих эсвэл Base64 хуулж тавина уу.

Таны зургийг таны хөтөч дээр уншиж, хөрвүүлнэ. BroBroGo руу юу ч хуулагдахгүй.

Түгээмэл асуултууд

Base64 data URI зураг гэж юу вэ?

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

Би том зургуудыг энэ аргаар шууд кодлох хэрэгтэй юу?

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

Base64 бичвэрийг буцаагаад файл болгож болох уу?

Тийм. Base64 → Зураг горим руу шилжиж, data URI эсвэл цэвэр Base64 бичвэрийг хуулж тавихад зургийн төрлийг автоматаар илрүүлж, урьдчилан харуулан, файлыг татаж авах боломжийг олгоно.

Base64 кодлол ба түүнийг зурагт ашиглах шаардлага

Base64 кодлол нь хоёртын өгөгдлийг (энэ тохиолдолд зургийн файл) ASCII тэмдэгтүүдээс бүрдсэн бичвэр хэлбэрт шилжүүлэх процесс юм. Энэхүү хөрвүүлэлтийг хийснээр зургийн файлыг тусад нь хадгалж, холбоосоор дуудах шаардлагагүйгээр вэб код дотор шууд суулгах боломж бүрддэг.

Вэб хөгжүүлэлтэд зургийг Base64 хэлбэрээр ашиглах нь хөтчөөс сервер рүү илгээх HTTP хүсэлтийн тоог цөөлөх үндсэн давуу талтай. Жижиг хэмжээтэй дүрс тэмдэг (icon), лого эсвэл и-мэйл загварт ашиглагдах зургуудыг ийнхүү кодлон суулгаснаар хуудасны ачааллыг хурдасгаж болдог. Гэвч Base64 кодлол нь өгөгдлийн хэмжээг анхны файлаас нь ойролцоогоор гуравны нэгээр (≈33%) томруулдаг сул талтай. Мөн хөтөч нь эдгээр зургийг тусад нь кэшлэх (cache) боломжгүй байдаг тул том хэмжээтэй зургуудыг Base64 болгон хөрвүүлэх нь вэб хуудасны хэмжээг хэт нэмэгдүүлж, ачаалалтыг удаашруулах эрсдэлтэй.

Дэмжигдэх зургийн форматууд ба хязгаарлалт

"Base64 Зураг Хөрвүүлэгч" хэрэгсэл нь вэб хөгжүүлэлт болон дизайнд өргөн хэрэглэгддэг дараах зургийн форматуудыг дэмждэг:

  • PNG
  • JPG
  • GIF
  • WebP
  • SVG
  • AVIF
  • BMP
  • ICO
  • TIFF

Хөрвүүлэлт хийх явцад дараах техникийн хязгаарлалт болон дүрмүүд мөрдөгдөнө:

  • Зураг → Base64 (Кодлох): Оруулах зургийн файлын дээд хэмжээ 5 MB байна. Хэрэв хэрэглэгч нэгээс олон зураг чирж оруулбал зөвхөн эхний зургийг ашиглаж байна. гэсэн санамж гарч, эхний файлыг хөрвүүлнэ.
  • Base64 → Зураг (Декодлох): Оруулах бичвэрийн дээд хэмжээ 8 MB байна. Хэрэгсэл нь стандарт болон URL-safe Base64 форматыг хоёуланг нь дэмжих бөгөөд бичвэр доторх хоосон зай (whitespace) болон шинэ мөрийг үл харгалзан уншина.
  • Файлын боловсруулалт: Энэхүү хэрэгсэл нь зөвхөн зургийн анхны байтуудыг кодлох эсвэл буцаан сэргээх үүрэгтэй. Зургийг шахах, тайрах, хэмжээг өөрчлөх эсвэл PNG, JPG зэрэг тодорхой формат руу хөрвүүлэх ямар нэгэн үйлдэл хийхгүй.

Зургийг Base64 рүү хөрвүүлэх ба гаралтын форматууд

Зургийг бичвэр формат руу хөрвүүлэхэд хэрэгсэл нь хэрэглээний онцлогоос хамааран дараах дөрвөн төрлийн гаралтын форматыг үүсгэдэг:

  1. Data URI: Зургийг вэб код дотор шууд суулгахад бэлэн болгосон data:image/... хэлбэрийн бүтэн тэмдэгт цуваа.
  2. Base64: Зургийн файлын зөвхөн түүхий (raw) Base64 кодлогдсон бичвэр.
  3. CSS: Зургийг CSS-ийн background-image шинж чанарт шууд хуулж тавихаар бэлтгэсэн формат.
  4. HTML: Зургийг HTML-ийн <img> таг дотор суулгасан бэлэн код.

Хөрвүүлэлт амжилттай болмогц хэрэгслийн интерфэйс дээр "Гаралтын тэмдэгтүүд" (үүссэн Base64 тэмдэгтийн тоо) болон "Зургийн хэмжээ" (зургийн өргөн, өндрийн хэмжээс) зэрэг мэдээллүүд харагдана.

Алдааны мэдэгдлүүд ба тэдгээрийг шийдвэрлэх

Хөрвүүлэлтийн явцад оролтын өгөгдөл шаардлага хангахгүй бол дараах алдааны мэдэгдлүүд хэрэглэгчид харагдана:

  • Энэ файл нь дэмжигдсэн зургийн формат биш байна. — Оруулсан файл нь дэмжигддэггүй формат байх үед гарна.
  • Энэ зураг {max}-аас том байна. Арай жижиг зураг сонгоно уу. — Зургийн хэмжээ 5 MB-ын хязгаарыг давсан тохиолдолд гарна.
  • Файлыг уншиж чадсангүй. — Систем ямар нэгэн шалтгаанаар файлыг унших боломжгүй үед гарна.
  • Энэ нь хүчингүй Base64 байна. — Декодлох хэсэгт хуулж тавьсан бичвэр нь Base64 стандартын шаардлага хангахгүй байвал гарна.
  • Энэ Base64 нь танигдахуйц зураг болж декодлогдохгүй байна. — Бичвэр нь Base64 формат мөн боловч декодлоход зургийн өгөгдөл үүсэхгүй байвал гарна.
  • Оролт хэтэрхий урт байна. {max}-аас бага хэмжээтэй байлгана уу. — Декодлох бичвэрийн хэмжээ 8 MB-ын хязгаарыг давсан үед гарна.
  • Зургийн өгөгдөл декодлогдсон боловч харуулах боломжгүй байна. — Өгөгдөл амжилттай декодлогдсон ч хөтөч дээр зураг хэлбэрээр дүрслэх боломжгүй үед гарна.

Нууцлал ба өгөгдөл боловсруулалт

Энэхүү хэрэгслийг ашиглах үед хэрэглэгчийн нууцлал бүрэн хангагдана. Таны зургийг таны хөтөч дээр уншиж, хөрвүүлнэ. BroBroGo руу юу ч хуулагдахгүй бөгөөд бүх боловсруулалт хэрэглэгчийн өөрийн төхөөрөмж дээр локал байдлаар хийгддэг.

Түгээмэл асуултууд

Base64 data URI зураг гэж юу вэ? Энэ нь бичвэр хэлбэрээр кодлогдсон зураг бөгөөд тусдаа файл ачаалахын оронд HTML эсвэл CSS дотор шууд байршуулах боломжтой байдаг. Энэ нь хүсэлтийн тоог хэмнэдэг тул жижиг дүрсүүд болон и-мэйл загваруудад маш тохиромжтой.

Би том зургуудыг энэ аргаар шууд кодлох хэрэгтэй үү? Үгүй байсан нь дээр. Base64 нь өгөгдлийн хэмжээг ойролцоогоор гуравны нэгээр томруулдаг бөгөөд хуудаснаас тусад нь кэшлэх боломжгүй байдаг тул зөвхөн жижиг файлуудад ашиглаж, том зургуудыг ердийн файл хэлбэрээр холбох нь зүйтэй.

Base64 бичвэрийг буцаагаад файл болгож болох уу? Тийм. Base64 → Зураг горим руу шилжиж, data URI эсвэл цэвэр Base64 бичвэрийг хуулж тавихад зургийн төрлийг автоматаар илрүүлж, урьдчилан харуулан, файлыг татаж авах боломжийг олгоно. Декодлогдсон зургийг татаж авахад файл нь brobrogo-image. гэсэн нэртэйгээр, тухайн зургийн өөрийн өргөтгөлийн хамт хадгалагдана.