圖片在線轉base64,base64在線轉圖片-在線助手

在線工具:圖片在線轉base64,base64在線轉圖片工具css

####1、圖片在線轉base64 以下圖,打開 http://www.it399.com/image/base64 將想要轉換的圖片拖動到在線助手的工具中便可自動完成將圖片轉成base64編碼 圖片.pngjava

####2、base64在線轉圖片 複製想要轉換的圖片base64編碼字符串,好比編輯器

data:image/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAEYCAIAAAAI7H7bAAAFUElEQVR4nO3dQZLbOBAAQWnD///y
7A9waJfgpibz6pCGZKgChzbA98/Pzwv4O//96wuAbyAkCAgJAkKCgJAgICQICAkCQoLAn8O/vd/v
a9eRywfN+dM4XOHNJ59fxpL7yp1/UVYkCAgJAkKCgJAgICQICAkCQoKAkCBwGsgeLNlXOxvwHT6V
39dsOnnz8eZT15lH/6JeViRICAkCQoKAkCAgJAgICQJCgoCQIDAcyB7c3Em65AsPbo6M9z/5mUfc
lxUJAkKCgJAgICQICAkCQoKAkCAgJAj0A1k+asmG1iXbe/ewIkFASBAQEgSEBAEhQUBIEBASBIQE
AQPZz5pNJ/M9oeann2ZFgoCQICAkCAgJAkKCgJAgICQICAkC/UB2/4BvNp3MR6uzL7x5ZPGSMe7+
X9TLigQJIUFASBAQEgSEBAEhQUBIEBASBIYD2Xz2t9+S6eTMbIybf+rg6b8oKxIEhAQBIUFASBAQ
EgSEBAEhQUBIEHjvHybm8tlfvmv15iT04NEz6MusSBAQEgSEBAEhQUBIEBASBIQEASFBYMs7ZG9u
kFwy7rx5ZPGSWW0+np75xIOyIkFASBAQEgSEBAEhQUBIEBASBIQEgdMO2SU7SZdsxrx5SO/NEeTM
LzyX+HzLViQICAkCQoKAkCAgJAgICQJCgoCQIDA8svjmSbwzN8e4j94uevDoKfnBJ/5jgBUJAkKC
gJAgICQICAkCQoKAkCAgJAicjizO54xLpq7754wHSy7+5n7hmZvT/5cVCRJCgoCQICAkCAgJAkKC
gJAgICQIfO0O2ZuWjHGXzGpv2nOOtBUJAkKCgJAgICQICAkCQoKAkCAgJAgMd8gezAZh+SmySz41
k/+tJYPL/Z8asyJBQEgQEBIEhAQBIUFASBAQEgSEBIHTQHYmH+N+6/x0yRUu+cL9t3xmRYKAkCAg
JAgICQJCgoCQICAkCAgJAsMji0/fuOPg3G+dhM7sf+Vr7vLmWSsSBIQEASFBQEgQEBIEhAQBIUFA
SBA4DWQfPcVbcl/7N8/mlsygDz5xFrcVCQJCgoCQICAkCAgJAkKCgJAgICQIDAeyM79wVLdk6rp/
gD6zZ3+3FQkCQoKAkCAgJAgICQJCgoCQICAkCJzeIZtP8W5OJ2cX/61bU28+w9zsF3XwifuyIkFA
SBAQEgSEBAEhQUBIEBASBIQEgdNAdubmFO/m1tSbmzHzL5zd8pLXAc9cvkIrEgSEBAEhQUBIEBAS
BIQEASFBQEgQOA1kb24/nP2tR7+8df8VHuzfL3zwiUGzFQkCQoKAkCAgJAgICQJCgoCQICAkCJze
IfutHr0NduZbtxLvuS8rEgSEBAEhQUBIEBASBIQEASFBQEgQ6HfILrFktJrvF87v6+aW22+9r5cV
CRJCgoCQICAkCAgJAkKCgJAgICQIDN8hu2Rf7c2R8c3R6pKTk3NLNs9+4vFakSAgJAgICQJCgoCQ
ICAkCAgJAkKCwHAge/DoiWEuPx13/9PYPyX/BCsSBIQEASFBQEgQEBIEhAQBIUFASBDoB7L7XT7M
duDm8cizL8yvcP9Lac+sSBAQEgSEBAEhQUBIEBASBIQEASFB4DcOZGf2vw12yRj3pvzxjr/QigQB
IUFASBAQEgSEBAEhQUBIEBASBPqB7KMHfAc3N8/efDXqo4+Y3vNjsyJBQEgQEBIEhAQBIUFASBAQ
EgSEBIHhQHbJ0b65/Ezd/EHdnJ/O/tbNafLNU5rPrEgQEBIEhAQBIUFASBAQEgSEBAEhQeC9Z48h
PJcVCQJCgoCQICAkCAgJAkKCgJAgICQICAkC/wNRICowTcnIUgAAAABJRU5ErkJggg==

粘貼在右邊的輸入框,而後點base64還原成圖片便可。 base64還原成圖片工具

3、base64圖片的用法及好處編碼

1.將圖片轉換爲Base64編碼,能夠很方便地在沒有上傳文件的條件下將圖片插入其它的網頁、編輯器中。

2.加入圖片在線轉base64的結果爲"data:image/png;base64,iVBORw0KGgo=...",那麼你只須要所有複製,而後在插入圖片的時候,src地址填寫這段代碼便可。

3.CSS中使用:background-image: url("data:image/png;base64,iVBORw0KGgo=...");

4.HTML中使用:src="data:image/png;base64,iVBORw0KGgo=..."

5.將圖片轉換成base64編碼的,通常用於小圖片上,不只能夠減小圖片的請求數量(集合到js、css代碼中),還能夠防止由於一些相對路徑等問題致使圖片404錯誤。
相關文章
相關標籤/搜索