在線工具:圖片在線轉base64,base64在線轉圖片工具css
####1、圖片在線轉base64 以下圖,打開 http://www.it399.com/image/base64 將想要轉換的圖片拖動到在線助手的工具中便可自動完成將圖片轉成base64編碼 java
####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還原成圖片便可。 工具
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錯誤。