컴퓨터 지식 네트워크 - 컴퓨터 프로그래밍 - 당신이 모르는 웹사이트 이미지 저장 형식 -base64

당신이 모르는 웹사이트 이미지 저장 형식 -base64

최근 프런트 엔드에서 163 NetEase 로그인 인터페이스를 흉내냈을 때 다음과 같은 사실에 놀랐습니다.

먼저 이 이미지를 설정하는 방법에 대해 생각해 보겠습니다. 사람들은 img만으로 할 수 있습니다. 후자는 태그나 배경 등이지만 개발자 도구를 연 후 다음을 발견했습니다.

별로 주의를 기울이지 않았습니다. 그냥 네트워크 이미지만 웹사이트 서버에 올려놓고 내려놓으면 좋을 것 같아요. 하지만 상황은 그리 간단하지 않은 것 같습니다.

리소스를 보여드리겠습니다:

데이터: image/png; iVBORw0KGgoAAAANSUhEUgAAAR4AAAA CAMAAADKzIRmAAAAsVBMVEVHcEw3NzfPAyaJiYk2NjbPBCZlZWWhXGM3Nzc3Nzc2NjY2NjY2NjY4ODiJiYk2NjY7OzvPBC c2NjaKioo3Nzc2NjaKioo6Ojo2NjY3NzeMjIyIiIjVECw3NzfPBCY4ODjQAyfPBCY3NzfSCCrPAyaJiYmKiorQBCeJiYnQBSfPAyaIiIiJiYmJiYnRBSjPAyfPBCaJiYmJiYmJiYnPAyZYWFjPBC bPAyboOA yY2NjaIih1 0RMAAAAOHRSTlMAXPmnyoUPBUdu86PTOXO0FnH7NIzpRSHemiG0D8DPLFKyex/vhV1Ex2Kl79aXMJbA uRo5ljV3b1RDw0AAAzoSURBVHja7Zxnl7K8FobBQiwooKBYsfc rhnx// xvO z1n 1 oOxJekiXiWc9k5r f v3qy/qIeawtPPGNhtzKuNwx8GD5riUODilEv8ARoNo16Uf0YTgyPVXqltLnMgHS9Imm6q7LjLT/ RxI5qDd93vdRnnvgdU1Gavt9PHJLulOnxqwieFKuI4am 0t v3MnlX15e3gIGXPCQaS933G2qG9fguNhS/oUjwBDs10zQ1/NHXZHpcBM/sKe /z83a9RGcdXlntO2k/eg6evu9X KFVieExHb9TM0 nr9z0zoqZPSHP8BvnskC3dMWV4FuHXqjI9zsczvkp6W5pbW9EgrFd2O8jw1Frxpgt4BrERweNBE56po/FGJW2cC41MKjq5L9PjPDxo Z04 cXWYjRXRX6NLKQfPayvBQ39Qk7tXRcAzUbkWsx47T ZXU5oA012/Ap 536EZHOrgAj O6MM7d6OhU vxSPMvEwHpaEp1FP3l0XvNUPAvHJgJr2zUk4snQHqCj12iDVUMqzZz2GAyP2bShA TO8sAcYD3xfTTDUV1E8KEHnuZeGeVYunVdpmcTTVyc1/Oh RYPbOrCMBhfKwoNgpLlsOCDdbwh qLWoY2vTfQc JyDf1PQoHuF DYbHFqSnMJ4Enbk8xENPbuTttxdIO66r P1nSTzwcBXiwuqTOnlyT7Qeg 5clI8LTh9McL1LXBTwC B UKT5EnZCwy2V4QkP BA8aP3OC 5ITxlKooJWx4vSzJ4MI0AAusugjinAmnPShdmusNOYBWyKtiGIbjO/AJomPgNqlQAMDc8wy/4XleI8CDn

0CJ4/m5znKsJybgpVma659KzxjfhMuvEjwYiQpPCF1XF9jCRetxDa45Qf xM3YcCR4vlKUaUXlDEvf4fjOQ5hAPSI8t4vmu4pCllInHKmg7yjLFQMSxWZVJM3Cp A7qdwCF39F4PF5qSKR2XA 9 iYhINAYsJWdFDPAMYrKDYjlBTzAUpuBqPQ2PKD3KT5WFc5l44r76mhqfWmnOqZo3uBTgQsZQE/feEBy7JKkIOlEzwS9Rq6gR5REShWZK4NNMwyNKT9Sy8KBYwDNNr0ywQbRKZA6zHGmmOREeMwRTX cCj9U0swbYWNLNv8m6b4lEDaBwetwJhMk7IIIeDqJnkci7DKMETk55ieOJD65Ke3XyniRePpzSW4oEh1EDsJzcFPOCFdfaTR1loP45nEVwQSzNhv66F2mOG50nw1LBP BAPehYdWtD2GNaz6fSrWV kF xQMC3OnToaSLUbNSk8jvJI7HDiRHwFORBHERxaO6HXYYfg3HaWBtdwLHjgxRmovgsXKCuridTBPaEkOcklQMqPbgbmJMER5PKiGDCI/fIc1nK4Hn0lqqTyoBNktkG/X6wm4EdiiLezQ9XivJwzNOGs9lu7e q 1mybAmqLMo1nriip0twwFROMHMnaIB2FX73eazSbsgNQJPnXyWeeSM7ljt6WyrFfqiOFxSQYGeVgnDAtbOO76BE9ceQ63Kap YY/gTyDK7G5oc 0AJ5UXz 24 peXLDkeKqeaQat9A1 vBXjUgRvID/a7tBL qCDUtuLCCuelBUNcfIBFPi7mrf9t6xq9C7SBjs5 bDE8ySZ3d0oqq07FMe/pUNTQ1UUyFHthgMtoCxLmjBulVhbtedWjRJ8SjsgAce/fBgATOBni7SU0dNDk88bhHrbiOz4UM XisgnhKl wSCN9uKK2YGrg6jTo kigctTOyEcDjktJS6YdsDhw9u8TCks1x 6AEUoqvZVXEQyiRWyYm1aWEhyX/2DuEcyK

fNzONySEzrT4ngSQzEhtJMG RlZVzy1SZOKpkl9F44TqRGg2oBsNzV2nwkpHDeoCdTUuk2VC2xLU5ukdlYJZli5 n44uOAMw/wgao4X1n qy5QZjm1xPPGUPeGQvQ5BoAkzUJOoBOY7bAzWO/yW w dWOcSc9Vkvs2BobuXTKx0C0mBomuQ1weQRPc1H7KCUVBWTFld/jE8W3D/A8Rft14rOeCunGgp pmUS1MX2ghnNZHs4Kgi2vEvDQa4EG U5T5aY9PUggdJPJezAAkd9oRAN/B3hQxhRMdp1j/kGkpNb U WDi3qBj8SwWDATeBLs7xek1hbh2RFp5qq4k4kYSZ2NsZRmg9 IJ6Rf8YzzKrRj/P6jJ962m7ne2vktDp 3/zJRX0IZ5LhvtGy8zRlTWJ/3ot/66Xe4rhiUmq6NZKKP1HWd6KFvP/Jjzo k umdZh9YxPWDkuNfYz3LzCozKhWtQSf4zH F9Yyz3624Zb95kfFuwu1XWA/KxnP9AI84FKe/Ao yyhRU64PBpaDVr7MeJbuYtf/IWc9/m/bE36K8Zo2XV95by9df57li9Z5blvWsPpmv sD5 9wO5ut9vAEhZr8UgPdvWCLKK9O94fozasDr9GJ7z hf4gnnFm5Gd95KurxWVcguf9fuNew6IsHFjDnvcXO nxJu0E6 c3a6fhn8OT7buvr08MgguyV ​hfwqONCIIN2Rge3 9jeX0 lQm23Xl9hj3v3R /EM8sSn3mK45Kr0DO7Np3j9zQNv3UYwzM8vTk8gOoxDJL67jAg9h7 OTziCwjirz7mXfVPEGhfp6vX6pD08tvUGOB8PneVTfmENUNb704j JiXd9Qg21rSfcBLsRgIehAfTMcAzvL/fvfi3luFol9serkePx47es3sePU7lNgruj1B7dCpv8MbuVB4WmiWtprv2vSQmugZ3usZMCE 1TZQqPmzKxgjMzB9LdLyYex140uEQ8ygYuaQfnw8ox8a PsBOtB7Tu9J9wDrdn6CePrwUqPfPl90z2Srx0WwSOYiPh xneyAMiJ9XOWpjzxlzyYCZBHpYsHcUnHc3uzBgM5oTQ8ynqjhHg bJWH6/L5iyuYtUXtwZvH81d716aaXu59PSiIHnkIAuzIluU UB3XNiP24aRgraVZLAfM8wjA ZIg4/snamoZ9zf1LGwY/OK369ejoSMHDukzwANoT6dejx8ZsGQ R2QFRLuHtMaCh2KZDcky/ZpHD5EvhyU2oE ex8OYm/5OafSn5Qt0 Puc3I2cvrWdWSMi6jAms2aAiHUTd TW84pL0vgIdY4InIkcZuK9IhBrPm1nvM6N6I4Plid sxzQrrFrF6517QjWWs1neYXcbLmeC12FspSDIttvr5Fqd95igDT5vDs8E9 vZfpc6fGPSEeT

3Yuige5U 7DZYWFzbSdeMd jN4RJ1JdHmfplPJGQpp0UOKZ8jGSLcwnhPFgu68way58SQEQUUGV1E8ymyVTod34JdV1uyf/I945HiCLSkeHENrcTxlGvd0BYJMbuj5a3aThDRr/xBpcq4hdHOiQVyeaT dbpf6ddqr1 JAcX81xDDkGIZ0M7HFxA0/k7FaQTQdd9R2kH79hHyj/FAwb0LRsts3hfx9WV9G8qM17SlGsPForduvwujAfBFfczvgDiSPQ js7rHfNmDA9J4x/ndflx5sPC zAFz2ya2WI/d/xP91fy /2ww3h8EEyp Nr/vMUlmK56J WSrNUjzKkNUzHl16Bm1nFOHRymwn2CUKSh4kipTi Thv3lYP0 eq9Py HarbjKrEZY//u8b1WrX2l9zixWhEC1iwJE8Kyy7JEnc7yFXLZG9wkJ6rsUsUdnqPZfXr0x HyTaxKGqS ex3uQfCrn0Yji7JV3xyPb2zvvjo8ROV3psrtsYIkPtmH5H3KUgmsWzQULAAAAAAElFTkSuQmCC

물건이 너무 많아요, 이거 정말 이해가 안 돼요. 이해하지 못하더라도 두려워하지 마십시오. Baidu에서 본 것은 다음과 같습니다.

이해가 안 돼요, 아직도 이해가 안 돼요. 그래서 선생님을 봤어요. Ruan Yifeng의 Base64 메모 다시

그제서야 서버 리소스를 절약하려면 서버에 대한 요청 하나에 GET/POST 요청이 필요하다는 것을 이해했습니다. 내 서버 비용은 들지 않습니다. 전송 효율이 빠르고 암호화도 가능합니다(비록 잘 작동하지는 않지만).

그래서 탐구 정신이 있어야 하고, 새로운 것에 대한 호기심이 있어야 해요.

上篇: Peacebird 오프라인 매장에서 구매한 옷을 반품할 수 있나요? 下篇: 8 포트 플러그가 주 전원 공급 장치에서 나옵니다.
관련 내용