Paano mag-convert ng imahe sa Base64.

Buksan ang Image to Base64 Converter. Pumili ng imahe o Subukan ang isang sample. Ang halimbawa ay gumagamit ng 512 × 512 pixel favicon-orbit.png, na naglalaman ng 202,491 bytes. Ipinapakita ng editor ang imahe sa itaas ng code nito para makumpirma mo na pinili mo ang tamang asset.

Ang PNG, JPG, WebP, GIF, BMP at AVIF ay suportado kapag kaya silang i-decode ng iyong browser para sa preview. Ang maximum na file size ay 25 MB, na may limitasyon na 60 megapixels at 16,000 pixels bawat gilid. Ang SVG markup ay hindi tinatanggap ng raster converter na ito.

Binabasa ng tool ang orihinal na file bytes. Hindi nito ginagamit ang preview para buuin muli ang imahe, i-resize ito o i-recompress. Ang umiiral na metadata at GIF animation ay nananatili sa encoded data.

Buksan ang Settings at piliin ang HTML image sa ilalim ng Code format para sa halimbawang ito. Ang resulta ay isang img tag na naglalaman ng Base64 data URL. Ang alt attribute ay walang laman sa simula; magsulat ng kapaki-pakinabang na alternative text kapag ang imahe ay naghahatid ng impormasyon.

Ang Data URL ay nagsisimula sa isang prefix gaya ng data:image/png;base64, na sinusundan ng encoded data. Ang Plain Base64 ay naglalaman lamang ng data. Ang CSS background ay binabalot ang data URL sa isang background-image declaration. Ang mga representasyong ito ay nagsisilbi sa iba't ibang destinasyon, kaya kopyahin ang form na hinihiling ng iyong application sa halip na palitan lamang ang filename.

Nag-a-update ang code panel agad pagkatapos mong baguhin ang Code format. Kinokopya ng copy icon ang kasalukuyang representasyon at nagbibigay ng kumpirmasyon na nakopya na. Kapag naka-block ang clipboard access, ang code ay pinipili para sa manual na pagkopya.

Piliin ang Start, pagkatapos ay Download. Ang halimbawa ay nagse-save ng favicon-orbit-base64.txt na naglalaman ng HTML image code. Ang 270,029 bytes nito ay mas malaki kaysa sa 202,491-byte na source. Ipinapakita ng paghahambing sa artikulo ang aktwal na simula ng na-download na teksto, na pinaikli lamang para sa madaling pagbabasa.

Ang Base64 ay karaniwang nagko-convert ng tatlong source bytes sa apat na text characters, na nagdaragdag ng halos isang katlo bago ang maliit na wrapper. Ang pag-embed ng maliit na icon ay maaaring gawing self-contained ang isang dokumento, ngunit ang paglalagay ng malalaking image string sa loob ng HTML o CSS ay nagpapalaki rin sa dokumentong iyon at pumipigil sa imahe na ma-cache bilang hiwalay na file.

Ang encoding ay hindi encryption. Sinumang may kumpletong Base64 string ay maaaring makuha ang pinagmulang imahe. Tratuhin ang code nang may parehong pag-iingat gaya ng source kung ito ay naglalaman ng pribadong impormasyon.