Base64’dan rasmga dekoder: Data URI’larni dekodlash, buzilgan buferlarni tiklash va PNG/JPEG eksporti
⚡Brauzeringizda Base64’ni rasmga qanday dekodlash mumkin
Base64 satringiz yoki Data URI’ni joylashtiring
Xom Base64 satringiz yoki toʻliq Data URI’ni matn kiritish maydoniga joylashtiring. Mexanizm boʻsh joylarni tozalaydi, sehrli baytlarni aniqlaydi va rasm formatini belgilaydi.
Dekodlangan rasmni real vaqtda oldindan koʻring
Dekodlangan rasmni interaktiv tekshirish kanvasida koʻring. Oʻlchamlar, tomonlar nisbati va dekodlangan ikkilik fayl hajmini koʻrib chiqing.
Chiqish formati va sifatini tanlang
Asl mahalliy formatni yuklab olishni tanlang yoki dekodlangan rasmni maxsus siqish sozlamalari bilan PNG, JPEG yoki WebP’ga aylantiring.
Dekodlangan rasm faylingizni yuklab oling
'Rasmni yuklab olish' tugmasini bosing. Qayta tiklangan rasm faylini toʻgʻri fayl kengaytmasi bilan bir zumda mahalliy diskingizga saqlang.
Base64 Data URI’lari va xom kodlangan satrlar zamonaviy dasturiy muhandislikning hamma joyida uchraydi. Ular maʼlumotlar bazasining BLOB ustunlarini, REST API JSON yuklamalarini, CSS uslublar jadvallarini, elektron pochta MIME ilovalarini, kanvas eksportlarini va Webhook javoblarini toʻldiradi. Biroq xom Base64 satrlari bilan ishlash noqulay: dasturchilar maxsus dekodlash vositalarisiz ularni vizual tekshira, oʻlchamlarni tasdiqlay, rasm shaffofligini sinay yoki standart rasm fayllari sifatida saqlay olmaydi.
Brauzerda ishlaydigan Base64’dan rasmga dekoderimiz istalgan RFC 4648 Base64 satri yoki RFC 2397 Data URI’ni soniyalar ichida yuqori aniqlikdagi, yuklab olinadigan rasmga aylantiradi. Sehrli bayt imzolari orqali avtomatik MIME turini aniqlash, boʻsh joylarni tozalash, URL-xavfsiz variantlarni qayta ishlash va PNG, JPEG yoki WebP’ga toʻgʻridan-toʻgʻri eksport imkoniyatlari bilan mexanizmimiz dasturchilar, QA testerlari va raqamli kriminalistika tahlilchilariga bir zumda vizual tekshirish va format aylantirishni taqdim etadi. WebAssembly va HTML5 Canvas orqali 100% qurilma xotirasida mahalliy bajarilgani sababli shaxsiy maʼlumotlar bazasi damplari va maxfiy API yuklamalaringiz nol server yuklash bilan qatʼiy maxfiy qoladi.
Toʻliq texnik qoʻllanmani oʻqish
Base64 satri anatomiyasi: Data URI’lar va xom kodlashlar
Kodlangan tasvirlar bilan ishlashda dasturchilar ikki xil satr formatiga duch keladi: • Toʻliq Data URI’lar (RFC 2397): `data:` protokoli, aniq MIME media turi, `;base64` tokeni va yuklamani oʻz ichiga olgan toʻliq URI satri (masalan, `data:image/png;base64,iVBORw0KGgo...`). Bu HTML `<img>` elementlari va CSS uslublar jadvallari talab qiladigan format. • Xom Base64 yuklamalari: Protokol sarlavhalaridan tozalangan yalangʻoch ASCII belgilar satri; koʻpincha maʼlumotlar bazasi maydonlaridan (PostgreSQL `BYTEA`, MongoDB `BinData`, SQL `VARCHAR(MAX)`), JSON API javob tanalaridan yoki AWS S3 metamaʼlumotlaridan olinadi. Dekoderimiz ikkala variantni ham osongina tahlil qiladi. Data URI berilsa, mexanizm eʼlon qilingan MIME turini ajratib oladi; xom yuklama joylashtirilsa, tahlilchimiz asosiy formatni aniq belgilash uchun ikkilik sehrli baytlarni avtomatik tahlil qiladi.
Sehrli baytni aniqlash: kodlangan ASCII’dan formatlarni aniqlash
Ikkilik kriminalistikada har bir standartlashtirilgan fayl formati 'sehrli baytlar' deb ataladigan noyob imzo bilan boshlanadi. Base64 3 ta ikkilik baytni deterministik ravishda 4 ta ASCII belgisiga xaritalagani uchun Base64 satrining boshlangʻich belgilari fayl formatini deyarli aniq ochib beradi:
• PNG (`0x89 0x50 0x4E 0x47`): Doimo `iVBORw0KGgo` yoki `iVBORw` bilan boshlanadi. • JPEG (`0xFF 0xD8 0xFF`): Doimo `/9j/` bilan boshlanadi. • GIF87a / GIF89a (`0x47 0x49 0x46 0x38`): Doimo `R0lGODlh` yoki `R0lGOD` bilan boshlanadi. • WebP (`0x52 0x49 0x46 0x46` va undan keyin `WEBP`): Doimo `UklGR` bilan boshlanadi. • SVG (`<svg` yoki `<?xml`): `PHN2Zw`, `PHN2Zy` yoki `PD94b` bilan boshlanadi. • PDF (`%PDF`): `JVBERi0` bilan boshlanadi. Mexanizmimiz bu ASCII prefikslarini bir zumda tekshiradi va fayl kengaytmalari hamda MIME sarlavhalari yoʻq boʻlganda ham dasturchilarga buzilgan yoki notoʻgʻri belgilangan fayllarni qayta tiklash imkonini beradi.
Tozalash va xatodan tiklash: URL-xavfsiz variantlar va qator uzilishlarini qayta ishlash
Real dunyo maʼlumot jarayonlarida Base64 satrlari koʻpincha transport darajasidagi buzilishga uchraydi. Elektron pochta serverlari uzun MIME satrlarini har 76 belgida karetka qaytarishlari (`\r\n`) bilan oʻraydi; maʼlumotlar bazasi eksportlari kutilmagan boʻsh joylarni kiritadi; veb API’lar esa koʻpincha `+` oʻrniga `-` va `/` oʻrniga `_` qoʻyadigan URL-xavfsiz Base64 variantidan (RFC 4648 5-boʻlim) foydalanadi.
`atob()` kabi mahalliy brauzer funksiyalariga uzatilganda bu notoʻgʻri belgilar darhol qayta ishlanmagan `DOMException: The string to be decoded is not correctly encoded` xatosini chiqaradi. Dekoderimiz mustahkam dastlabki ishlovni qoʻllaydi: 1. Barcha karetka qaytarishlari, yangi qatorlar, tablar va boʻsh joylarni olib tashlaydi. 2. URL-xavfsiz belgilarni aylantiradi (`-` ➔ `+`, `_` ➔ `/`). 3. Satr uzunligi 4 ning aniq karralisi boʻlishi uchun yetishmayotgan oxirgi toʻldiruvchi belgilarni (`=`) qayta tiklaydi. Bu keng qamrovli tozalash jarayoni shikastlangan yoki nostandart Base64 satrlarini oson tiklashni kafolatlaydi.
Xotira ichidagi dekodlash jarayoni: ASCII’dan tiplangan massivlar va Blob’largacha
Brauzer UI asosiy oqimini muzlatmasdan Base64 satrini dekodlash uchun vositamiz xotira jihatidan samarali tiplangan massiv jarayonini qoʻllaydi. Tozalangandan soʻng satr ikkilik ASCII satrini olish uchun `atob()` orqali qayta ishlanadi.
Mexanizm aniq dekodlangan bayt uzunligiga mos `Uint8Array` buferini ajratadi: $\text{Length} = \text{round}\left(\frac{\text{CleanLength} \times 3}{4}\right) - \text{PaddingCount}$. Zich sikl har bir belgi kodini tiplangan massivga nusxalaydi va xom ikkilik buferni quradi. Bu bufer aniqlangan MIME turi bilan mahalliy brauzer `Blob`’iga oʻraladi va bir zumda kanvasga chizish hamda yoʻqotishsiz yuklab olish uchun xotira ichidagi obyekt URL’i (`URL.createObjectURL(blob)`) yaratiladi.
Vizual tekshirish va formatni aylantirish: PNG, JPEG va WebP
Base64 satrini dekodlash ishning faqat yarmi; dasturchilar koʻpincha dekodlangan aktivni boshqa formatga aylantirishi kerak boʻladi. Masalan, eski maʼlumotlar bazasi veb joylashtirish uchun zamonaviy WebP yoki optimallashtirilgan PNG’ga aylantirilishi kerak boʻlgan siqilmagan 5MB BMP yoki TIFF Base64 satrini berishi mumkin.
Vositamiz dekodlangan blob’ni apparat tezlashtirilgan OffscreenCanvas’ga chizadi va aniq piksel oʻlchamlari, tomonlar nisbati va rang kanali maʼlumotlarini ajratib oladi. Rasmni 100% masshtabda tekshirishingiz va uni asl formatida eksport qilish yoki PNG, JPEG (maxsus sifat slayderlari bilan) yoxud WebP’ga aylantirishni tanlashingiz mumkin. PNG va WebP aktivlaridagi shaffof fonlar toʻliq saqlanadi.
Raqamli kriminalistika, xavfsizlik auditi va API nosozliklarini tuzatish
Xavfsizlik tadqiqotchilari va backend muhandislari kriminalistik auditlar davomida Base64 satrlarini muntazam tahlil qiladi. Zararli shaxslar koʻpincha zararli dastur yuklamalari, fishing shakllari yoki oʻgʻirlangan skrinshotlarni chalkashtirilgan JavaScript yoki PDF hujjatlariga joylashtirilgan Base64 satrlari ichida yashiradi.
Dekoderimizdan foydalanib, xavfsizlik tahlilchilari shubhali Base64 satrlarini xavfsiz, izolyatsiya qilingan brauzer tomonidagi muhitda tekshirishi mumkin. Nomaʼlum satr zararsiz kompaniya logotipi, ushlab olingan skrinshot yoki zararli yuklama ekanini hech qanday server tomonidagi kodni bajarmasdan tasdiqlashingiz mumkin.
Maxfiy maʼlumotlar bazasi damplari uchun 100% brauzer tomonidagi maxfiylik
Ishlab chiqarish maʼlumotlar bazalari, mijozlarni qoʻllab-quvvatlash chiptalari yoki API jurnallaridan olingan Base64 satrlari koʻpincha maxfiy biznes maʼlumotlarini oʻz ichiga oladi: mijoz pasport skanlari, imzolangan shartnoma imzolari, tibbiy laboratoriya suratlari yoki moliyaviy chek rasmlari. Bu satrlarni onlayn konvertatsiya saytlariga yuklash jiddiy xavfsizlik buzilishi hisoblanadi.
Base64’dan rasmga dekoderimiz 100% brauzeringiz ichida, brauzer tomonida ishlaydi. Barcha satr tozalash, bayt dekodlash, sehrli bayt tekshiruvi va kanvas aylantirish mahalliy qurilmangiz RAM’ida bajariladi. Hech qanday maʼlumot hech qachon internet ulanishi orqali uzatilmaydi va GDPR, HIPAA, PCI-DSS hamda korporativ maxfiylik siyosatlariga toʻliq muvofiqlik taʼminlanadi.
💡Base64 dekodlash uchun professional eng yaxshi amaliyotlar
- •Formatlarni sehrli baytlar orqali aniqlang: Agar satringizda `data:` sarlavhasi boʻlmasa, birinchi bir nechta belgiga qarang (`iVBORw` = PNG, `/9j/` = JPEG, `R0lGOD` = GIF).
- •Oʻrab turgan qoʻshtirnoqlarni olib tashlang: Base64 satrlarini JSON javoblari yoki CSS fayllaridan nusxalashda dekodlashdan oldin oʻrab turgan yakka yoki qoʻsh qoʻshtirnoqlarni olib tashlaganingizga ishonch hosil qiling.
- •URL-xavfsiz variantlarni qayta ishlang: Vositamiz URL-xavfsiz belgilarni (`-` va `_`) avtomatik ravishda standart Base64’ga (`+` va `/`) qaytaradi va dekodlash xatolarining oldini oladi.
- •Shaffoflikni tekshiring: Shaffof elementli PNG’ni dekodlashda koʻruvchimiz alfa kanali yaxlitligini tekshirishingizga yordam berish uchun shaxmat taxtasi fonini koʻrsatadi.
- •Katta aktivlarni WebP’ga aylantiring: Agar maʼlumotlar bazasidan ogʻir siqilmagan PNG’ni dekodlasangiz, fayl hajmini darhol 30% ga kamaytirish uchun uni zamonaviy WebP’ga aylantiring.
- •API yuklamalarini tekshiring: Server tomonidagi rasm yaratish endpoint’larini vizual tuzatish uchun base64 satrlarini toʻgʻridan-toʻgʻri Postman yoki tarmoq varaqlaridan joylashtiring.
- •Nozik maʼlumotlarni himoya qiling: Dekoderimiz 100% brauzer tomonida ekanini bilib xotirjam boʻling; maxfiy mijoz hujjatlari va imzolari hech qachon brauzeringizdan chiqmaydi.
🛡️Texnik xususiyatlar va dekodlash arxitekturasi
Brauzerda ishlaydigan Base64’dan rasmga dekodlash mexanizmi mustahkam maʼlumotlarni qayta tiklash jarayonini amalga oshiradi: 1. Tozalash va URL-xavfsiz tarjima: Xom kirish satri mavjud Data URI prefiksini (`data:(.*?);base64,`) ajratib olish uchun tahlil qilinadi. Yuklama boʻsh joylarni olib tashlash (`[\s\r\n]+`), URL-xavfsiz belgilarni almashtirish (`-` ➔ `+`, `_` ➔ `/`) va yetishmayotgan `=` belgilarini 4 ning karralisigacha toʻldirish uchun muntazam ifodalar bilan tozalanadi. 2. Sehrli bayt imzosini tekshirish: Toza Base64 satrining dastlabki 16 bayti PNG, JPEG, GIF, WebP yoki SVG formatlarini aniqlash uchun maʼlum format prefikslari (`detectMimeFromMagicBytes`) bilan solishtiriladi. 3. Tiplangan massivni qayta qurish: Tozalangan satr `window.atob()` orqali ikkilik ASCII’ga dekodlanadi. `binaryString.length` uzunlikdagi `Uint8Array` ajratiladi va bayt qiymatlari `bytes[i] = binaryString.charCodeAt(i)` orqali toʻldiriladi. Aniqlangan MIME turi bilan mahalliy `Blob` quriladi. 4. Kanvasga chizish va aylantirish: `ImageBitmap` yoki `HTMLImageElement` Blob URL’ini (`URL.createObjectURL`) yuklaydi. Rasm OffscreenCanvas’ga chiziladi, asl oʻlchamlar (`naturalWidth`, `naturalHeight`) ochiladi va `canvas.toBlob()` orqali soʻralgan eksport formatiga seriyalashtiriladi.
Texnologiya: WebAssembly • Koʻp oqimli Web Workers • HTML5 Canvas API
Maxfiylik: Fayllar qurilmangizni tark etmaydi va bulutda saqlanmaydi; analitika faqat roziligingiz bilan ishlaydi.
Ushbu ish jarayoni uchun qoʻshimcha vositalar
Yuqori unumli ish jarayonlari uchun ushbu brauzer vositalarini birga ishlating.
Rasmdan Base64’ga
Rasm fayllarini CSS va HTML uchun base64 Data URI satrlariga kodlang.
Rasmlarni vizual solishtirish
Ikki surat orasidagi eng kichik farqlarni slayder bilan solishtirib aniqlang.
Rasmni toʻrga boʻlish
Instagram profillari uchun katta suratlarni 3x3 yoki maxsus boʻlaklarga boʻling.
Fayl nomi formatlovchi
Rasmlaringiz uchun SEO’ga mos fayl nomlarini oldindan koʻring.