ទម្លាក់រូបភាពដើម្បីទទួលបាន Base64 data URI ភ្លាមៗ ព្រមទាំង string Base64 សុទ្ធ ស្លាក HTML <img> និងកូដ CSS background-image ដែលរួចរាល់សម្រាប់យកទៅបិទភ្ជាប់ក្នុងកូដរបស់អ្នក។ ការមើលរូបភាពជាមុន ទំហំ pixel និងទំហំទិន្នន័យដែលបាន encode ជួយអ្នកសម្រេចចិត្តថាតើការ inline គឺស័ក្តិសមដែរឬទេ។
ទម្រង់បញ្ច្រាសជួយ decode data URI ឬ Base64 ធម្មតាត្រឡប់មកជារូបភាពដែលអ្នកអាចមើល និងទាញយកបាន ដោយស្គាល់ប្រភេទឯកសារដូចជា PNG, JPEG, GIF, WebP, SVG, ICO និង BMP ពីទិន្នន័យដោយផ្ទាល់។ រូបភាពត្រូវបានអានដោយ FileReader របស់ browser ហើយមិនដែលត្រូវបាន upload ឡើយ ដែលផ្តល់សុវត្ថិភាពខ្ពស់នៅពេលអ្នកធ្វើការជាមួយប្លង់រចនា ឬ screenshot ដែលមិនទាន់ផ្សព្វផ្សាយជាសាធារណៈ។
របៀបប្រើឧបករណ៍ បម្លែងរូបភាពទៅ Base64
- ជ្រើសរើស Image → Base64 រួចទម្លាក់ បិទភ្ជាប់ ឬជ្រើសរើសឯកសាររូបភាព។
- ពិនិត្យមើលរូបភាពគំរូ ទំហំឯកសារ និងវិមាត្ររូបភាព។
- ចម្លង data URI, string Base64, ស្លាក HTML ឬកូដ CSS។
- ដើម្បីបម្លែងត្រឡប់មកវិញ សូមប្តូរទៅកាន់ Base64 → Image ហើយបិទភ្ជាប់ string។
- ចុចលើ Download image ដើម្បីរក្សាទុកឯកសារដែលបាន decode។
ហេតុអ្វីប្រើ បម្លែងរូបភាពទៅ Base64 របស់ ToolOrca
- ផ្តល់លទ្ធផលជា Data URI, Base64 សុទ្ធ, HTML និង CSS
- គាំទ្រ PNG, JPG, GIF, WebP, SVG និង ICO
- បម្លែង Base64 ទៅជារូបភាពដោយស្គាល់ប្រភេទឯកសារស្វ័យប្រវត្តិ
- បង្ហាញវិមាត្រ និងទំហំដែលបាន encode
- ព្រមាននៅពេលរូបភាពធំពេកមិនគួរ inline
- មិន upload ដំណើរការ offline បាន
តើពេលណាដែលអ្នកគួរ inline រូបភាពជា Base64?
ការ inline ជួយកាត់បន្ថយ HTTP request ដែលល្អសម្រាប់រូបភាពតូចៗដូចជា icon, loading spinner និង pattern ផ្ទៃខាងក្រោយតូចៗ ជាពិសេសនៅក្នុងអ៊ីមែល HTML និងទំព័រដែលមានឯកសារតែមួយ។ វាក៏មានប្រយោជន៍ផងដែរនៅក្នុងឯកសារ CSS, JSON API និងការធ្វើតេស្តដែលការប្រើឯកសារដាច់ដោយឡែកមានភាពស្មុគស្មាញ។
សម្រាប់រូបភាពណាដែលមានទំហំធំជាង 10–20 KB ឯកសាររូបភាពធម្មតាជាទូទៅគឺល្អជាង៖ Base64 បង្កើនទំហំប្រហែលមួយភាគបី មិនអាច cache ដាច់ដោយឡែកពីទំព័រ ឬ stylesheet បានទេ និងធ្វើឱ្យការ render យឺតជាងមុន ព្រោះ browser ត្រូវ parse វាជាមួយកូដជុំវិញ។
សម្រាប់ icon ប្រភេទ SVG ការប្រើ data URI បែប URL-encoded (data:image/svg+xml,…) ច្រើនតែមានទំហំតូចជាង Base64។ កម្មវិធី decode នេះទទួលយកបានទាំងពីរប្រភេទ។
សំណួរដែលសួរញឹកញាប់
តើ data URI ជាអ្វី?
data URI បង្កប់ឯកសារដោយផ្ទាល់ទៅក្នុង URL។ វាមានទម្រង់ដូចជា data:image/png;base64,iVBOR…៖ ប្រភេទ MIME ពាក្យថា base64 សញ្ញាក្បៀស និងទិន្នន័យដែលបាន encode។ Browser ចាត់ទុកវាដូចជាតំណភ្ជាប់ទៅកាន់រូបភាពពិតប្រាកដ។
តើមានការកំណត់ទំហំឯកសារដែរឬទេ?
មិនមានការកំណត់ជាក់លាក់ទេ ព្រោះមិនមានការ upload ទិន្នន័យឡើយ។ រូបភាពធំខ្លាំងនឹងបង្កើត string វែងខ្លាំងដែលអាចធ្វើឱ្យប្រអប់អត្ថបទដំណើរការយឺត ហើយការ inline រូបភាពធំៗកម្រជាជម្រើសល្អណាស់។
តើរូបភាព Base64 ដំណើរការក្នុងអ៊ីមែល HTML ដែរឬទេ?
នៅលើ Apple Mail, iOS Mail និងកម្មវិធីជាច្រើនទៀតគឺដំណើរការ។ ប៉ុន្តែ Gmail និង Outlook មួយចំនួនបានទប់ស្កាត់រូបភាព data URI ដូច្នេះសម្រាប់រូបភាពសំខាន់ៗក្នុងអ៊ីមែល ការភ្ជាប់តំណទៅកាន់ឯកសារគឺមានប្រសិទ្ធភាពជាង។
ហេតុអ្វីបានជាកម្មវិធី decode Base64 ទៅជារូបភាពប្រាប់ថាមិនអាចកំណត់ប្រភេទឯកសារបាន?
Base64 សុទ្ធដែលគ្មានបុព្វបទ data: ត្រូវបានសម្គាល់ដោយ bytes ដំបូងរបស់វា។ ប្រសិនបើទម្រង់នោះប្លែក សូមបន្ថែមបុព្វបទដូចជា data:image/png;base64, នៅពីមុខទិន្នន័យ។