Larawan papuntang Base64 Online para sa CSS at HTML
Pinapayagan ng Base64 na mailagay ang maliliit na larawan direkta sa code. Gawing text ang file nang hindi ito ipinapadala sa server.
Ginagawang text ng Base64 ang binary data ng larawan para mailagay sa CSS, HTML, o JSON. Gamitin ang image to Base64 converter para makakuha ng string na puwedeng i-paste.
Kailan ito dapat gamitin
Bagay ang paraang ito para sa maliit na icon, simpleng logo, at asset na kailangang kasama sa isang HTML file. Pinapadali rin ng data URI ang prototype at simpleng HTML email.
- Gamitin para sa maliliit na larawan para hindi lumaki ang file.
- Piliin ang WebP o SVG kung sinusuportahan.
- Iwasan ang Base64 para sa malaking litrato.
- Itago ang orihinal na file para sa susunod na edit.
Alamin ang sukat
Nagdadagdag ang Base64 ng humigit-kumulang isang katlo sa data size, at hindi laging hiwalay na naka-cache ang naka-embed na larawan. Para sa malaking asset, gumamit pa rin ng karaniwang image file. Pagkatapos mag-convert, i-paste ang string sa code at subukan ang page sa browser.
Alternatibo para sa malaking asset
Para sa larawang madalas magbago, itago ito bilang hiwalay na file para ma-cache ng browser. Mas bagay ang Base64 sa maliit na asset na bihirang magbago at kailangang dumating sa isang request. Subukan ang bilis ng page pagkatapos i-paste ang string.
Mga madalas na tanong
Bagay ba ang Base64 para sa malaking litrato?
Hindi. Lumalaki ang data at puwedeng bumagal ang page.
Anong format ang sinusuportahan?
PNG, JPG, WebP, GIF, at SVG, depende sa file na pipiliin mo.
Lumalaki ba ang data size?
Oo, mga isang katlo ang dagdag kumpara sa orihinal na file.
Nau-upload ba ang larawan?
Hindi. Sa browser tumatakbo ang conversion at hindi ipinapadala ang file sa server.