浏览器是直接加载二进制图片更快还是加载base64编码的图片更快?

时间:2022-11-12 20:31:01

转自:https://segmentfault.com/q/1010000007009081?_ea=1209218

浏览器是直接加载二进制图片更快还是加载base64编码的图片更快?哪个效率更高?

例如:

<img src=" https://sf-static.b0.upaiyun.com/v-57e4f057/global/img/user-256.png" />

<imgsrc="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAAEACAMAAABrrFhUAAADAFBMVEUAAAAAAACAgIBVVVWAgICZmZmAgICSkpKAgICOjo6ZmZmLi4uVlZWJiYmSkpKZmZmPj4+WlpaOjo6UlJSZmZmSkpKXl5eQkJCVlZWZmZmTk5OXl5eSkpKVlZWZmZmUlJSXl5eTk5OWlpaZmZmVlZWYmJiUlJSWlpaZmZmVlZWYmJiUlJSXl5eZmZmWlpaYmJiVlZWXl5eZmZmWlpaYmJiVlZWXl5eZmZmWlpaYmJiVlZWXl5eZmZmWlpaYmJiWlpaXl5eZmZmXl5eYmJiWlpaYmJiZmZmXl5eYmJiWlpaYmJiZmZmXl5eYmJiWlpaYmJiZmZmXl5eYmJiXl5eYmJiZmZmXl5eYmJiXl5eYmJiZmZmXl5eYmJiXl5eYmJiZmZmXl5eYmJiXl5eYmJiZmZmXl5eZmZmXl5eYmJiZmZmYmJiZmZmXl5eYmJiZmZmYmJiZmZmXl5eYmJiZmZmYmJiZmZmXl5eYmJiZmZmYmJiZmZmXl5eYmJiZmZmYmJiZmZmXl5eYmJiZmZmYmJiZmZmXl5eYmJiZmZmYmJiZmZmYmJiYmJiZmZmYmJiZmZmYmJiYmJiZmZmYmJiZmZmYmJiYmJiZmZmYmJiZmZmYmJiYmJiZmZmYmJiZmZmYmJiYmJiZmZmYmJiZmZmYmJiYmJiZmZmYmJiZmZmYmJiYmJiZmZmYmJiZmZmYmJiYmJiZmZmYmJiZmZmYmJiYmJiZmZmYmJiZmZmYmJiYmJiZmZmYmJiZmZmYmJiYmJiZmZmYmJiZmZmYmJiYmJiZmZmYmJiZmZmYmJiYmJiZmZmYmJiZmZmYmJiZmZmZmZmYmJiZmZmYmJiZmZmZmZmYmJiZmZmYmJiZmZmZmZmYmJiZmZmYmJiZmZmZmZmYmJiZmZmYmJiZmZmZmZmYmJiZmZmYmJiZmZmZmZmYmJiZmZmYmJiZmZmZmZmYmJiZmZmYmJiZmZmZmZmYmJiZmZmYmJiZmZmZmZmYmJiZmZmYmJiZmZmZmZmYmJiZmZmYmJiZmZmZmZmby3gIAAAA/3RSTlMAAQIDBAUGBwgJCgsMDQ4PEBESExQVFhcYGRobHB0eHyAhIiMkJSYnKCkqKywtLi8wMTIzNDU2Nzg5Ojs8PT4/QEFCQ0RFRkdISUpLTE1OT1BRUlNUVVZXWFlaW1xdXl9gYWJjZGVmZ2hpamtsbW5vcHFyc3R1dnd4eXp7fH1+f4CBgoOEhYaHiImKi4yNjo+QkZKTlJWWl5iZmpucnZ6foKGio6SlpqeoqaqrrK2ur7CxsrO0tba3uLm6u7y9vr/AwcLDxMXGx8jJysvMzc7P0NHS09TV1tfY2drb3N3e3+Dh4uPk5ebn6Onq6+zt7u/w8fLz9PX29/j5+vv8/f7rCNk1AAAPHklEQVQYGeXBd2BUVaIG8G/SIDFICy1ABJSWBAugIkOzrrC6locsT3RV9KGuvUAQQhWwUgVEdGVdlbeI2EAUBaKoiOLqqoBAEAQVpScgkMTMfPt8nklukrlzztxz7s0f9/cDfQ70OdDnQJ8DfQ70OdDnQJ8DfQ70OdDnQJ8DfQ70OdDnQJ8DfQ70OdDnQJ8DfQ70OdDnQJ8DfQ70OdDnQJ8DfQ70OdDnQJ8DfQ70OdDnQJ8DfQ70OdDnQJ8DfQ70OdDnQJ8DfQ6sLcXf//jT3v1FJaxdoNfKNy0cftnZbVIhBFIbZZ5+yS2T/r6mmLUA9FJZQd7ZqbATaHflxDeP0FugZw7Ov6IepJJ7T/y4nN4BvVH+1qA6UNVo2PthegT0wp78TMQnK28jPQG6b8dtqXDgohX0AOi2wmuT4FDus6V0G+iuovtSoKHNi2G6C3RT+dwMaOq6iq4CXfT5aTBgwHd0EeiasrFJMCJ9dpiuAd3yxWkwpvdWugV0ydwUGJT6DF0CuuLoNTBs6HG6AnTD1i4w7oztdAPogoIGUJMx6K+XnQBFDQvoAtC8f9aBmmtLSR46F4rqLKF5oHHTAlBzfZi/KTkPihLm0TjQtBFQ1Oggf7clGaoepGmgYXlQNZURt0PZFBoGmpUPVU2PMuKHFCibQ7NAo8ZD2eOsdDuUBV6gUaBJc6Asp4yVDjWDsqRlNAk0aHkiVAXW0OoFqDvxGxoEmvPvelB2A6s6H+o6FtMc0JjdraCs8X5WtaUO1F0apjGgKeX9oO5vrG4c4jCexoCmjIG6XmFWV9Ie6hI/pimgISsToKz+Vta0EnHocIyGgGbsbQZlgdcZzSjE4Q4aApoxGOrGMKpQf6gLrKIZoBHLoK5/iNEdOgXqTi6hEaAJh1tDWbuDrPD5+fX7fsgKG9Kh7mEaAZpwJ5SlfckKb6QASF7ACi9DXb2faQJowNYkqKq7ghXWpOA3CUtYYRTUDaUJoAEDoSr1HVbY1RS/S/2YEaFroSzhXzQA1LcOqlJXssIvpyOiyTZGhP4Hyi6lAaC+flCUtooVwleiUof9rHAXVAW+oj5Q26dQlLaalfJhFSxhhZFQNZj6QG2Doab1p6y0EFUNCrPCRChK3EptoK5dSVBy4T5W+rQuqhnBStMSoeYmagN1jYCKQH6IlbY0Rw1zWen9VlCSWkRdoKZQCyhouIwW37RATYHZrHTgciiZQ12gppVQ0Hs7LT