In welchen Browsern funktioniert das Einbetten von Base64-Bildern aus Neugier? Was ich mich beziehe, ist dies .
Mir ist klar, dass es für die meisten Dinge normalerweise keine gute Lösung ist, da es die Seitengröße ziemlich erhöht - ich bin nur neugierig.
Einige Beispiele:
HTML:
<img alt="Embedded Image" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIA..." />CSS:
div.image {
width:100px;
height:100px;
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIA...);
}
3
Warum nicht eine Seite mit Beispielen einrichten
—
?
64 Bit benötigt nur 6 Zeichen 2 ^ 6. Eine Textzeichenfolge enthält je nach Codierungstyp mindestens 8 Bit pro Zeichen. Sie verlieren mindestens 25% Wirkungsgrad .... mein Schnelltest ergab etwa 30% Verlust.
Noch wichtiger ist, dass Sie wahrscheinlich die Fähigkeit verlieren, Ihre Inhalte effektiv zwischenzuspeichern.
—
Hut8
@ BrianHaak "enorm" sagt nichts. Ich persönlich habe in den letzten Jahren mehrmals base64-Bilder mit ReactJs verwendet und hatte überhaupt keine Renderprobleme. Bitte geben Sie einige Messungen an.
—
Lukas Liesis
@LukasLiesis Ich habe Messungen in Google Chrome für kommerzielle Zwecke durchgeführt, daher hier keine öffentlichen Berichte. Es mag in Ordnung sein, eindeutige Bilder zu rendern, aber Sie müssen berücksichtigen, dass das Caching überhaupt nicht funktioniert. In React.js ist es sehr wichtig, wenn Teile vollständig neu gerendert werden (z. B. bei Navigationsänderungen).
—
Brian Haak